@regardio/react 0.3.3 → 0.4.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/background-slideshow.d.ts +7 -5
- package/dist/components/background-slideshow.js +172 -74
- package/dist/components/blurry-gradient.d.ts +11 -4
- package/dist/components/blurry-gradient.js +121 -5
- package/dist/components/box.d.ts +12 -9
- package/dist/components/box.js +48 -23
- package/dist/components/carousel.d.ts +12 -10
- package/dist/components/carousel.js +146 -66
- package/dist/components/countdown.d.ts +5 -2
- package/dist/components/countdown.js +55 -21
- package/dist/components/definition-list.d.ts +19 -16
- package/dist/components/definition-list.js +83 -51
- package/dist/components/generic-error.d.ts +25 -5
- package/dist/components/generic-error.js +42 -34
- package/dist/components/heading.d.ts +14 -11
- package/dist/components/heading.js +114 -25
- package/dist/components/highlight.d.ts +11 -8
- package/dist/components/highlight.js +65 -17
- package/dist/components/icon-button.d.ts +7 -4
- package/dist/components/icon-button.js +16 -5
- package/dist/components/if.d.ts +6 -4
- package/dist/components/if.js +22 -14
- package/dist/components/iframe.d.ts +6 -4
- package/dist/components/iframe.js +26 -3
- package/dist/components/item.d.ts +18 -15
- package/dist/components/item.js +504 -301
- package/dist/components/leaflet-map.d.ts +5 -4
- package/dist/components/leaflet-map.js +192 -186
- package/dist/components/link.d.ts +24 -16
- package/dist/components/link.js +191 -102
- package/dist/components/list-item.d.ts +11 -8
- package/dist/components/list-item.js +35 -17
- package/dist/components/maptiler-map.d.ts +5 -4
- package/dist/components/maptiler-map.js +125 -112
- package/dist/components/markdown-container.d.ts +10 -8
- package/dist/components/markdown-container.js +181 -82
- package/dist/components/password-input.d.ts +7 -5
- package/dist/components/password-input.js +50 -8
- package/dist/components/picture.d.ts +19 -7
- package/dist/components/picture.js +75 -34
- package/dist/components/protected-email.d.ts +14 -3
- package/dist/components/protected-email.js +29 -15
- package/dist/components/text.d.ts +12 -9
- package/dist/components/text.js +42 -24
- package/dist/components/unordered-list.d.ts +11 -8
- package/dist/components/unordered-list.js +37 -19
- package/dist/hooks/use-current-route-data.d.ts +7 -2
- package/dist/hooks/use-current-route-data.js +13 -9
- package/dist/hooks/use-focus-search.d.ts +6 -3
- package/dist/hooks/use-focus-search.js +17 -13
- package/dist/hooks/use-matches-data.d.ts +9 -2
- package/dist/hooks/use-matches-data.js +12 -8
- package/dist/hooks/use-media-query.d.ts +8 -2
- package/dist/hooks/use-media-query.js +19 -15
- package/dist/hooks/use-mobile.d.ts +3 -2
- package/dist/hooks/use-mobile.js +18 -14
- package/dist/hooks/use-nonce.d.ts +12 -5
- package/dist/hooks/use-nonce.js +11 -7
- package/dist/hooks/use-orientation.d.ts +11 -3
- package/dist/hooks/use-orientation.js +28 -24
- package/dist/hooks/use-user.d.ts +43 -8
- package/dist/hooks/use-user.js +21 -13
- package/dist/utils/author.d.ts +4 -4
- package/dist/utils/author.js +49 -31
- package/dist/utils/cn.d.ts +8 -4
- package/dist/utils/cn.js +12 -8
- package/dist/utils/is-route-active.d.ts +19 -3
- package/dist/utils/is-route-active.js +45 -43
- package/dist/utils/locale.d.ts +66 -4
- package/dist/utils/locale.js +33 -22
- package/dist/utils/text.d.ts +24 -7
- package/dist/utils/text.js +114 -89
- package/package.json +5 -4
- package/dist/components/background-slideshow.d.ts.map +0 -1
- package/dist/components/blurry-gradient.d.ts.map +0 -1
- package/dist/components/box.d.ts.map +0 -1
- package/dist/components/carousel.d.ts.map +0 -1
- package/dist/components/countdown.d.ts.map +0 -1
- package/dist/components/definition-list.d.ts.map +0 -1
- package/dist/components/generic-error.d.ts.map +0 -1
- package/dist/components/heading.d.ts.map +0 -1
- package/dist/components/highlight.d.ts.map +0 -1
- package/dist/components/icon-button.d.ts.map +0 -1
- package/dist/components/if.d.ts.map +0 -1
- package/dist/components/iframe.d.ts.map +0 -1
- package/dist/components/item.d.ts.map +0 -1
- package/dist/components/leaflet-map.d.ts.map +0 -1
- package/dist/components/link.d.ts.map +0 -1
- package/dist/components/link.test.d.ts +0 -2
- package/dist/components/link.test.d.ts.map +0 -1
- package/dist/components/link.test.js +0 -204
- package/dist/components/list-item.d.ts.map +0 -1
- package/dist/components/maptiler-map.d.ts.map +0 -1
- package/dist/components/markdown-container.d.ts.map +0 -1
- package/dist/components/password-input.d.ts.map +0 -1
- package/dist/components/picture.d.ts.map +0 -1
- package/dist/components/protected-email.d.ts.map +0 -1
- package/dist/components/text.d.ts.map +0 -1
- package/dist/components/unordered-list.d.ts.map +0 -1
- package/dist/hooks/use-current-route-data.d.ts.map +0 -1
- package/dist/hooks/use-focus-search.d.ts.map +0 -1
- package/dist/hooks/use-matches-data.d.ts.map +0 -1
- package/dist/hooks/use-media-query.d.ts.map +0 -1
- package/dist/hooks/use-mobile.d.ts.map +0 -1
- package/dist/hooks/use-nonce.d.ts.map +0 -1
- package/dist/hooks/use-nonce.test.d.ts +0 -2
- package/dist/hooks/use-nonce.test.d.ts.map +0 -1
- package/dist/hooks/use-nonce.test.js +0 -27
- package/dist/hooks/use-orientation.d.ts.map +0 -1
- package/dist/hooks/use-user.d.ts.map +0 -1
- package/dist/shadcn/accordion.d.ts +0 -25
- package/dist/shadcn/accordion.d.ts.map +0 -1
- package/dist/shadcn/accordion.js +0 -45
- package/dist/shadcn/alert-dialog.d.ts +0 -73
- package/dist/shadcn/alert-dialog.d.ts.map +0 -1
- package/dist/shadcn/alert-dialog.js +0 -93
- package/dist/shadcn/alert.d.ts +0 -34
- package/dist/shadcn/alert.d.ts.map +0 -1
- package/dist/shadcn/alert.js +0 -42
- package/dist/shadcn/aspect-ratio.d.ts +0 -6
- package/dist/shadcn/aspect-ratio.d.ts.map +0 -1
- package/dist/shadcn/aspect-ratio.js +0 -7
- package/dist/shadcn/avatar.d.ts +0 -16
- package/dist/shadcn/avatar.d.ts.map +0 -1
- package/dist/shadcn/avatar.js +0 -27
- package/dist/shadcn/badge.d.ts +0 -29
- package/dist/shadcn/badge.d.ts.map +0 -1
- package/dist/shadcn/badge.js +0 -29
- package/dist/shadcn/breadcrumb.d.ts +0 -42
- package/dist/shadcn/breadcrumb.d.ts.map +0 -1
- package/dist/shadcn/breadcrumb.js +0 -74
- package/dist/shadcn/button.d.ts +0 -38
- package/dist/shadcn/button.d.ts.map +0 -1
- package/dist/shadcn/button.js +0 -38
- package/dist/shadcn/calendar.d.ts +0 -23
- package/dist/shadcn/calendar.d.ts.map +0 -1
- package/dist/shadcn/calendar.js +0 -163
- package/dist/shadcn/card.d.ts +0 -31
- package/dist/shadcn/card.d.ts.map +0 -1
- package/dist/shadcn/card.js +0 -55
- package/dist/shadcn/carousel.d.ts +0 -51
- package/dist/shadcn/carousel.d.ts.map +0 -1
- package/dist/shadcn/carousel.js +0 -161
- package/dist/shadcn/chart.d.ts +0 -103
- package/dist/shadcn/chart.d.ts.map +0 -1
- package/dist/shadcn/chart.js +0 -248
- package/dist/shadcn/checkbox.d.ts +0 -8
- package/dist/shadcn/checkbox.d.ts.map +0 -1
- package/dist/shadcn/checkbox.js +0 -22
- package/dist/shadcn/collapsible.d.ts +0 -16
- package/dist/shadcn/collapsible.d.ts.map +0 -1
- package/dist/shadcn/collapsible.js +0 -19
- package/dist/shadcn/command.d.ts +0 -61
- package/dist/shadcn/command.d.ts.map +0 -1
- package/dist/shadcn/command.js +0 -123
- package/dist/shadcn/context-menu.d.ts +0 -107
- package/dist/shadcn/context-menu.d.ts.map +0 -1
- package/dist/shadcn/context-menu.js +0 -151
- package/dist/shadcn/dialog.d.ts +0 -57
- package/dist/shadcn/dialog.d.ts.map +0 -1
- package/dist/shadcn/dialog.js +0 -96
- package/dist/shadcn/drawer.d.ts +0 -54
- package/dist/shadcn/drawer.d.ts.map +0 -1
- package/dist/shadcn/drawer.js +0 -96
- package/dist/shadcn/dropdown-menu.d.ts +0 -110
- package/dist/shadcn/dropdown-menu.d.ts.map +0 -1
- package/dist/shadcn/dropdown-menu.js +0 -152
- package/dist/shadcn/form.d.ts +0 -59
- package/dist/shadcn/form.d.ts.map +0 -1
- package/dist/shadcn/form.js +0 -99
- package/dist/shadcn/hover-card.d.ts +0 -20
- package/dist/shadcn/hover-card.d.ts.map +0 -1
- package/dist/shadcn/hover-card.js +0 -26
- package/dist/shadcn/input-otp.d.ts +0 -25
- package/dist/shadcn/input-otp.d.ts.map +0 -1
- package/dist/shadcn/input-otp.js +0 -54
- package/dist/shadcn/input.d.ts +0 -14
- package/dist/shadcn/input.d.ts.map +0 -1
- package/dist/shadcn/input.js +0 -48
- package/dist/shadcn/label.d.ts +0 -8
- package/dist/shadcn/label.d.ts.map +0 -1
- package/dist/shadcn/label.js +0 -16
- package/dist/shadcn/menubar.d.ts +0 -108
- package/dist/shadcn/menubar.d.ts.map +0 -1
- package/dist/shadcn/menubar.js +0 -174
- package/dist/shadcn/navigation-menu.d.ts +0 -79
- package/dist/shadcn/navigation-menu.d.ts.map +0 -1
- package/dist/shadcn/navigation-menu.js +0 -108
- package/dist/shadcn/pagination.d.ts +0 -45
- package/dist/shadcn/pagination.d.ts.map +0 -1
- package/dist/shadcn/pagination.js +0 -83
- package/dist/shadcn/popover.d.ts +0 -19
- package/dist/shadcn/popover.d.ts.map +0 -1
- package/dist/shadcn/popover.js +0 -29
- package/dist/shadcn/progress.d.ts +0 -9
- package/dist/shadcn/progress.d.ts.map +0 -1
- package/dist/shadcn/progress.js +0 -17
- package/dist/shadcn/radio-group.d.ts +0 -12
- package/dist/shadcn/radio-group.d.ts.map +0 -1
- package/dist/shadcn/radio-group.js +0 -32
- package/dist/shadcn/resizable.d.ts +0 -20
- package/dist/shadcn/resizable.d.ts.map +0 -1
- package/dist/shadcn/resizable.js +0 -32
- package/dist/shadcn/scroll-area.d.ts +0 -16
- package/dist/shadcn/scroll-area.d.ts.map +0 -1
- package/dist/shadcn/scroll-area.js +0 -40
- package/dist/shadcn/select.d.ts +0 -63
- package/dist/shadcn/select.d.ts.map +0 -1
- package/dist/shadcn/select.js +0 -120
- package/dist/shadcn/separator.d.ts +0 -10
- package/dist/shadcn/separator.d.ts.map +0 -1
- package/dist/shadcn/separator.js +0 -18
- package/dist/shadcn/sheet.d.ts +0 -48
- package/dist/shadcn/sheet.d.ts.map +0 -1
- package/dist/shadcn/sheet.js +0 -99
- package/dist/shadcn/sidebar.d.ts +0 -200
- package/dist/shadcn/sidebar.d.ts.map +0 -1
- package/dist/shadcn/sidebar.js +0 -528
- package/dist/shadcn/skeleton.d.ts +0 -6
- package/dist/shadcn/skeleton.d.ts.map +0 -1
- package/dist/shadcn/skeleton.js +0 -11
- package/dist/shadcn/slider.d.ts +0 -12
- package/dist/shadcn/slider.d.ts.map +0 -1
- package/dist/shadcn/slider.js +0 -50
- package/dist/shadcn/sonner.d.ts +0 -7
- package/dist/shadcn/sonner.d.ts.map +0 -1
- package/dist/shadcn/sonner.js +0 -20
- package/dist/shadcn/switch.d.ts +0 -8
- package/dist/shadcn/switch.d.ts.map +0 -1
- package/dist/shadcn/switch.js +0 -22
- package/dist/shadcn/table.d.ts +0 -35
- package/dist/shadcn/table.d.ts.map +0 -1
- package/dist/shadcn/table.js +0 -73
- package/dist/shadcn/tabs.d.ts +0 -20
- package/dist/shadcn/tabs.d.ts.map +0 -1
- package/dist/shadcn/tabs.js +0 -40
- package/dist/shadcn/textarea.d.ts +0 -7
- package/dist/shadcn/textarea.d.ts.map +0 -1
- package/dist/shadcn/textarea.js +0 -14
- package/dist/shadcn/toggle-group.d.ts +0 -22
- package/dist/shadcn/toggle-group.d.ts.map +0 -1
- package/dist/shadcn/toggle-group.js +0 -43
- package/dist/shadcn/toggle.d.ts +0 -29
- package/dist/shadcn/toggle.d.ts.map +0 -1
- package/dist/shadcn/toggle.js +0 -31
- package/dist/shadcn/tooltip.d.ts +0 -20
- package/dist/shadcn/tooltip.d.ts.map +0 -1
- package/dist/shadcn/tooltip.js +0 -40
- package/dist/stories/BackgroundSlideshow.stories.d.ts +0 -9
- package/dist/stories/BackgroundSlideshow.stories.d.ts.map +0 -1
- package/dist/stories/BackgroundSlideshow.stories.js +0 -60
- package/dist/stories/BlurryGradient.stories.d.ts +0 -11
- package/dist/stories/BlurryGradient.stories.d.ts.map +0 -1
- package/dist/stories/BlurryGradient.stories.js +0 -53
- package/dist/stories/Box.stories.d.ts +0 -13
- package/dist/stories/Box.stories.d.ts.map +0 -1
- package/dist/stories/Box.stories.js +0 -50
- package/dist/stories/Carousel.stories.d.ts +0 -9
- package/dist/stories/Carousel.stories.d.ts.map +0 -1
- package/dist/stories/Carousel.stories.js +0 -30
- package/dist/stories/Countdown.stories.d.ts +0 -7
- package/dist/stories/Countdown.stories.d.ts.map +0 -1
- package/dist/stories/Countdown.stories.js +0 -11
- package/dist/stories/DefinitionList.stories.d.ts +0 -9
- package/dist/stories/DefinitionList.stories.d.ts.map +0 -1
- package/dist/stories/DefinitionList.stories.js +0 -20
- package/dist/stories/GenericError.stories.d.ts +0 -9
- package/dist/stories/GenericError.stories.d.ts.map +0 -1
- package/dist/stories/GenericError.stories.js +0 -39
- package/dist/stories/Heading.stories.d.ts +0 -15
- package/dist/stories/Heading.stories.d.ts.map +0 -1
- package/dist/stories/Heading.stories.js +0 -61
- package/dist/stories/Highlight.stories.d.ts +0 -8
- package/dist/stories/Highlight.stories.d.ts.map +0 -1
- package/dist/stories/Highlight.stories.js +0 -19
- package/dist/stories/IconButton.stories.d.ts +0 -10
- package/dist/stories/IconButton.stories.d.ts.map +0 -1
- package/dist/stories/IconButton.stories.js +0 -32
- package/dist/stories/If.stories.d.ts +0 -13
- package/dist/stories/If.stories.d.ts.map +0 -1
- package/dist/stories/If.stories.js +0 -54
- package/dist/stories/Iframe.stories.d.ts +0 -8
- package/dist/stories/Iframe.stories.d.ts.map +0 -1
- package/dist/stories/Iframe.stories.js +0 -23
- package/dist/stories/Item.stories.d.ts +0 -10
- package/dist/stories/Item.stories.d.ts.map +0 -1
- package/dist/stories/Item.stories.js +0 -32
- package/dist/stories/Link.stories.d.ts +0 -10
- package/dist/stories/Link.stories.d.ts.map +0 -1
- package/dist/stories/Link.stories.js +0 -36
- package/dist/stories/ListItem.stories.d.ts +0 -9
- package/dist/stories/ListItem.stories.d.ts.map +0 -1
- package/dist/stories/ListItem.stories.js +0 -26
- package/dist/stories/MarkdownContainer.stories.d.ts +0 -11
- package/dist/stories/MarkdownContainer.stories.d.ts.map +0 -1
- package/dist/stories/MarkdownContainer.stories.js +0 -66
- package/dist/stories/PasswordInput.stories.d.ts +0 -9
- package/dist/stories/PasswordInput.stories.d.ts.map +0 -1
- package/dist/stories/PasswordInput.stories.js +0 -27
- package/dist/stories/Picture.stories.d.ts +0 -10
- package/dist/stories/Picture.stories.d.ts.map +0 -1
- package/dist/stories/Picture.stories.js +0 -46
- package/dist/stories/ProtectedEmail.stories.d.ts +0 -10
- package/dist/stories/ProtectedEmail.stories.d.ts.map +0 -1
- package/dist/stories/ProtectedEmail.stories.js +0 -34
- package/dist/stories/Text.stories.d.ts +0 -10
- package/dist/stories/Text.stories.d.ts.map +0 -1
- package/dist/stories/Text.stories.js +0 -31
- package/dist/stories/UnorderedList.stories.d.ts +0 -10
- package/dist/stories/UnorderedList.stories.d.ts.map +0 -1
- package/dist/stories/UnorderedList.stories.js +0 -24
- package/dist/test-setup.d.ts +0 -2
- package/dist/test-setup.d.ts.map +0 -1
- package/dist/test-setup.js +0 -1
- package/dist/utils/author.d.ts.map +0 -1
- package/dist/utils/author.test.d.ts +0 -2
- package/dist/utils/author.test.d.ts.map +0 -1
- package/dist/utils/author.test.js +0 -46
- package/dist/utils/cn.d.ts.map +0 -1
- package/dist/utils/cn.test.d.ts +0 -2
- package/dist/utils/cn.test.d.ts.map +0 -1
- package/dist/utils/cn.test.js +0 -33
- package/dist/utils/is-route-active.d.ts.map +0 -1
- package/dist/utils/is-route-active.test.d.ts +0 -2
- package/dist/utils/is-route-active.test.d.ts.map +0 -1
- package/dist/utils/is-route-active.test.js +0 -61
- package/dist/utils/locale.d.ts.map +0 -1
- package/dist/utils/locale.test.d.ts +0 -2
- package/dist/utils/locale.test.d.ts.map +0 -1
- package/dist/utils/locale.test.js +0 -99
- package/dist/utils/text.d.ts.map +0 -1
- package/dist/utils/text.test.d.ts +0 -2
- package/dist/utils/text.test.d.ts.map +0 -1
- package/dist/utils/text.test.js +0 -122
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import type { Meta, StoryObj } from '@storybook/react-vite';
|
|
2
|
-
import { Carousel } from '../components/carousel';
|
|
3
|
-
declare const meta: Meta<typeof Carousel>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof Carousel>;
|
|
6
|
-
export declare const Default: Story;
|
|
7
|
-
export declare const WithControls: Story;
|
|
8
|
-
export declare const ManySlides: Story;
|
|
9
|
-
//# sourceMappingURL=Carousel.stories.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
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,KAoB1B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAgBxB,CAAC"}
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, } from '../components/carousel';
|
|
3
|
-
const meta = {
|
|
4
|
-
component: Carousel,
|
|
5
|
-
parameters: {
|
|
6
|
-
layout: 'padded',
|
|
7
|
-
},
|
|
8
|
-
tags: ['autodocs'],
|
|
9
|
-
title: 'Components/Carousel',
|
|
10
|
-
};
|
|
11
|
-
export default meta;
|
|
12
|
-
const SlideCard = ({ children }) => (_jsx("div", { style: {
|
|
13
|
-
alignItems: 'center',
|
|
14
|
-
background: '#f0f0f0',
|
|
15
|
-
border: '1px solid #ddd',
|
|
16
|
-
borderRadius: '8px',
|
|
17
|
-
display: 'flex',
|
|
18
|
-
height: '200px',
|
|
19
|
-
justifyContent: 'center',
|
|
20
|
-
width: '300px',
|
|
21
|
-
}, children: children }));
|
|
22
|
-
export const Default = {
|
|
23
|
-
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" }) })] }) })),
|
|
24
|
-
};
|
|
25
|
-
export const WithControls = {
|
|
26
|
-
render: () => (_jsxs(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" }) })] }), _jsxs("div", { className: "flex justify-center gap-4 mt-4", children: [_jsx(CarouselPrevious, { className: "px-4 py-2 bg-gray-200 rounded", children: "Previous" }), _jsx(CarouselNext, { className: "px-4 py-2 bg-gray-200 rounded", children: "Next" })] })] })),
|
|
27
|
-
};
|
|
28
|
-
export const ManySlides = {
|
|
29
|
-
render: () => (_jsxs(Carousel, { className: "w-full max-w-md", children: [_jsx(CarouselContent, { className: "gap-4", children: [1, 2, 3, 4, 5, 6].map((i) => (_jsx(CarouselItem, { children: _jsxs(SlideCard, { children: ["Slide ", i] }) }, i))) }), _jsxs("div", { className: "flex justify-center gap-4 mt-4", children: [_jsx(CarouselPrevious, { className: "px-4 py-2 bg-gray-200 rounded", children: "\u2190" }), _jsx(CarouselNext, { className: "px-4 py-2 bg-gray-200 rounded", children: "\u2192" })] })] })),
|
|
30
|
-
};
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import type { Meta, StoryObj } from '@storybook/react-vite';
|
|
2
|
-
import { Countdown } from '../components/countdown';
|
|
3
|
-
declare const meta: Meta<typeof Countdown>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof Countdown>;
|
|
6
|
-
export declare const Default: Story;
|
|
7
|
-
//# sourceMappingURL=Countdown.stories.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Countdown.stories.d.ts","sourceRoot":"","sources":["../../src/stories/Countdown.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAEpD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,SAAS,CAOhC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,SAAS,CAAC,CAAC;AAExC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC"}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import type { Meta, StoryObj } from '@storybook/react-vite';
|
|
2
|
-
import { DefinitionList } from '../components/definition-list';
|
|
3
|
-
declare const meta: Meta<typeof DefinitionList>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof DefinitionList>;
|
|
6
|
-
export declare const Default: Story;
|
|
7
|
-
export declare const Unstyled: Story;
|
|
8
|
-
export declare const ContactInfo: Story;
|
|
9
|
-
//# sourceMappingURL=DefinitionList.stories.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"DefinitionList.stories.d.ts","sourceRoot":"","sources":["../../src/stories/DefinitionList.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAM,cAAc,EAAM,MAAM,+BAA+B,CAAC;AAEvE,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,cAAc,CAOrC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,cAAc,CAAC,CAAC;AAE7C,eAAO,MAAM,OAAO,EAAE,KAWrB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAStB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAWzB,CAAC"}
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { Dd, DefinitionList, Dt } from '../components/definition-list';
|
|
3
|
-
const meta = {
|
|
4
|
-
component: DefinitionList,
|
|
5
|
-
parameters: {
|
|
6
|
-
layout: 'padded',
|
|
7
|
-
},
|
|
8
|
-
tags: ['autodocs'],
|
|
9
|
-
title: 'Components/DefinitionList',
|
|
10
|
-
};
|
|
11
|
-
export default meta;
|
|
12
|
-
export const Default = {
|
|
13
|
-
render: () => (_jsxs(DefinitionList, { children: [_jsx(Dt, { children: "Term 1" }), _jsx(Dd, { children: "Definition for term 1" }), _jsx(Dt, { children: "Term 2" }), _jsx(Dd, { children: "Definition for term 2" }), _jsx(Dt, { children: "Term 3" }), _jsx(Dd, { children: "Definition for term 3" })] })),
|
|
14
|
-
};
|
|
15
|
-
export const Unstyled = {
|
|
16
|
-
render: () => (_jsxs(DefinitionList, { variant: "unstyled", children: [_jsx(Dt, { children: "Term 1" }), _jsx(Dd, { children: "Definition for term 1" }), _jsx(Dt, { children: "Term 2" }), _jsx(Dd, { children: "Definition for term 2" })] })),
|
|
17
|
-
};
|
|
18
|
-
export const ContactInfo = {
|
|
19
|
-
render: () => (_jsxs(DefinitionList, { children: [_jsx(Dt, { children: "Email" }), _jsx(Dd, { children: "contact@example.com" }), _jsx(Dt, { children: "Phone" }), _jsx(Dd, { children: "+1 234 567 890" }), _jsx(Dt, { children: "Address" }), _jsx(Dd, { children: "123 Main Street, City, Country" })] })),
|
|
20
|
-
};
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import type { Meta, StoryObj } from '@storybook/react-vite';
|
|
2
|
-
import { GenericError } from '../components/generic-error';
|
|
3
|
-
declare const meta: Meta<typeof GenericError>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof GenericError>;
|
|
6
|
-
export declare const Error404: Story;
|
|
7
|
-
export declare const Error500: Story;
|
|
8
|
-
export declare const GetErrorDescriptorDemo: Story;
|
|
9
|
-
//# sourceMappingURL=GenericError.stories.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
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,KAepC,CAAC"}
|
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { createMemoryRouter, RouterProvider } from 'react-router';
|
|
3
|
-
import { GenericError, getErrorDescriptor } from '../components/generic-error';
|
|
4
|
-
const meta = {
|
|
5
|
-
component: GenericError,
|
|
6
|
-
parameters: {
|
|
7
|
-
layout: 'fullscreen',
|
|
8
|
-
},
|
|
9
|
-
tags: ['autodocs'],
|
|
10
|
-
title: 'Components/GenericError',
|
|
11
|
-
};
|
|
12
|
-
export default meta;
|
|
13
|
-
const ErrorWrapper = ({ status }) => {
|
|
14
|
-
const router = createMemoryRouter([
|
|
15
|
-
{
|
|
16
|
-
element: _jsx(GenericError, {}),
|
|
17
|
-
errorElement: _jsx(GenericError, {}),
|
|
18
|
-
loader: () => {
|
|
19
|
-
throw new Response('Not Found', { status, statusText: 'Not Found' });
|
|
20
|
-
},
|
|
21
|
-
path: '/',
|
|
22
|
-
},
|
|
23
|
-
], { initialEntries: ['/'] });
|
|
24
|
-
return _jsx(RouterProvider, { router: router });
|
|
25
|
-
};
|
|
26
|
-
export const Error404 = {
|
|
27
|
-
render: () => _jsx(ErrorWrapper, { status: 404 }),
|
|
28
|
-
};
|
|
29
|
-
export const Error500 = {
|
|
30
|
-
render: () => _jsx(ErrorWrapper, { status: 500 }),
|
|
31
|
-
};
|
|
32
|
-
export const GetErrorDescriptorDemo = {
|
|
33
|
-
render: () => {
|
|
34
|
-
const httpError = getErrorDescriptor(new Response('Not Found', { status: 404 }));
|
|
35
|
-
const runtimeError = getErrorDescriptor(new Error('Something went wrong'));
|
|
36
|
-
const unknownError = getErrorDescriptor('unknown');
|
|
37
|
-
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) })] }));
|
|
38
|
-
},
|
|
39
|
-
};
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import type { Meta, StoryObj } from '@storybook/react-vite';
|
|
2
|
-
import { Heading } from '../components/heading';
|
|
3
|
-
declare const meta: Meta<typeof Heading>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof Heading>;
|
|
6
|
-
export declare const Default: Story;
|
|
7
|
-
export declare const Level1: Story;
|
|
8
|
-
export declare const Level2: Story;
|
|
9
|
-
export declare const Level3: Story;
|
|
10
|
-
export declare const Level4: Story;
|
|
11
|
-
export declare const Level5: Story;
|
|
12
|
-
export declare const Level6: Story;
|
|
13
|
-
export declare const WithGermanText: Story;
|
|
14
|
-
export declare const AllLevels: Story;
|
|
15
|
-
//# sourceMappingURL=Heading.stories.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Heading.stories.d.ts","sourceRoot":"","sources":["../../src/stories/Heading.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAEhD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,OAAO,CAO9B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,OAAO,CAAC,CAAC;AAEtC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAKpB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAKpB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAKpB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAKpB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAKpB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAKpB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAK5B,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAWvB,CAAC"}
|
|
@@ -1,61 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { Heading } from '../components/heading';
|
|
3
|
-
const meta = {
|
|
4
|
-
component: Heading,
|
|
5
|
-
parameters: {
|
|
6
|
-
layout: 'padded',
|
|
7
|
-
},
|
|
8
|
-
tags: ['autodocs'],
|
|
9
|
-
title: 'Components/Heading',
|
|
10
|
-
};
|
|
11
|
-
export default meta;
|
|
12
|
-
export const Default = {
|
|
13
|
-
args: {
|
|
14
|
-
children: 'Default Heading',
|
|
15
|
-
},
|
|
16
|
-
};
|
|
17
|
-
export const Level1 = {
|
|
18
|
-
args: {
|
|
19
|
-
children: 'Heading Level 1',
|
|
20
|
-
level: 1,
|
|
21
|
-
},
|
|
22
|
-
};
|
|
23
|
-
export const Level2 = {
|
|
24
|
-
args: {
|
|
25
|
-
children: 'Heading Level 2',
|
|
26
|
-
level: 2,
|
|
27
|
-
},
|
|
28
|
-
};
|
|
29
|
-
export const Level3 = {
|
|
30
|
-
args: {
|
|
31
|
-
children: 'Heading Level 3',
|
|
32
|
-
level: 3,
|
|
33
|
-
},
|
|
34
|
-
};
|
|
35
|
-
export const Level4 = {
|
|
36
|
-
args: {
|
|
37
|
-
children: 'Heading Level 4',
|
|
38
|
-
level: 4,
|
|
39
|
-
},
|
|
40
|
-
};
|
|
41
|
-
export const Level5 = {
|
|
42
|
-
args: {
|
|
43
|
-
children: 'Heading Level 5',
|
|
44
|
-
level: 5,
|
|
45
|
-
},
|
|
46
|
-
};
|
|
47
|
-
export const Level6 = {
|
|
48
|
-
args: {
|
|
49
|
-
children: 'Heading Level 6',
|
|
50
|
-
level: 6,
|
|
51
|
-
},
|
|
52
|
-
};
|
|
53
|
-
export const WithGermanText = {
|
|
54
|
-
args: {
|
|
55
|
-
children: 'Größe und Maße',
|
|
56
|
-
level: 2,
|
|
57
|
-
},
|
|
58
|
-
};
|
|
59
|
-
export const AllLevels = {
|
|
60
|
-
render: () => (_jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: '8px' }, children: [_jsx(Heading, { level: 1, children: "Heading Level 1" }), _jsx(Heading, { level: 2, children: "Heading Level 2" }), _jsx(Heading, { level: 3, children: "Heading Level 3" }), _jsx(Heading, { level: 4, children: "Heading Level 4" }), _jsx(Heading, { level: 5, children: "Heading Level 5" }), _jsx(Heading, { level: 6, children: "Heading Level 6" })] })),
|
|
61
|
-
};
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import type { Meta, StoryObj } from '@storybook/react-vite';
|
|
2
|
-
import { Highlight } from '../components/highlight';
|
|
3
|
-
declare const meta: Meta<typeof Highlight>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof Highlight>;
|
|
6
|
-
export declare const Default: Story;
|
|
7
|
-
export declare const InParagraph: Story;
|
|
8
|
-
//# sourceMappingURL=Highlight.stories.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Highlight.stories.d.ts","sourceRoot":"","sources":["../../src/stories/Highlight.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAEpD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,SAAS,CAOhC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,SAAS,CAAC,CAAC;AAExC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAMzB,CAAC"}
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { Highlight } from '../components/highlight';
|
|
3
|
-
const meta = {
|
|
4
|
-
component: Highlight,
|
|
5
|
-
parameters: {
|
|
6
|
-
layout: 'padded',
|
|
7
|
-
},
|
|
8
|
-
tags: ['autodocs'],
|
|
9
|
-
title: 'Components/Highlight',
|
|
10
|
-
};
|
|
11
|
-
export default meta;
|
|
12
|
-
export const Default = {
|
|
13
|
-
args: {
|
|
14
|
-
children: 'Highlighted text',
|
|
15
|
-
},
|
|
16
|
-
};
|
|
17
|
-
export const InParagraph = {
|
|
18
|
-
render: () => (_jsxs("p", { children: ["This is a paragraph with ", _jsx(Highlight, { children: "highlighted text" }), " in the middle."] })),
|
|
19
|
-
};
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import type { Meta, StoryObj } from '@storybook/react-vite';
|
|
2
|
-
import { IconButton } from '../components/icon-button';
|
|
3
|
-
declare const meta: Meta<typeof IconButton>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof IconButton>;
|
|
6
|
-
export declare const Default: Story;
|
|
7
|
-
export declare const Close: Story;
|
|
8
|
-
export declare const WithCustomClass: Story;
|
|
9
|
-
export declare const AllIcons: Story;
|
|
10
|
-
//# sourceMappingURL=IconButton.stories.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"IconButton.stories.d.ts","sourceRoot":"","sources":["../../src/stories/IconButton.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAEvD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CAOjC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAC;AAkDzC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAInB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAK7B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAOtB,CAAC"}
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { IconButton } from '../components/icon-button';
|
|
3
|
-
const meta = {
|
|
4
|
-
component: IconButton,
|
|
5
|
-
parameters: {
|
|
6
|
-
layout: 'centered',
|
|
7
|
-
},
|
|
8
|
-
tags: ['autodocs'],
|
|
9
|
-
title: 'Components/IconButton',
|
|
10
|
-
};
|
|
11
|
-
export default meta;
|
|
12
|
-
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" })] }));
|
|
13
|
-
const CloseIcon = () => (_jsxs("svg", { fill: "none", height: "24", stroke: "currentColor", strokeWidth: "2", viewBox: "0 0 24 24", width: "24", children: [_jsx("line", { x1: "18", x2: "6", y1: "6", y2: "18" }), _jsx("line", { x1: "6", x2: "18", y1: "6", y2: "18" })] }));
|
|
14
|
-
export const Default = {
|
|
15
|
-
args: {
|
|
16
|
-
icon: _jsx(PlusIcon, {}),
|
|
17
|
-
},
|
|
18
|
-
};
|
|
19
|
-
export const Close = {
|
|
20
|
-
args: {
|
|
21
|
-
icon: _jsx(CloseIcon, {}),
|
|
22
|
-
},
|
|
23
|
-
};
|
|
24
|
-
export const WithCustomClass = {
|
|
25
|
-
args: {
|
|
26
|
-
className: 'p-2 bg-gray-100 rounded hover:bg-gray-200',
|
|
27
|
-
icon: _jsx(PlusIcon, {}),
|
|
28
|
-
},
|
|
29
|
-
};
|
|
30
|
-
export const AllIcons = {
|
|
31
|
-
render: () => (_jsxs("div", { style: { display: 'flex', gap: '16px' }, children: [_jsx(IconButton, { icon: _jsx(PlusIcon, {}) }), _jsx(IconButton, { icon: _jsx(CloseIcon, {}) })] })),
|
|
32
|
-
};
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import type { Meta, StoryObj } from '@storybook/react-vite';
|
|
2
|
-
import { If } from '../components/if';
|
|
3
|
-
declare const meta: Meta<typeof If>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof If>;
|
|
6
|
-
export declare const TrueCondition: Story;
|
|
7
|
-
export declare const FalseCondition: Story;
|
|
8
|
-
export declare const WithFallback: Story;
|
|
9
|
-
export declare const WithValue: Story;
|
|
10
|
-
export declare const NullCondition: Story;
|
|
11
|
-
export declare const ZeroCondition: Story;
|
|
12
|
-
export declare const EmptyStringCondition: Story;
|
|
13
|
-
//# sourceMappingURL=If.stories.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"If.stories.d.ts","sourceRoot":"","sources":["../../src/stories/If.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAC;AAEtC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,EAAE,CAOzB,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,EAAE,CAAC,CAAC;AAEjC,eAAO,MAAM,aAAa,EAAE,KAK3B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAK5B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAM1B,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAUvB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAM3B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAM3B,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KAMlC,CAAC"}
|
|
@@ -1,54 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { If } from '../components/if';
|
|
3
|
-
const meta = {
|
|
4
|
-
component: If,
|
|
5
|
-
parameters: {
|
|
6
|
-
layout: 'padded',
|
|
7
|
-
},
|
|
8
|
-
tags: ['autodocs'],
|
|
9
|
-
title: 'Components/If',
|
|
10
|
-
};
|
|
11
|
-
export default meta;
|
|
12
|
-
export const TrueCondition = {
|
|
13
|
-
args: {
|
|
14
|
-
children: _jsx("p", { children: "This content is shown because condition is true" }),
|
|
15
|
-
condition: true,
|
|
16
|
-
},
|
|
17
|
-
};
|
|
18
|
-
export const FalseCondition = {
|
|
19
|
-
args: {
|
|
20
|
-
children: _jsx("p", { children: "This content is hidden" }),
|
|
21
|
-
condition: false,
|
|
22
|
-
},
|
|
23
|
-
};
|
|
24
|
-
export const WithFallback = {
|
|
25
|
-
args: {
|
|
26
|
-
children: _jsx("p", { children: "Primary content" }),
|
|
27
|
-
condition: false,
|
|
28
|
-
fallback: _jsx("p", { children: "Fallback content shown when condition is false" }),
|
|
29
|
-
},
|
|
30
|
-
};
|
|
31
|
-
export const WithValue = {
|
|
32
|
-
render: () => (_jsx(If, { condition: { age: 30, name: 'John' }, children: (user) => (_jsxs("p", { children: ["User: ", user.name, ", Age: ", user.age] })) })),
|
|
33
|
-
};
|
|
34
|
-
export const NullCondition = {
|
|
35
|
-
args: {
|
|
36
|
-
children: _jsx("p", { children: "This won't show" }),
|
|
37
|
-
condition: null,
|
|
38
|
-
fallback: _jsx("p", { children: "Condition was null" }),
|
|
39
|
-
},
|
|
40
|
-
};
|
|
41
|
-
export const ZeroCondition = {
|
|
42
|
-
args: {
|
|
43
|
-
children: _jsx("p", { children: "This won't show" }),
|
|
44
|
-
condition: 0,
|
|
45
|
-
fallback: _jsx("p", { children: "Condition was 0 (falsy)" }),
|
|
46
|
-
},
|
|
47
|
-
};
|
|
48
|
-
export const EmptyStringCondition = {
|
|
49
|
-
args: {
|
|
50
|
-
children: _jsx("p", { children: "This won't show" }),
|
|
51
|
-
condition: '',
|
|
52
|
-
fallback: _jsx("p", { children: "Condition was empty string (falsy)" }),
|
|
53
|
-
},
|
|
54
|
-
};
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import type { Meta, StoryObj } from '@storybook/react-vite';
|
|
2
|
-
import { Iframe } from '../components/iframe';
|
|
3
|
-
declare const meta: Meta<typeof Iframe>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof Iframe>;
|
|
6
|
-
export declare const YouTubeVideo: Story;
|
|
7
|
-
export declare const WithCustomClass: Story;
|
|
8
|
-
//# sourceMappingURL=Iframe.stories.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Iframe.stories.d.ts","sourceRoot":"","sources":["../../src/stories/Iframe.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAE9C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CAO7B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAC;AAErC,eAAO,MAAM,YAAY,EAAE,KAK1B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAM7B,CAAC"}
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import { Iframe } from '../components/iframe';
|
|
2
|
-
const meta = {
|
|
3
|
-
component: Iframe,
|
|
4
|
-
parameters: {
|
|
5
|
-
layout: 'padded',
|
|
6
|
-
},
|
|
7
|
-
tags: ['autodocs'],
|
|
8
|
-
title: 'Components/Iframe',
|
|
9
|
-
};
|
|
10
|
-
export default meta;
|
|
11
|
-
export const YouTubeVideo = {
|
|
12
|
-
args: {
|
|
13
|
-
src: 'https://www.youtube.com/embed/dQw4w9WgXcQ',
|
|
14
|
-
title: 'YouTube Video',
|
|
15
|
-
},
|
|
16
|
-
};
|
|
17
|
-
export const WithCustomClass = {
|
|
18
|
-
args: {
|
|
19
|
-
className: 'rounded-lg shadow-lg',
|
|
20
|
-
src: 'https://www.youtube.com/embed/dQw4w9WgXcQ',
|
|
21
|
-
title: 'Styled YouTube Video',
|
|
22
|
-
},
|
|
23
|
-
};
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import type { Meta, StoryObj } from '@storybook/react-vite';
|
|
2
|
-
import { Item } from '../components/item';
|
|
3
|
-
declare const meta: Meta<typeof Item>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof Item>;
|
|
6
|
-
export declare const Default: Story;
|
|
7
|
-
export declare const WithLink: Story;
|
|
8
|
-
export declare const WidthVariants: Story;
|
|
9
|
-
export declare const ThemeColors: Story;
|
|
10
|
-
//# sourceMappingURL=Item.stories.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Item.stories.d.ts","sourceRoot":"","sources":["../../src/stories/Item.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAE1C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,IAAI,CAc3B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAoB3B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAoBzB,CAAC"}
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { MemoryRouter } from 'react-router';
|
|
3
|
-
import { Item } from '../components/item';
|
|
4
|
-
const meta = {
|
|
5
|
-
component: Item,
|
|
6
|
-
decorators: [
|
|
7
|
-
(Story) => (_jsx(MemoryRouter, { children: _jsx(Story, {}) })),
|
|
8
|
-
],
|
|
9
|
-
parameters: {
|
|
10
|
-
layout: 'padded',
|
|
11
|
-
},
|
|
12
|
-
tags: ['autodocs'],
|
|
13
|
-
title: 'Components/Item',
|
|
14
|
-
};
|
|
15
|
-
export default meta;
|
|
16
|
-
export const Default = {
|
|
17
|
-
args: {
|
|
18
|
-
children: _jsx("div", { className: "p-4", children: "Item content" }),
|
|
19
|
-
},
|
|
20
|
-
};
|
|
21
|
-
export const WithLink = {
|
|
22
|
-
args: {
|
|
23
|
-
children: _jsx("div", { className: "p-4", children: "Clickable item" }),
|
|
24
|
-
link: '/example',
|
|
25
|
-
},
|
|
26
|
-
};
|
|
27
|
-
export const WidthVariants = {
|
|
28
|
-
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" }) })] })),
|
|
29
|
-
};
|
|
30
|
-
export const ThemeColors = {
|
|
31
|
-
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" }) })] })),
|
|
32
|
-
};
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import type { Meta, StoryObj } from '@storybook/react-vite';
|
|
2
|
-
import { Link } from '../components/link';
|
|
3
|
-
declare const meta: Meta<typeof Link>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof Link>;
|
|
6
|
-
export declare const Default: Story;
|
|
7
|
-
export declare const External: Story;
|
|
8
|
-
export declare const WithGermanText: Story;
|
|
9
|
-
export declare const AllVariants: Story;
|
|
10
|
-
//# sourceMappingURL=Link.stories.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Link.stories.d.ts","sourceRoot":"","sources":["../../src/stories/Link.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAE1C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,IAAI,CAc3B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAK5B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAazB,CAAC"}
|
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { MemoryRouter } from 'react-router';
|
|
3
|
-
import { Link } from '../components/link';
|
|
4
|
-
const meta = {
|
|
5
|
-
component: Link,
|
|
6
|
-
decorators: [
|
|
7
|
-
(Story) => (_jsx(MemoryRouter, { children: _jsx(Story, {}) })),
|
|
8
|
-
],
|
|
9
|
-
parameters: {
|
|
10
|
-
layout: 'padded',
|
|
11
|
-
},
|
|
12
|
-
tags: ['autodocs'],
|
|
13
|
-
title: 'Components/Link',
|
|
14
|
-
};
|
|
15
|
-
export default meta;
|
|
16
|
-
export const Default = {
|
|
17
|
-
args: {
|
|
18
|
-
children: 'Default Link',
|
|
19
|
-
to: '/example',
|
|
20
|
-
},
|
|
21
|
-
};
|
|
22
|
-
export const External = {
|
|
23
|
-
args: {
|
|
24
|
-
children: 'External Link',
|
|
25
|
-
to: 'https://example.com',
|
|
26
|
-
},
|
|
27
|
-
};
|
|
28
|
-
export const WithGermanText = {
|
|
29
|
-
args: {
|
|
30
|
-
children: 'Größenübersicht',
|
|
31
|
-
to: '/sizes',
|
|
32
|
-
},
|
|
33
|
-
};
|
|
34
|
-
export const AllVariants = {
|
|
35
|
-
render: () => (_jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: '8px' }, children: [_jsx(Link, { to: "/internal", children: "Internal Link" }), _jsx(Link, { to: "https://example.com", children: "External Link" }), _jsx(Link, { className: "text-blue-600 underline", to: "/styled", children: "Styled Link" })] })),
|
|
36
|
-
};
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import type { Meta, StoryObj } from '@storybook/react-vite';
|
|
2
|
-
import { ListItem } from '../components/list-item';
|
|
3
|
-
declare const meta: Meta<typeof ListItem>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof ListItem>;
|
|
6
|
-
export declare const Default: Story;
|
|
7
|
-
export declare const InList: Story;
|
|
8
|
-
export declare const WithCustomClass: Story;
|
|
9
|
-
//# sourceMappingURL=ListItem.stories.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
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;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"}
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { ListItem } from '../components/list-item';
|
|
3
|
-
import { UnorderedList } from '../components/unordered-list';
|
|
4
|
-
const meta = {
|
|
5
|
-
component: ListItem,
|
|
6
|
-
parameters: {
|
|
7
|
-
layout: 'padded',
|
|
8
|
-
},
|
|
9
|
-
tags: ['autodocs'],
|
|
10
|
-
title: 'Components/ListItem',
|
|
11
|
-
};
|
|
12
|
-
export default meta;
|
|
13
|
-
export const Default = {
|
|
14
|
-
args: {
|
|
15
|
-
children: 'List item content',
|
|
16
|
-
},
|
|
17
|
-
};
|
|
18
|
-
export const InList = {
|
|
19
|
-
render: () => (_jsxs(UnorderedList, { children: [_jsx(ListItem, { children: "First item" }), _jsx(ListItem, { children: "Second item" }), _jsx(ListItem, { children: "Third item" })] })),
|
|
20
|
-
};
|
|
21
|
-
export const WithCustomClass = {
|
|
22
|
-
args: {
|
|
23
|
-
children: 'Styled list item',
|
|
24
|
-
className: 'font-bold text-blue-600',
|
|
25
|
-
},
|
|
26
|
-
};
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import type { Meta, StoryObj } from '@storybook/react-vite';
|
|
2
|
-
import { MarkdownContainer } from '../components/markdown-container';
|
|
3
|
-
declare const meta: Meta<typeof MarkdownContainer>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof MarkdownContainer>;
|
|
6
|
-
export declare const Default: Story;
|
|
7
|
-
export declare const GermanLocale: Story;
|
|
8
|
-
export declare const WithTruncation: Story;
|
|
9
|
-
export declare const WithParagraphLimit: Story;
|
|
10
|
-
export declare const WithCharacterLimit: Story;
|
|
11
|
-
//# sourceMappingURL=MarkdownContainer.stories.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MarkdownContainer.stories.d.ts","sourceRoot":"","sources":["../../src/stories/MarkdownContainer.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AAErE,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,iBAAiB,CAOxC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAEhD,eAAO,MAAM,OAAO,EAAE,KAerB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAY1B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAO5B,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAYhC,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAMhC,CAAC"}
|