@vkzstudio/muza-ui 1.2.0 → 1.4.0
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/Accordion/Accordion.d.ts +52 -2
- package/dist/components/Accordion/Accordion.d.ts.map +1 -1
- package/dist/components/Accordion/Accordion.js +111 -76
- package/dist/components/ArticleCard/ArticleCard.d.ts +178 -0
- package/dist/components/ArticleCard/ArticleCard.d.ts.map +1 -0
- package/dist/components/ArticleCard/ArticleCard.js +542 -0
- package/dist/components/ArticleCard/ArticleCard.stories.d.ts +14 -0
- package/dist/components/ArticleCard/ArticleCard.stories.d.ts.map +1 -0
- package/dist/components/ArticleCard/index.d.ts +2 -0
- package/dist/components/ArticleCard/index.d.ts.map +1 -0
- package/dist/components/BalanceListView/BalanceListView.examples.d.ts +38 -0
- package/dist/components/BalanceListView/BalanceListView.examples.d.ts.map +1 -0
- package/dist/components/BalanceListView/BalanceListView.stories.d.ts +8 -0
- package/dist/components/BalanceListView/BalanceListView.stories.d.ts.map +1 -0
- package/dist/components/ButtonArrow/ButtonArrow.d.ts +3 -3
- package/dist/components/ButtonArrow/ButtonArrow.d.ts.map +1 -1
- package/dist/components/ButtonArrow/ButtonArrow.js +26 -25
- package/dist/components/Calendar/Calendar.d.ts.map +1 -1
- package/dist/components/Calendar/Calendar.js +5 -5
- package/dist/components/Calendar/index.d.ts +1 -2
- package/dist/components/Calendar/index.d.ts.map +1 -1
- package/dist/components/Carousel/Carousel.d.ts +9 -0
- package/dist/components/Carousel/Carousel.d.ts.map +1 -1
- package/dist/components/Carousel/Carousel.js +135 -133
- package/dist/components/CarouselSection/CarouselSection.examples.d.ts +34 -0
- package/dist/components/CarouselSection/CarouselSection.examples.d.ts.map +1 -0
- package/dist/components/CarouselSection/CarouselSection.stories.d.ts +8 -0
- package/dist/components/CarouselSection/CarouselSection.stories.d.ts.map +1 -0
- package/dist/components/CategoryCard/CategoryCard.d.ts +97 -0
- package/dist/components/CategoryCard/CategoryCard.d.ts.map +1 -0
- package/dist/components/CategoryCard/CategoryCard.js +152 -0
- package/dist/components/CategoryCard/CategoryCard.stories.d.ts +14 -0
- package/dist/components/CategoryCard/CategoryCard.stories.d.ts.map +1 -0
- package/dist/components/CategoryCard/index.d.ts +2 -0
- package/dist/components/CategoryCard/index.d.ts.map +1 -0
- package/dist/components/CategoryIcon/CategoryIcon.d.ts +45 -0
- package/dist/components/CategoryIcon/CategoryIcon.d.ts.map +1 -0
- package/dist/components/CategoryIcon/CategoryIcon.js +54 -0
- package/dist/components/CategoryIcon/CategoryIcon.stories.d.ts +10 -0
- package/dist/components/CategoryIcon/CategoryIcon.stories.d.ts.map +1 -0
- package/dist/components/CategoryIcon/index.d.ts +2 -0
- package/dist/components/CategoryIcon/index.d.ts.map +1 -0
- package/dist/components/DatePicker/DatePicker.d.ts.map +1 -1
- package/dist/components/DatePicker/DatePicker.js +5 -5
- package/dist/components/Dialog/Dialog.d.ts +12 -6
- package/dist/components/Dialog/Dialog.d.ts.map +1 -1
- package/dist/components/Dialog/Dialog.js +116 -120
- package/dist/components/Dialog/Dialog.stories.d.ts +1 -0
- package/dist/components/Dialog/Dialog.stories.d.ts.map +1 -1
- package/dist/components/DotDivider/DotDivider.d.ts +35 -0
- package/dist/components/DotDivider/DotDivider.d.ts.map +1 -0
- package/dist/components/DotDivider/DotDivider.js +31 -0
- package/dist/components/DotDivider/DotDivider.stories.d.ts +10 -0
- package/dist/components/DotDivider/DotDivider.stories.d.ts.map +1 -0
- package/dist/components/DotDivider/index.d.ts +2 -0
- package/dist/components/DotDivider/index.d.ts.map +1 -0
- package/dist/components/DropdownMenu/DropdownMenu.d.ts.map +1 -1
- package/dist/components/DropdownMenu/DropdownMenu.js +13 -13
- package/dist/components/EdgeButton/EdgeButton.d.ts.map +1 -1
- package/dist/components/EdgeButton/EdgeButton.js +10 -11
- package/dist/components/EmptyState/EmptyState.js +19 -19
- package/dist/components/FileUpload/FileItem.d.ts.map +1 -1
- package/dist/components/FileUpload/FileItem.js +8 -9
- package/dist/components/FileUpload/FileUpload.js +3 -3
- package/dist/components/HeartButton/HeartButton.d.ts +61 -0
- package/dist/components/HeartButton/HeartButton.d.ts.map +1 -0
- package/dist/components/HeartButton/HeartButton.js +88 -0
- package/dist/components/HeartButton/HeartButton.stories.d.ts +10 -0
- package/dist/components/HeartButton/HeartButton.stories.d.ts.map +1 -0
- package/dist/components/HeartButton/index.d.ts +2 -0
- package/dist/components/HeartButton/index.d.ts.map +1 -0
- package/dist/components/Icons/CustomBadges.d.ts +20 -0
- package/dist/components/Icons/CustomBadges.d.ts.map +1 -1
- package/dist/components/Icons/CustomBadges.js +176 -21
- package/dist/components/Icons/CustomIcons.d.ts +13 -0
- package/dist/components/Icons/CustomIcons.d.ts.map +1 -1
- package/dist/components/Icons/CustomIcons.js +50 -30
- package/dist/components/Icons/LogosAndBadges.stories.d.ts +2 -1
- package/dist/components/Icons/LogosAndBadges.stories.d.ts.map +1 -1
- package/dist/components/InputOTP/InputOTP.d.ts +95 -0
- package/dist/components/InputOTP/InputOTP.d.ts.map +1 -0
- package/dist/components/InputOTP/InputOTP.js +187 -0
- package/dist/components/InputOTP/InputOTP.stories.d.ts +18 -0
- package/dist/components/InputOTP/InputOTP.stories.d.ts.map +1 -0
- package/dist/components/InputOTP/index.d.ts +3 -0
- package/dist/components/InputOTP/index.d.ts.map +1 -0
- package/dist/components/InputOTP/useWebOtpAutofill.d.ts +33 -0
- package/dist/components/InputOTP/useWebOtpAutofill.d.ts.map +1 -0
- package/dist/components/InputOTP/useWebOtpAutofill.js +25 -0
- package/dist/components/LanguageSwitcher/LanguageSwitcher.d.ts.map +1 -1
- package/dist/components/LanguageSwitcher/LanguageSwitcher.js +65 -55
- package/dist/components/LoginScreen/LoginScreen.d.ts +10 -1
- package/dist/components/LoginScreen/LoginScreen.d.ts.map +1 -1
- package/dist/components/LoginScreen/LoginScreen.js +23 -17
- package/dist/components/MarketNav/MarketNav.examples.d.ts +60 -0
- package/dist/components/MarketNav/MarketNav.examples.d.ts.map +1 -0
- package/dist/components/MarketNav/MarketNav.stories.d.ts +9 -0
- package/dist/components/MarketNav/MarketNav.stories.d.ts.map +1 -0
- package/dist/components/MultiSelect/MultiSelect.js +1 -1
- package/dist/components/OfferCard/OfferCard.d.ts +206 -0
- package/dist/components/OfferCard/OfferCard.d.ts.map +1 -0
- package/dist/components/OfferCard/OfferCard.js +423 -0
- package/dist/components/OfferCard/OfferCard.stories.d.ts +15 -0
- package/dist/components/OfferCard/OfferCard.stories.d.ts.map +1 -0
- package/dist/components/OfferCard/index.d.ts +2 -0
- package/dist/components/OfferCard/index.d.ts.map +1 -0
- package/dist/components/PageContainer/PageContainer.d.ts +53 -0
- package/dist/components/PageContainer/PageContainer.d.ts.map +1 -0
- package/dist/components/PageContainer/PageContainer.js +49 -0
- package/dist/components/PageContainer/PageContainer.stories.d.ts +14 -0
- package/dist/components/PageContainer/PageContainer.stories.d.ts.map +1 -0
- package/dist/components/PageContainer/index.d.ts +2 -0
- package/dist/components/PageContainer/index.d.ts.map +1 -0
- package/dist/components/PartnerCard/PartnerCard.d.ts +234 -0
- package/dist/components/PartnerCard/PartnerCard.d.ts.map +1 -0
- package/dist/components/PartnerCard/PartnerCard.js +591 -0
- package/dist/components/PartnerCard/PartnerCard.stories.d.ts +14 -0
- package/dist/components/PartnerCard/PartnerCard.stories.d.ts.map +1 -0
- package/dist/components/PartnerCard/index.d.ts +2 -0
- package/dist/components/PartnerCard/index.d.ts.map +1 -0
- package/dist/components/PaymentMethodSelect/PaymentMethodSelect.examples.d.ts +35 -0
- package/dist/components/PaymentMethodSelect/PaymentMethodSelect.examples.d.ts.map +1 -0
- package/dist/components/PaymentMethodSelect/PaymentMethodSelect.stories.d.ts +11 -0
- package/dist/components/PaymentMethodSelect/PaymentMethodSelect.stories.d.ts.map +1 -0
- package/dist/components/Rating/Rating.d.ts +62 -0
- package/dist/components/Rating/Rating.d.ts.map +1 -0
- package/dist/components/Rating/Rating.js +88 -0
- package/dist/components/Rating/Rating.stories.d.ts +12 -0
- package/dist/components/Rating/Rating.stories.d.ts.map +1 -0
- package/dist/components/Rating/index.d.ts +2 -0
- package/dist/components/Rating/index.d.ts.map +1 -0
- package/dist/components/RatingBlock/RatingBlock.d.ts +65 -0
- package/dist/components/RatingBlock/RatingBlock.d.ts.map +1 -0
- package/dist/components/RatingBlock/RatingBlock.js +92 -0
- package/dist/components/RatingBlock/RatingBlock.stories.d.ts +12 -0
- package/dist/components/RatingBlock/RatingBlock.stories.d.ts.map +1 -0
- package/dist/components/RatingBlock/index.d.ts +2 -0
- package/dist/components/RatingBlock/index.d.ts.map +1 -0
- package/dist/components/ReorderableTable/ReorderableTable.stories.d.ts.map +1 -1
- package/dist/components/ResponsiveLayoutTable/ResponsiveLayoutTable.js +5 -5
- package/dist/components/SearchFilters/SearchFilters.d.ts +88 -0
- package/dist/components/SearchFilters/SearchFilters.d.ts.map +1 -0
- package/dist/components/SearchFilters/SearchFilters.js +176 -0
- package/dist/components/SearchFilters/SearchFilters.stories.d.ts +12 -0
- package/dist/components/SearchFilters/SearchFilters.stories.d.ts.map +1 -0
- package/dist/components/SearchFilters/index.d.ts +2 -0
- package/dist/components/SearchFilters/index.d.ts.map +1 -0
- package/dist/components/SegmentedControl/SegmentedControl.js +11 -11
- package/dist/components/Tag/Tag.d.ts.map +1 -1
- package/dist/components/Tag/Tag.js +1 -1
- package/dist/components/TransactionsListView/TransactionsListView.d.ts +152 -0
- package/dist/components/TransactionsListView/TransactionsListView.d.ts.map +1 -0
- package/dist/components/TransactionsListView/TransactionsListView.js +367 -0
- package/dist/components/TransactionsListView/TransactionsListView.stories.d.ts +12 -0
- package/dist/components/TransactionsListView/TransactionsListView.stories.d.ts.map +1 -0
- package/dist/components/TransactionsListView/index.d.ts +2 -0
- package/dist/components/TransactionsListView/index.d.ts.map +1 -0
- package/dist/components/UniversalFooter/UniversalFooter.d.ts +6 -5
- package/dist/components/UniversalFooter/UniversalFooter.d.ts.map +1 -1
- package/dist/components/UniversalFooter/UniversalFooter.js +186 -177
- package/dist/components/UniversalFooter/UniversalFooter.stories.d.ts.map +1 -1
- package/dist/components/VoucherCard/VoucherCard.d.ts +105 -0
- package/dist/components/VoucherCard/VoucherCard.d.ts.map +1 -0
- package/dist/components/VoucherCard/VoucherCard.js +167 -0
- package/dist/components/VoucherCard/VoucherCard.stories.d.ts +9 -0
- package/dist/components/VoucherCard/VoucherCard.stories.d.ts.map +1 -0
- package/dist/components/VoucherCard/index.d.ts +2 -0
- package/dist/components/VoucherCard/index.d.ts.map +1 -0
- package/dist/components/index.d.ts +14 -0
- package/dist/components/index.d.ts.map +1 -1
- package/dist/index.js +413 -352
- package/dist/muza-ui.css +1 -1
- package/dist/styles/primitives.css +5 -0
- package/dist/styles/token-colors.css +106 -30
- package/dist/styles/token-sizes.css +60 -16
- package/dist/translations/index.d.ts +2 -1
- package/dist/translations/index.d.ts.map +1 -1
- package/dist/translations/locales/cs.d.ts.map +1 -1
- package/dist/translations/locales/cs.js +30 -2
- package/dist/translations/locales/en.d.ts.map +1 -1
- package/dist/translations/locales/en.js +26 -2
- package/dist/translations/locales/sk.d.ts.map +1 -1
- package/dist/translations/locales/sk.js +30 -2
- package/dist/translations/resolvePluralTemplate.d.ts +10 -0
- package/dist/translations/resolvePluralTemplate.d.ts.map +1 -0
- package/dist/translations/resolvePluralTemplate.js +20 -0
- package/dist/translations/types.d.ts +57 -0
- package/dist/translations/types.d.ts.map +1 -1
- package/dist/utils/cn.d.ts.map +1 -1
- package/dist/utils/cn.js +124 -27
- package/dist/utils/disabledLinkProps.d.ts +14 -0
- package/dist/utils/disabledLinkProps.d.ts.map +1 -0
- package/dist/utils/disabledLinkProps.js +9 -0
- package/dist/{components/Calendar/utils → utils}/formatDate.d.ts +1 -1
- package/dist/utils/formatDate.d.ts.map +1 -0
- package/dist/utils/formatDateRange.d.ts.map +1 -0
- package/dist/utils/index.d.ts +3 -0
- package/dist/utils/index.d.ts.map +1 -1
- package/package.json +4 -3
- package/dist/components/Calendar/utils/formatDate.d.ts.map +0 -1
- package/dist/components/Calendar/utils/formatDateRange.d.ts.map +0 -1
- /package/dist/{components/Calendar/utils → utils}/formatDate.js +0 -0
- /package/dist/{components/Calendar/utils → utils}/formatDateRange.d.ts +0 -0
- /package/dist/{components/Calendar/utils → utils}/formatDateRange.js +0 -0
|
@@ -0,0 +1,105 @@
|
|
|
1
|
+
import { VariantProps } from 'class-variance-authority';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
declare const voucherCardVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
|
|
4
|
+
declare const voucherCardTitleVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
|
|
5
|
+
declare const voucherCardDescriptionVariants: (props?: ({
|
|
6
|
+
disabled?: boolean | null | undefined;
|
|
7
|
+
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
8
|
+
/** Props for the `VoucherCard.Skeleton` subcomponent. */
|
|
9
|
+
export interface VoucherCardSkeletonProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {
|
|
10
|
+
/**
|
|
11
|
+
* Skeleton color, forwarded to every inner `Skeleton` block. Use `'light'`
|
|
12
|
+
* when the skeleton sits on a tinted surface.
|
|
13
|
+
*
|
|
14
|
+
* @default 'default'
|
|
15
|
+
*/
|
|
16
|
+
color?: 'default' | 'light';
|
|
17
|
+
}
|
|
18
|
+
declare const VoucherCardSkeleton: {
|
|
19
|
+
({ color, className, ...props }: VoucherCardSkeletonProps): import("react/jsx-runtime").JSX.Element;
|
|
20
|
+
displayName: string;
|
|
21
|
+
};
|
|
22
|
+
/**
|
|
23
|
+
* Content props shared between the default-anchor and `asChild` shapes of
|
|
24
|
+
* VoucherCard.
|
|
25
|
+
*/
|
|
26
|
+
export interface VoucherCardBaseProps extends Omit<VariantProps<typeof voucherCardVariants>, 'variant'> {
|
|
27
|
+
/** Title line — rendered inside the card. */
|
|
28
|
+
title: string;
|
|
29
|
+
/**
|
|
30
|
+
* Secondary line under the title — typically a validity date (e.g.
|
|
31
|
+
* `"Platnost do 8. 10. 2025"`). When `disabled` is true the consumer is
|
|
32
|
+
* expected to swap the copy to an invalidation string (e.g.
|
|
33
|
+
* `"Zneplatněno 8. 10. 2025"`); the component renders the disabled copy in
|
|
34
|
+
* `text-state-error-def` (red) regardless.
|
|
35
|
+
*/
|
|
36
|
+
description: string;
|
|
37
|
+
/**
|
|
38
|
+
* Image source — either a URL string (rendered as a plain `<img>`) or a
|
|
39
|
+
* custom React node such as a Next.js `<Image>` element. The wrapper
|
|
40
|
+
* handles sizing, rounded corners, overflow, and the disabled dim; any
|
|
41
|
+
* direct `<img>` child is auto-stretched to fill the wrapper.
|
|
42
|
+
*/
|
|
43
|
+
image: string | React.ReactNode;
|
|
44
|
+
/**
|
|
45
|
+
* Alt text for the built-in `<img>` (used when `image` is a string).
|
|
46
|
+
* Defaults to `title`. Ignored when `image` is a custom React node.
|
|
47
|
+
*/
|
|
48
|
+
imageAlt?: string;
|
|
49
|
+
/**
|
|
50
|
+
* Disabled visual state. Dims and desaturates the image, grays the title,
|
|
51
|
+
* and switches the description line to `text-state-error-def`. The
|
|
52
|
+
* anchor's `href` is also stripped so the card is non-navigable while
|
|
53
|
+
* keeping its visual state.
|
|
54
|
+
*
|
|
55
|
+
* @default false
|
|
56
|
+
*/
|
|
57
|
+
disabled?: boolean;
|
|
58
|
+
}
|
|
59
|
+
/**
|
|
60
|
+
* Default shape — VoucherCard renders an `<a href>` as the entire card
|
|
61
|
+
* surface, so the whole card is the click target.
|
|
62
|
+
*/
|
|
63
|
+
export interface VoucherCardLinkProps extends VoucherCardBaseProps, Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'title' | 'children' | 'href' | 'type'> {
|
|
64
|
+
/**
|
|
65
|
+
* URL the card navigates to when activated. Required unless `asChild` is
|
|
66
|
+
* used. Stripped from the rendered DOM when `disabled` is true so the
|
|
67
|
+
* anchor becomes non-navigable while keeping its visual state.
|
|
68
|
+
*/
|
|
69
|
+
href: string;
|
|
70
|
+
/** Discriminant: omit (or set to `false`) for the built-in `<a>` shape. Set to `true` to switch to the `asChild` shape. */
|
|
71
|
+
asChild?: false;
|
|
72
|
+
/** Not accepted in the default `<a>` shape — the card composes its own structured content. Use `asChild` to inject a custom root. */
|
|
73
|
+
children?: never;
|
|
74
|
+
}
|
|
75
|
+
/**
|
|
76
|
+
* Escape-hatch shape — hand the card's root off to a consumer-provided
|
|
77
|
+
* `<Link>` (Next.js, React Router, …) via Radix `Slot`. The card's
|
|
78
|
+
* structured content is injected as the link's children.
|
|
79
|
+
*/
|
|
80
|
+
export interface VoucherCardAsChildProps extends VoucherCardBaseProps, Omit<React.HTMLAttributes<HTMLElement>, 'title' | 'children'> {
|
|
81
|
+
/**
|
|
82
|
+
* Replaces the built-in `<a>` root with the consumer's child via Radix
|
|
83
|
+
* `Slot`, so the card surface can be a router `<Link>` (Next.js, React
|
|
84
|
+
* Router, …). Pass a self-closing element; the card injects its content
|
|
85
|
+
* (image + title + description) as the link's children.
|
|
86
|
+
*/
|
|
87
|
+
asChild: true;
|
|
88
|
+
/** Self-closing link element to use as the card's root. Its children are replaced with the card's content. */
|
|
89
|
+
children: React.ReactElement;
|
|
90
|
+
/** Not accepted in the `asChild` shape — set `href` on the consumer-provided child instead. */
|
|
91
|
+
href?: never;
|
|
92
|
+
}
|
|
93
|
+
/**
|
|
94
|
+
* Props for the VoucherCard component.
|
|
95
|
+
*
|
|
96
|
+
* The card is a link by default. Pass `href` for the built-in `<a>`, or
|
|
97
|
+
* `asChild` with a self-closing child to swap in a router `<Link>`.
|
|
98
|
+
*/
|
|
99
|
+
export type VoucherCardProps = VoucherCardLinkProps | VoucherCardAsChildProps;
|
|
100
|
+
declare const VoucherCard: React.ForwardRefExoticComponent<VoucherCardProps & React.RefAttributes<HTMLAnchorElement>>;
|
|
101
|
+
declare const VoucherCardWithSkeleton: typeof VoucherCard & {
|
|
102
|
+
Skeleton: typeof VoucherCardSkeleton;
|
|
103
|
+
};
|
|
104
|
+
export { VoucherCardWithSkeleton as VoucherCard, voucherCardVariants, voucherCardTitleVariants, voucherCardDescriptionVariants, };
|
|
105
|
+
//# sourceMappingURL=VoucherCard.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"VoucherCard.d.ts","sourceRoot":"","sources":["../../../src/components/VoucherCard/VoucherCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,KAAK,YAAY,EAAO,MAAM,0BAA0B,CAAA;AAMjE,QAAA,MAAM,mBAAmB,oFAExB,CAAA;AAED,QAAA,MAAM,wBAAwB,oFAE7B,CAAA;AAED,QAAA,MAAM,8BAA8B;;8EASlC,CAAA;AAEF,yDAAyD;AACzD,MAAM,WAAW,wBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IAC9D;;;;;OAKG;IACH,KAAK,CAAC,EAAE,SAAS,GAAG,OAAO,CAAA;CAC5B;AAED,QAAA,MAAM,mBAAmB;qCAItB,wBAAwB;;CAqB1B,CAAA;AA4BD;;;GAGG;AACH,MAAM,WAAW,oBACf,SAAQ,IAAI,CAAC,YAAY,CAAC,OAAO,mBAAmB,CAAC,EAAE,SAAS,CAAC;IACjE,6CAA6C;IAC7C,KAAK,EAAE,MAAM,CAAA;IACb;;;;;;OAMG;IACH,WAAW,EAAE,MAAM,CAAA;IACnB;;;;;OAKG;IACH,KAAK,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;IAC/B;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB;;;;;;;OAOG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED;;;GAGG;AACH,MAAM,WAAW,oBACf,SAAQ,oBAAoB,EAC1B,IAAI,CACF,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAC7C,OAAO,GAAG,UAAU,GAAG,MAAM,GAAG,MAAM,CACvC;IACH;;;;OAIG;IACH,IAAI,EAAE,MAAM,CAAA;IACZ,2HAA2H;IAC3H,OAAO,CAAC,EAAE,KAAK,CAAA;IACf,qIAAqI;IACrI,QAAQ,CAAC,EAAE,KAAK,CAAA;CACjB;AAED;;;;GAIG;AACH,MAAM,WAAW,uBACf,SAAQ,oBAAoB,EAC1B,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC;IAC/D;;;;;OAKG;IACH,OAAO,EAAE,IAAI,CAAA;IACb,8GAA8G;IAC9G,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAA;IAC5B,+FAA+F;IAC/F,IAAI,CAAC,EAAE,KAAK,CAAA;CACb;AAED;;;;;GAKG;AACH,MAAM,MAAM,gBAAgB,GAAG,oBAAoB,GAAG,uBAAuB,CAAA;AAE7E,QAAA,MAAM,WAAW,4FA2FhB,CAAA;AAGD,QAAA,MAAM,uBAAuB,EAAkB,OAAO,WAAW,GAAG;IAClE,QAAQ,EAAE,OAAO,mBAAmB,CAAA;CACrC,CAAA;AAGD,OAAO,EACL,uBAAuB,IAAI,WAAW,EACtC,mBAAmB,EACnB,wBAAwB,EACxB,8BAA8B,GAC/B,CAAA"}
|
|
@@ -0,0 +1,167 @@
|
|
|
1
|
+
import { jsxs as o, Fragment as S, jsx as e } from "react/jsx-runtime";
|
|
2
|
+
import * as s from "react";
|
|
3
|
+
import { Slot as j } from "@radix-ui/react-slot";
|
|
4
|
+
import { cva as d } from "class-variance-authority";
|
|
5
|
+
import { cn as c } from "../../utils/cn.js";
|
|
6
|
+
import { Flex as v } from "../Flex/Flex.js";
|
|
7
|
+
import { Typography as h } from "../Typography/Typography.js";
|
|
8
|
+
import { disabledLinkProps as z } from "../../utils/disabledLinkProps.js";
|
|
9
|
+
import { Skeleton as l } from "../Skeleton/Skeleton.js";
|
|
10
|
+
const A = d(
|
|
11
|
+
"group relative flex w-full flex-row items-start gap-comp-voucher-listview-gap border border-solid border-transparent transition-colors outline-none focus-visible:outline-none data-[disabled=true]:pointer-events-none"
|
|
12
|
+
), E = d(
|
|
13
|
+
"line-clamp-3 text-text-dark-primary-def group-hover:text-text-brand-hover group-focus-visible:text-text-brand-focused group-data-[disabled=true]:text-text-dark-disabled"
|
|
14
|
+
), F = d("line-clamp-3 min-w-0", {
|
|
15
|
+
variants: {
|
|
16
|
+
disabled: {
|
|
17
|
+
true: "text-text-state-error-def",
|
|
18
|
+
false: "text-text-dark-secondary group-focus-visible:text-text-brand-focused"
|
|
19
|
+
}
|
|
20
|
+
},
|
|
21
|
+
defaultVariants: { disabled: !1 }
|
|
22
|
+
}), f = ({
|
|
23
|
+
color: a = "default",
|
|
24
|
+
className: t,
|
|
25
|
+
...i
|
|
26
|
+
}) => /* @__PURE__ */ o(
|
|
27
|
+
"div",
|
|
28
|
+
{
|
|
29
|
+
className: c(
|
|
30
|
+
"inline-flex w-full flex-row items-center gap-comp-voucher-listview-gap",
|
|
31
|
+
t
|
|
32
|
+
),
|
|
33
|
+
...i,
|
|
34
|
+
children: [
|
|
35
|
+
/* @__PURE__ */ e(
|
|
36
|
+
l,
|
|
37
|
+
{
|
|
38
|
+
color: a,
|
|
39
|
+
className: "h-comp-voucher-listview-h-img w-comp-voucher-listview-w-img shrink-0 rounded-comp-voucher-listview-radius-img"
|
|
40
|
+
}
|
|
41
|
+
),
|
|
42
|
+
/* @__PURE__ */ o(
|
|
43
|
+
v,
|
|
44
|
+
{
|
|
45
|
+
direction: "column",
|
|
46
|
+
flex: 1,
|
|
47
|
+
className: "my-auto min-w-0 gap-sm py-comp-voucher-listview-p",
|
|
48
|
+
children: [
|
|
49
|
+
/* @__PURE__ */ e(l, { color: a, className: "h-5 w-full max-w-60" }),
|
|
50
|
+
/* @__PURE__ */ e(l, { color: a, className: "h-4 w-40" })
|
|
51
|
+
]
|
|
52
|
+
}
|
|
53
|
+
)
|
|
54
|
+
]
|
|
55
|
+
}
|
|
56
|
+
);
|
|
57
|
+
f.displayName = "VoucherCard.Skeleton";
|
|
58
|
+
const g = ({ image: a, alt: t, wrapperClassName: i }) => /* @__PURE__ */ e("div", { className: i, children: /* @__PURE__ */ e(
|
|
59
|
+
"div",
|
|
60
|
+
{
|
|
61
|
+
className: c(
|
|
62
|
+
"absolute inset-0 overflow-hidden",
|
|
63
|
+
"[&>img]:size-full [&>img]:object-cover",
|
|
64
|
+
"transition-transform duration-300 ease-out group-hover:scale-110 group-focus-visible:scale-110",
|
|
65
|
+
"group-data-[disabled=true]:opacity-50",
|
|
66
|
+
"group-data-[disabled=true]:grayscale",
|
|
67
|
+
"group-data-[disabled=true]:group-hover:scale-100",
|
|
68
|
+
"group-data-[disabled=true]:group-focus-visible:scale-100"
|
|
69
|
+
),
|
|
70
|
+
children: typeof a == "string" ? /* @__PURE__ */ e("img", { src: a, alt: t }) : a
|
|
71
|
+
}
|
|
72
|
+
) });
|
|
73
|
+
g.displayName = "VoucherCard.ImageSlot";
|
|
74
|
+
const b = s.forwardRef(
|
|
75
|
+
(a, t) => {
|
|
76
|
+
const {
|
|
77
|
+
title: i,
|
|
78
|
+
description: w,
|
|
79
|
+
image: x,
|
|
80
|
+
imageAlt: N,
|
|
81
|
+
disabled: r = !1,
|
|
82
|
+
asChild: y = !1,
|
|
83
|
+
href: C,
|
|
84
|
+
className: V,
|
|
85
|
+
children: n,
|
|
86
|
+
...m
|
|
87
|
+
} = a, k = N ?? i, u = c(A(), V), p = /* @__PURE__ */ o(S, { children: [
|
|
88
|
+
/* @__PURE__ */ e(
|
|
89
|
+
g,
|
|
90
|
+
{
|
|
91
|
+
image: x,
|
|
92
|
+
alt: k,
|
|
93
|
+
wrapperClassName: "relative shrink-0 overflow-hidden h-comp-voucher-listview-h-img w-comp-voucher-listview-w-img rounded-comp-voucher-listview-radius-img"
|
|
94
|
+
}
|
|
95
|
+
),
|
|
96
|
+
/* @__PURE__ */ o(
|
|
97
|
+
v,
|
|
98
|
+
{
|
|
99
|
+
direction: "column",
|
|
100
|
+
flex: 1,
|
|
101
|
+
justify: "start",
|
|
102
|
+
className: "my-auto min-w-0 gap-sm py-comp-voucher-listview-p",
|
|
103
|
+
children: [
|
|
104
|
+
/* @__PURE__ */ e(
|
|
105
|
+
h,
|
|
106
|
+
{
|
|
107
|
+
component: "h3",
|
|
108
|
+
variant: "title",
|
|
109
|
+
size: "base",
|
|
110
|
+
weight: "medium",
|
|
111
|
+
className: E(),
|
|
112
|
+
children: i
|
|
113
|
+
}
|
|
114
|
+
),
|
|
115
|
+
/* @__PURE__ */ e(
|
|
116
|
+
h,
|
|
117
|
+
{
|
|
118
|
+
component: "span",
|
|
119
|
+
variant: "body",
|
|
120
|
+
size: "sm",
|
|
121
|
+
weight: "regular",
|
|
122
|
+
fixY: !0,
|
|
123
|
+
className: F({ disabled: r }),
|
|
124
|
+
children: w
|
|
125
|
+
}
|
|
126
|
+
)
|
|
127
|
+
]
|
|
128
|
+
}
|
|
129
|
+
)
|
|
130
|
+
] });
|
|
131
|
+
return y && s.isValidElement(n) ? /* @__PURE__ */ e(
|
|
132
|
+
j,
|
|
133
|
+
{
|
|
134
|
+
ref: t,
|
|
135
|
+
className: u,
|
|
136
|
+
"data-disabled": r || void 0,
|
|
137
|
+
"aria-disabled": r || void 0,
|
|
138
|
+
...m,
|
|
139
|
+
children: s.cloneElement(
|
|
140
|
+
n,
|
|
141
|
+
r ? z : void 0,
|
|
142
|
+
p
|
|
143
|
+
)
|
|
144
|
+
}
|
|
145
|
+
) : /* @__PURE__ */ e(
|
|
146
|
+
"a",
|
|
147
|
+
{
|
|
148
|
+
ref: t,
|
|
149
|
+
href: r ? void 0 : C,
|
|
150
|
+
className: u,
|
|
151
|
+
"data-disabled": r || void 0,
|
|
152
|
+
"aria-disabled": r || void 0,
|
|
153
|
+
...m,
|
|
154
|
+
children: p
|
|
155
|
+
}
|
|
156
|
+
);
|
|
157
|
+
}
|
|
158
|
+
);
|
|
159
|
+
b.displayName = "VoucherCard";
|
|
160
|
+
const I = b;
|
|
161
|
+
I.Skeleton = f;
|
|
162
|
+
export {
|
|
163
|
+
I as VoucherCard,
|
|
164
|
+
F as voucherCardDescriptionVariants,
|
|
165
|
+
E as voucherCardTitleVariants,
|
|
166
|
+
A as voucherCardVariants
|
|
167
|
+
};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react-vite';
|
|
2
|
+
import { VoucherCard } from './VoucherCard';
|
|
3
|
+
declare const meta: Meta<typeof VoucherCard>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof VoucherCard>;
|
|
6
|
+
export declare const ListView: Story;
|
|
7
|
+
export declare const ListViewSkeleton: Story;
|
|
8
|
+
export declare const AsChildLink: Story;
|
|
9
|
+
//# sourceMappingURL=VoucherCard.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"VoucherCard.stories.d.ts","sourceRoot":"","sources":["../../../src/components/VoucherCard/VoucherCard.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAE3D,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AA4D3C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,WAAW,CA+BlC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,WAAW,CAAC,CAAA;AAEzC,eAAO,MAAM,QAAQ,EAAE,KAoBtB,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAgB9B,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAwBzB,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/VoucherCard/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAA"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
export * from '../translations';
|
|
2
2
|
export * from './Accordion';
|
|
3
3
|
export * from './Alert';
|
|
4
|
+
export * from './ArticleCard';
|
|
4
5
|
export * from './Avatar';
|
|
5
6
|
export * from './Breadcrumb';
|
|
6
7
|
export * from './Button';
|
|
@@ -9,33 +10,44 @@ export * from './Calendar';
|
|
|
9
10
|
export * from './Card';
|
|
10
11
|
export * from './CardCheckboxAmount';
|
|
11
12
|
export * from './Carousel';
|
|
13
|
+
export * from './CategoryCard';
|
|
14
|
+
export * from './CategoryIcon';
|
|
12
15
|
export * from './Checkbox';
|
|
13
16
|
export * from './Chip';
|
|
14
17
|
export * from './DatePicker';
|
|
15
18
|
export * from './DatePickerButton';
|
|
16
19
|
export * from './Dialog';
|
|
20
|
+
export * from './DotDivider';
|
|
17
21
|
export * from './DropdownMenu';
|
|
18
22
|
export * from './EdgeButton';
|
|
19
23
|
export * from './EmptyState';
|
|
20
24
|
export * from './FileUpload';
|
|
21
25
|
export * from './Flex';
|
|
26
|
+
export * from './HeartButton';
|
|
22
27
|
export * from './Icons';
|
|
23
28
|
export * from './Input';
|
|
29
|
+
export * from './InputOTP';
|
|
24
30
|
export * from './Lightbox';
|
|
25
31
|
export * from './LanguageSwitcher';
|
|
26
32
|
export * from './Loader';
|
|
27
33
|
export * from './LoginScreen';
|
|
28
34
|
export * from './MultiSelect';
|
|
29
35
|
export * from './MuzaUIProvider';
|
|
36
|
+
export * from './OfferCard';
|
|
37
|
+
export * from './PageContainer';
|
|
30
38
|
export * from './Pagination';
|
|
39
|
+
export * from './PartnerCard';
|
|
31
40
|
export * from './PasswordInput';
|
|
32
41
|
export * from './PinIndicator';
|
|
33
42
|
export * from './Popover';
|
|
34
43
|
export * from './Progress';
|
|
35
44
|
export * from './Radio';
|
|
45
|
+
export * from './Rating';
|
|
46
|
+
export * from './RatingBlock';
|
|
36
47
|
export * from './Reorderable';
|
|
37
48
|
export * from './ReorderableTable';
|
|
38
49
|
export * from './Searchbar';
|
|
50
|
+
export * from './SearchFilters';
|
|
39
51
|
export * from './Select';
|
|
40
52
|
export * from './SegmentedControl';
|
|
41
53
|
export * from './Sheet';
|
|
@@ -53,9 +65,11 @@ export * from './TimePicker';
|
|
|
53
65
|
export * from './Toggle';
|
|
54
66
|
export * from './ToggleCheckButton';
|
|
55
67
|
export * from './ToggleGroup';
|
|
68
|
+
export * from './TransactionsListView';
|
|
56
69
|
export * from './Tooltip';
|
|
57
70
|
export * from './Typography';
|
|
58
71
|
export * from './TypographyLink';
|
|
72
|
+
export * from './VoucherCard';
|
|
59
73
|
export * from './UniversalFooter';
|
|
60
74
|
export * from './DataTable';
|
|
61
75
|
export * from './ExpandableTable';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AACA,cAAc,iBAAiB,CAAA;AAG/B,cAAc,aAAa,CAAA;AAC3B,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,cAAc,CAAA;AAC5B,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,YAAY,CAAA;AAC1B,cAAc,QAAQ,CAAA;AACtB,cAAc,sBAAsB,CAAA;AACpC,cAAc,YAAY,CAAA;AAC1B,cAAc,YAAY,CAAA;AAC1B,cAAc,QAAQ,CAAA;AACtB,cAAc,cAAc,CAAA;AAC5B,cAAc,oBAAoB,CAAA;AAClC,cAAc,UAAU,CAAA;AACxB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,cAAc,CAAA;AAC5B,cAAc,cAAc,CAAA;AAC5B,cAAc,cAAc,CAAA;AAC5B,cAAc,QAAQ,CAAA;AACtB,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,YAAY,CAAA;AAC1B,cAAc,oBAAoB,CAAA;AAClC,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,eAAe,CAAA;AAC7B,cAAc,kBAAkB,CAAA;AAChC,cAAc,cAAc,CAAA;AAC5B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,WAAW,CAAA;AACzB,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA;AACvB,cAAc,eAAe,CAAA;AAC7B,cAAc,oBAAoB,CAAA;AAClC,cAAc,aAAa,CAAA;AAC3B,cAAc,UAAU,CAAA;AACxB,cAAc,oBAAoB,CAAA;AAClC,cAAc,SAAS,CAAA;AACvB,cAAc,wBAAwB,CAAA;AACtC,cAAc,UAAU,CAAA;AACxB,cAAc,oBAAoB,CAAA;AAClC,cAAc,SAAS,CAAA;AACvB,cAAc,WAAW,CAAA;AACzB,cAAc,eAAe,CAAA;AAC7B,cAAc,UAAU,CAAA;AACxB,cAAc,OAAO,CAAA;AACrB,cAAc,YAAY,CAAA;AAC1B,cAAc,cAAc,CAAA;AAC5B,cAAc,cAAc,CAAA;AAC5B,cAAc,UAAU,CAAA;AACxB,cAAc,qBAAqB,CAAA;AACnC,cAAc,eAAe,CAAA;AAC7B,cAAc,WAAW,CAAA;AACzB,cAAc,cAAc,CAAA;AAC5B,cAAc,kBAAkB,CAAA;AAChC,cAAc,mBAAmB,CAAA;AACjC,cAAc,aAAa,CAAA;AAC3B,cAAc,mBAAmB,CAAA;AACjC,cAAc,yBAAyB,CAAA;AACvC,cAAc,YAAY,CAAA"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AACA,cAAc,iBAAiB,CAAA;AAG/B,cAAc,aAAa,CAAA;AAC3B,cAAc,SAAS,CAAA;AACvB,cAAc,eAAe,CAAA;AAC7B,cAAc,UAAU,CAAA;AACxB,cAAc,cAAc,CAAA;AAC5B,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,YAAY,CAAA;AAC1B,cAAc,QAAQ,CAAA;AACtB,cAAc,sBAAsB,CAAA;AACpC,cAAc,YAAY,CAAA;AAC1B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,YAAY,CAAA;AAC1B,cAAc,QAAQ,CAAA;AACtB,cAAc,cAAc,CAAA;AAC5B,cAAc,oBAAoB,CAAA;AAClC,cAAc,UAAU,CAAA;AACxB,cAAc,cAAc,CAAA;AAC5B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,cAAc,CAAA;AAC5B,cAAc,cAAc,CAAA;AAC5B,cAAc,cAAc,CAAA;AAC5B,cAAc,QAAQ,CAAA;AACtB,cAAc,eAAe,CAAA;AAC7B,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,YAAY,CAAA;AAC1B,cAAc,YAAY,CAAA;AAC1B,cAAc,oBAAoB,CAAA;AAClC,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,eAAe,CAAA;AAC7B,cAAc,kBAAkB,CAAA;AAChC,cAAc,aAAa,CAAA;AAC3B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,cAAc,CAAA;AAC5B,cAAc,eAAe,CAAA;AAC7B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,WAAW,CAAA;AACzB,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,eAAe,CAAA;AAC7B,cAAc,oBAAoB,CAAA;AAClC,cAAc,aAAa,CAAA;AAC3B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,UAAU,CAAA;AACxB,cAAc,oBAAoB,CAAA;AAClC,cAAc,SAAS,CAAA;AACvB,cAAc,wBAAwB,CAAA;AACtC,cAAc,UAAU,CAAA;AACxB,cAAc,oBAAoB,CAAA;AAClC,cAAc,SAAS,CAAA;AACvB,cAAc,WAAW,CAAA;AACzB,cAAc,eAAe,CAAA;AAC7B,cAAc,UAAU,CAAA;AACxB,cAAc,OAAO,CAAA;AACrB,cAAc,YAAY,CAAA;AAC1B,cAAc,cAAc,CAAA;AAC5B,cAAc,cAAc,CAAA;AAC5B,cAAc,UAAU,CAAA;AACxB,cAAc,qBAAqB,CAAA;AACnC,cAAc,eAAe,CAAA;AAC7B,cAAc,wBAAwB,CAAA;AACtC,cAAc,WAAW,CAAA;AACzB,cAAc,cAAc,CAAA;AAC5B,cAAc,kBAAkB,CAAA;AAChC,cAAc,eAAe,CAAA;AAC7B,cAAc,mBAAmB,CAAA;AACjC,cAAc,aAAa,CAAA;AAC3B,cAAc,mBAAmB,CAAA;AACjC,cAAc,yBAAyB,CAAA;AACvC,cAAc,YAAY,CAAA"}
|