@vkzstudio/muza-ui 1.8.0 → 1.9.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/Breadcrumb/Breadcrumb.d.ts +146 -4
- package/dist/components/Breadcrumb/Breadcrumb.d.ts.map +1 -1
- package/dist/components/Breadcrumb/Breadcrumb.js +241 -84
- package/dist/components/Breadcrumb/Breadcrumb.stories.d.ts +4 -0
- package/dist/components/Breadcrumb/Breadcrumb.stories.d.ts.map +1 -1
- package/dist/components/Breadcrumb/index.js +10 -7
- package/dist/components/Card/Card.d.ts +36 -27
- package/dist/components/Card/Card.d.ts.map +1 -1
- package/dist/components/Card/Card.js +41 -40
- package/dist/components/Carousel/Carousel.d.ts +16 -0
- package/dist/components/Carousel/Carousel.d.ts.map +1 -1
- package/dist/components/Carousel/Carousel.js +56 -55
- package/dist/components/CarouselSection/CarouselSection.examples.d.ts +15 -6
- package/dist/components/CarouselSection/CarouselSection.examples.d.ts.map +1 -1
- package/dist/components/CarouselSection/CarouselSection.stories.d.ts +2 -0
- package/dist/components/CarouselSection/CarouselSection.stories.d.ts.map +1 -1
- package/dist/components/CategoryIcon/CategoryIcon.d.ts.map +1 -1
- package/dist/components/CategoryIcon/CategoryIcon.js +25 -23
- package/dist/components/ExpandableTable/ExpandableTable.d.ts +1 -1
- package/dist/components/ExpandableTable/ExpandableTable.d.ts.map +1 -1
- package/dist/components/Flex/Flex.d.ts +42 -25
- package/dist/components/Flex/Flex.d.ts.map +1 -1
- package/dist/components/Flex/Flex.js +52 -53
- package/dist/components/OfferCard/OfferCard.d.ts +19 -5
- package/dist/components/OfferCard/OfferCard.d.ts.map +1 -1
- package/dist/components/OfferCard/OfferCard.js +181 -150
- package/dist/components/OfferCard/OfferCard.stories.d.ts +1 -0
- package/dist/components/OfferCard/OfferCard.stories.d.ts.map +1 -1
- package/dist/components/ResponsiveLayoutTable/ResponsiveLayoutTable.d.ts +1 -1
- package/dist/components/ResponsiveLayoutTable/ResponsiveLayoutTable.d.ts.map +1 -1
- package/dist/components/internal/CardCompactShell.d.ts +7 -1
- package/dist/components/internal/CardCompactShell.d.ts.map +1 -1
- package/dist/components/internal/CardCompactShell.js +57 -51
- package/dist/components/internal/CardImageSlot.d.ts.map +1 -1
- package/dist/components/internal/CardImageSlot.js +36 -37
- package/dist/hooks/use-is-breakpoint.d.ts +1 -4
- package/dist/hooks/use-is-breakpoint.d.ts.map +1 -1
- package/dist/index.js +448 -437
- package/dist/muza-ui.css +1 -1
- package/dist/styles/breakpoints.css +1 -0
- package/dist/translations/locales/cs.d.ts.map +1 -1
- package/dist/translations/locales/cs.js +3 -0
- package/dist/translations/locales/en.d.ts.map +1 -1
- package/dist/translations/locales/en.js +3 -0
- package/dist/translations/locales/sk.d.ts.map +1 -1
- package/dist/translations/locales/sk.js +3 -0
- package/dist/translations/types.d.ts +8 -0
- package/dist/translations/types.d.ts.map +1 -1
- package/dist/utils/breakpoints.d.ts +43 -0
- package/dist/utils/breakpoints.d.ts.map +1 -0
- package/dist/utils/breakpoints.js +65 -0
- package/dist/utils/index.d.ts +3 -0
- package/dist/utils/index.d.ts.map +1 -1
- package/dist/utils/index.js +19 -11
- package/dist/utils/polymorphic.d.ts +44 -0
- package/dist/utils/polymorphic.d.ts.map +1 -0
- package/dist/utils/polymorphic.js +7 -0
- package/dist/utils/warnOnce.d.ts +37 -0
- package/dist/utils/warnOnce.d.ts.map +1 -0
- package/dist/utils/warnOnce.js +6 -0
- package/package.json +1 -1
|
@@ -1,9 +1,10 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import * as
|
|
3
|
-
import { cva as
|
|
4
|
-
import
|
|
1
|
+
import { jsx as s } from "react/jsx-runtime";
|
|
2
|
+
import * as m from "react";
|
|
3
|
+
import { cva as g } from "class-variance-authority";
|
|
4
|
+
import l from "color";
|
|
5
5
|
import { cn as y } from "../../utils/cn.js";
|
|
6
|
-
|
|
6
|
+
import { warnOnce as p } from "../../utils/warnOnce.js";
|
|
7
|
+
const f = g(
|
|
7
8
|
"inline-flex shrink-0 items-center justify-center rounded-full [&>svg]:pointer-events-none",
|
|
8
9
|
{
|
|
9
10
|
variants: {
|
|
@@ -15,40 +16,41 @@ const d = l(
|
|
|
15
16
|
},
|
|
16
17
|
defaultVariants: { size: "sm" }
|
|
17
18
|
}
|
|
18
|
-
),
|
|
19
|
+
), z = (e) => {
|
|
19
20
|
try {
|
|
20
|
-
return
|
|
21
|
+
return l(e);
|
|
21
22
|
} catch {
|
|
22
23
|
return null;
|
|
23
24
|
}
|
|
24
|
-
},
|
|
25
|
-
({ className:
|
|
26
|
-
const o =
|
|
27
|
-
return
|
|
28
|
-
`
|
|
29
|
-
|
|
25
|
+
}, d = m.forwardRef(
|
|
26
|
+
({ className: e, color: r, icon: i, size: c, style: t, ...a }, n) => {
|
|
27
|
+
const o = z(r);
|
|
28
|
+
return o || p(
|
|
29
|
+
`CategoryIcon:invalid-color:${r}`,
|
|
30
|
+
`[CategoryIcon] Invalid color "${r}". Falling back to neutral styling.`
|
|
31
|
+
), /* @__PURE__ */ s(
|
|
30
32
|
"span",
|
|
31
33
|
{
|
|
32
|
-
ref:
|
|
34
|
+
ref: n,
|
|
33
35
|
"data-slot": "category-icon",
|
|
34
36
|
className: y(
|
|
35
|
-
|
|
37
|
+
f({ size: c }),
|
|
36
38
|
o && "bg-(--category-icon-bg) text-(--category-icon-fg)",
|
|
37
|
-
|
|
39
|
+
e
|
|
38
40
|
),
|
|
39
41
|
style: o ? {
|
|
40
42
|
"--category-icon-bg": o.alpha(0.2).toString(),
|
|
41
43
|
"--category-icon-fg": o.toString(),
|
|
42
|
-
...
|
|
43
|
-
} :
|
|
44
|
-
...
|
|
45
|
-
children:
|
|
44
|
+
...t
|
|
45
|
+
} : t,
|
|
46
|
+
...a,
|
|
47
|
+
children: i
|
|
46
48
|
}
|
|
47
49
|
);
|
|
48
50
|
}
|
|
49
51
|
);
|
|
50
|
-
|
|
52
|
+
d.displayName = "CategoryIcon";
|
|
51
53
|
export {
|
|
52
|
-
|
|
53
|
-
|
|
54
|
+
d as CategoryIcon,
|
|
55
|
+
f as categoryIconVariants
|
|
54
56
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ExpandableTable.d.ts","sourceRoot":"","sources":["../../../src/components/ExpandableTable/ExpandableTable.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,SAAS,EAMf,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"ExpandableTable.d.ts","sourceRoot":"","sources":["../../../src/components/ExpandableTable/ExpandableTable.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,SAAS,EAMf,MAAM,OAAO,CAAA;AAId,OAAO,EAAE,KAAK,oBAAoB,EAAE,MAAM,qBAAqB,CAAA;AAa/D,YAAY,EAAE,oBAAoB,EAAE,CAAA;AAEpC;;;;;;;;;;;;;;;GAeG;AACH,MAAM,WAAW,OAAO,CAAC,CAAC,SAAS;IAAE,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE;IACxD,wDAAwD;IACxD,OAAO,EAAE,MAAM,CAAC,CAAA;IAChB,iDAAiD;IACjD,KAAK,EAAE,SAAS,CAAA;IAChB,sEAAsE;IACtE,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC,KAAK,SAAS,CAAA;IACrD;;;;;;;;OAQG;IACH,UAAU,CAAC,EAAE,oBAAoB,GAAG,OAAO,CAAA;IAC3C;;;;;;OAMG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAA;CAC3B;AAED;;;;;;;;;;;GAWG;AACH,MAAM,WAAW,uBAAuB,CAAC,CAAC,SAAS;IAAE,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE;IACxE,sDAAsD;IACtD,OAAO,EAAE,MAAM,CAAC,CAAA;IAChB,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,6CAA6C;IAC7C,KAAK,EAAE,SAAS,CAAA;IAChB;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC,KAAK,SAAS,CAAA;CACtD;AAED;;;;;;;;;;;;;;GAcG;AACH,MAAM,WAAW,0BAA0B,CAAC,CAAC,SAAS;IAAE,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE;IAC3E,yDAAyD;IACzD,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB;;;;OAIG;IACH,KAAK,EAAE,uBAAuB,CAAC,CAAC,CAAC,EAAE,CAAA;CACpC;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,WAAW,oBAAoB,CAAC,CAAC,SAAS;IAAE,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE;IACrE,sEAAsE;IACtE,IAAI,EAAE,CAAC,EAAE,CAAA;IACT;;;;;;;;;;OAUG;IACH,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,CAAA;IACrB;;;;;;;;;;;;;;;;;OAiBG;IACH,qBAAqB,CAAC,EAClB,0BAA0B,CAAC,CAAC,CAAC,EAAE,GAC/B,CAAC,CAAC,GAAG,EAAE,CAAC,KAAK,0BAA0B,CAAC,CAAC,CAAC,EAAE,CAAC,CAAA;IACjD;;;;;;;;;;;;;;OAcG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;QACnB,0GAA0G;QAC1G,mBAAmB,EAAE,MAAM,CAAA;QAC3B,yFAAyF;QACzF,YAAY,EAAE,MAAM,CAAA;QACpB,0GAA0G;QAC1G,SAAS,EAAE,MAAM,CAAA;KAClB,CAAC,CAAA;CACH;AA4CD,eAAO,MAAM,eAAe,GAAI,CAAC,SAAS;IAAE,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE,EAAE,uDAKhE,oBAAoB,CAAC,CAAC,CAAC,4CAgYzB,CAAA"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { HTMLElementTag } from '../../utils/polymorphic';
|
|
2
2
|
import { SpacingProps } from '../../utils/spacing';
|
|
3
3
|
import * as React from 'react';
|
|
4
4
|
/**
|
|
@@ -373,39 +373,39 @@ export declare const flexLayoutDefaults: {
|
|
|
373
373
|
readonly align: "stretch";
|
|
374
374
|
};
|
|
375
375
|
declare const flexVariants: (props?: ({
|
|
376
|
-
gap?: "
|
|
377
|
-
gapX?: "
|
|
378
|
-
gapY?: "
|
|
379
|
-
p?: "
|
|
380
|
-
px?: "
|
|
381
|
-
py?: "
|
|
382
|
-
pt?: "
|
|
383
|
-
pr?: "
|
|
384
|
-
pb?: "
|
|
385
|
-
pl?: "
|
|
386
|
-
m?: "
|
|
387
|
-
mx?: "
|
|
388
|
-
my?: "
|
|
389
|
-
mt?: "
|
|
390
|
-
mr?: "
|
|
391
|
-
mb?: "
|
|
392
|
-
ml?: "
|
|
376
|
+
gap?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "none" | "2xs" | "3xs" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | null | undefined;
|
|
377
|
+
gapX?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "none" | "2xs" | "3xs" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | null | undefined;
|
|
378
|
+
gapY?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "none" | "2xs" | "3xs" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | null | undefined;
|
|
379
|
+
p?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "none" | "2xs" | "3xs" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | null | undefined;
|
|
380
|
+
px?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "none" | "2xs" | "3xs" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | null | undefined;
|
|
381
|
+
py?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "none" | "2xs" | "3xs" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | null | undefined;
|
|
382
|
+
pt?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "none" | "2xs" | "3xs" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | null | undefined;
|
|
383
|
+
pr?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "none" | "2xs" | "3xs" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | null | undefined;
|
|
384
|
+
pb?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "none" | "2xs" | "3xs" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | null | undefined;
|
|
385
|
+
pl?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "none" | "2xs" | "3xs" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | null | undefined;
|
|
386
|
+
m?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "none" | "2xs" | "3xs" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | null | undefined;
|
|
387
|
+
mx?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "none" | "2xs" | "3xs" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | null | undefined;
|
|
388
|
+
my?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "none" | "2xs" | "3xs" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | null | undefined;
|
|
389
|
+
mt?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "none" | "2xs" | "3xs" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | null | undefined;
|
|
390
|
+
mr?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "none" | "2xs" | "3xs" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | null | undefined;
|
|
391
|
+
mb?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "none" | "2xs" | "3xs" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | null | undefined;
|
|
392
|
+
ml?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "none" | "2xs" | "3xs" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | null | undefined;
|
|
393
393
|
direction?: "row" | "column" | "row-reverse" | "column-reverse" | null | undefined;
|
|
394
394
|
wrap?: "wrap" | "nowrap" | "wrap-reverse" | null | undefined;
|
|
395
395
|
justify?: "end" | "start" | "center" | "stretch" | "between" | "around" | "evenly" | null | undefined;
|
|
396
396
|
align?: "end" | "start" | "center" | "baseline" | "stretch" | null | undefined;
|
|
397
397
|
flex?: 1 | "none" | "auto" | "initial" | null | undefined;
|
|
398
398
|
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
399
|
-
type HTMLElementTag = keyof React.JSX.IntrinsicElements & keyof HTMLElementTagNameMap;
|
|
400
399
|
/**
|
|
401
|
-
*
|
|
402
|
-
*
|
|
400
|
+
* Flex's own layout props, independent of which element it renders as.
|
|
401
|
+
*
|
|
402
|
+
* Split out from `FlexProps` so composing components can subtract these keys
|
|
403
|
+
* from an element's native attributes — the two sets overlap on names like
|
|
404
|
+
* `wrap` and `align`, and Flex's meaning has to win.
|
|
403
405
|
*/
|
|
404
|
-
export interface
|
|
406
|
+
export interface FlexOwnProps extends SpacingProps {
|
|
405
407
|
/** Content to display inside the flex container. */
|
|
406
408
|
children?: React.ReactNode;
|
|
407
|
-
/** HTML element to render for semantic markup. @default 'div' */
|
|
408
|
-
component?: HTMLElementTag;
|
|
409
409
|
/** Additional CSS classes for custom styling. */
|
|
410
410
|
className?: string;
|
|
411
411
|
/** Inline styles for escape-hatch customizations not covered by tokens. */
|
|
@@ -452,6 +452,23 @@ export interface FlexProps extends Omit<VariantProps<typeof flexVariants>, 'gap'
|
|
|
452
452
|
*/
|
|
453
453
|
margin?: SpacingProps['margin'];
|
|
454
454
|
}
|
|
455
|
-
|
|
455
|
+
/**
|
|
456
|
+
* Props for the Flex layout component.
|
|
457
|
+
* Extends CSS Flexbox with design system spacing tokens and semantic HTML support.
|
|
458
|
+
*
|
|
459
|
+
* Includes the standard HTML attributes (`id`, `onClick`, `role`, `aria-*`, …)
|
|
460
|
+
* typed against `HTMLElement`, since the rendered tag is not known here. Name
|
|
461
|
+
* a `component` at the call site and its own attributes come along too —
|
|
462
|
+
* `href` on an `a`, `htmlFor` on a `label` — with `ref` typed as that element.
|
|
463
|
+
*
|
|
464
|
+
* @example
|
|
465
|
+
* <Flex id="filters" onClick={handleClick} gap="sm" />
|
|
466
|
+
* <Flex component="a" href="/account" gap="sm" />
|
|
467
|
+
*/
|
|
468
|
+
export interface FlexProps extends FlexOwnProps, Omit<React.HTMLAttributes<HTMLElement>, keyof FlexOwnProps | 'color'> {
|
|
469
|
+
/** HTML element to render for semantic markup. @default 'div' */
|
|
470
|
+
component?: HTMLElementTag;
|
|
471
|
+
}
|
|
472
|
+
declare const Flex: import('../../utils').PolymorphicComponent<FlexOwnProps, FlexProps>;
|
|
456
473
|
export { Flex, flexVariants };
|
|
457
474
|
//# sourceMappingURL=Flex.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Flex.d.ts","sourceRoot":"","sources":["../../../src/components/Flex/Flex.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"Flex.d.ts","sourceRoot":"","sources":["../../../src/components/Flex/Flex.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,EAAE,KAAK,cAAc,EAAyB,MAAM,qBAAqB,CAAA;AAChF,OAAO,EACL,KAAK,YAAY,EAGlB,MAAM,iBAAiB,CAAA;AAExB;;;;;GAKG;AACH,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmC9B,CAAA;AAED,+EAA+E;AAC/E,eAAO,MAAM,kBAAkB;;;;;CAKrB,CAAA;AAEV,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;8EAGhB,CAAA;AAEF;;;;;;GAMG;AACH,MAAM,WAAW,YAAa,SAAQ,YAAY;IAChD,oDAAoD;IACpD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,iDAAiD;IACjD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,2EAA2E;IAC3E,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IAC3B,kEAAkE;IAClE,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,aAAa,GAAG,gBAAgB,CAAA;IAC/D,4EAA4E;IAC5E,IAAI,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,cAAc,CAAA;IACzC,yDAAyD;IACzD,OAAO,CAAC,EACJ,OAAO,GACP,KAAK,GACL,QAAQ,GACR,SAAS,GACT,QAAQ,GACR,QAAQ,GACR,SAAS,CAAA;IACb,4DAA4D;IAC5D,KAAK,CAAC,EAAE,OAAO,GAAG,KAAK,GAAG,QAAQ,GAAG,UAAU,GAAG,SAAS,CAAA;IAC3D,0CAA0C;IAC1C,IAAI,CAAC,EAAE,CAAC,GAAG,MAAM,GAAG,SAAS,GAAG,MAAM,CAAA;IACtC;;;;;;;OAOG;IACH,GAAG,CAAC,EAAE,YAAY,CAAC,KAAK,CAAC,CAAA;IACzB;;;;;;;;;OASG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC,SAAS,CAAC,CAAA;IACjC;;;;;;;;;OASG;IACH,MAAM,CAAC,EAAE,YAAY,CAAC,QAAQ,CAAC,CAAA;CAChC;AAED;;;;;;;;;;;;GAYG;AACH,MAAM,WAAW,SACf,SAAQ,YAAY,EAClB,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,MAAM,YAAY,GAAG,OAAO,CAAC;IACvE,iEAAiE;IACjE,SAAS,CAAC,EAAE,cAAc,CAAA;CAC3B;AAED,QAAA,MAAM,IAAI,iEAwCR,CAAA;AAIF,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,CAAA"}
|
|
@@ -1,8 +1,9 @@
|
|
|
1
|
-
import * as
|
|
2
|
-
import { cva as
|
|
3
|
-
import { cn as
|
|
4
|
-
import { spacingVariantDefinitions as
|
|
5
|
-
|
|
1
|
+
import * as w from "react";
|
|
2
|
+
import { cva as y } from "class-variance-authority";
|
|
3
|
+
import { cn as d } from "../../utils/cn.js";
|
|
4
|
+
import { spacingVariantDefinitions as v, getSpacingVariants as j } from "../../utils/spacing.js";
|
|
5
|
+
import { polymorphicForwardRef as g } from "../../utils/polymorphic.js";
|
|
6
|
+
const h = {
|
|
6
7
|
direction: {
|
|
7
8
|
row: "flex-row",
|
|
8
9
|
column: "flex-col",
|
|
@@ -36,58 +37,56 @@ const V = {
|
|
|
36
37
|
initial: "flex-initial",
|
|
37
38
|
none: "flex-none"
|
|
38
39
|
},
|
|
39
|
-
...
|
|
40
|
-
},
|
|
40
|
+
...v
|
|
41
|
+
}, V = {
|
|
41
42
|
direction: "row",
|
|
42
43
|
wrap: "nowrap",
|
|
43
44
|
justify: "start",
|
|
44
45
|
align: "stretch"
|
|
45
|
-
}, b =
|
|
46
|
-
variants:
|
|
47
|
-
defaultVariants:
|
|
48
|
-
}),
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
);
|
|
87
|
-
D.displayName = "Flex";
|
|
46
|
+
}, b = y("flex", {
|
|
47
|
+
variants: h,
|
|
48
|
+
defaultVariants: V
|
|
49
|
+
}), F = g(function({
|
|
50
|
+
children: e,
|
|
51
|
+
className: t,
|
|
52
|
+
style: r,
|
|
53
|
+
direction: a,
|
|
54
|
+
wrap: n,
|
|
55
|
+
justify: s,
|
|
56
|
+
align: i,
|
|
57
|
+
flex: o,
|
|
58
|
+
gap: l,
|
|
59
|
+
padding: f,
|
|
60
|
+
margin: c,
|
|
61
|
+
component: m = "div",
|
|
62
|
+
...p
|
|
63
|
+
}, u) {
|
|
64
|
+
const x = j({ gap: l, padding: f, margin: c });
|
|
65
|
+
return w.createElement(
|
|
66
|
+
m,
|
|
67
|
+
{
|
|
68
|
+
ref: u,
|
|
69
|
+
className: d(
|
|
70
|
+
b({
|
|
71
|
+
direction: a,
|
|
72
|
+
wrap: n,
|
|
73
|
+
justify: s,
|
|
74
|
+
align: i,
|
|
75
|
+
flex: o,
|
|
76
|
+
...x
|
|
77
|
+
}),
|
|
78
|
+
t
|
|
79
|
+
),
|
|
80
|
+
style: r,
|
|
81
|
+
...p
|
|
82
|
+
},
|
|
83
|
+
e
|
|
84
|
+
);
|
|
85
|
+
});
|
|
86
|
+
F.displayName = "Flex";
|
|
88
87
|
export {
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
88
|
+
F as Flex,
|
|
89
|
+
V as flexLayoutDefaults,
|
|
90
|
+
h as flexLayoutVariants,
|
|
92
91
|
b as flexVariants
|
|
93
92
|
};
|
|
@@ -116,10 +116,20 @@ export interface OfferCardBaseProps extends Omit<VariantProps<typeof offerCardVa
|
|
|
116
116
|
*/
|
|
117
117
|
description?: string;
|
|
118
118
|
/**
|
|
119
|
-
* Vendor or partner name.
|
|
120
|
-
*
|
|
119
|
+
* Vendor or partner name.
|
|
120
|
+
*
|
|
121
|
+
* - `compact`: rendered above the title in brand color. Pass `vendorHref`
|
|
122
|
+
* to make it a real link to the partner's page.
|
|
123
|
+
* - `search`: rendered next to the rating, separated by a `DotDivider`.
|
|
121
124
|
*/
|
|
122
125
|
vendor?: string;
|
|
126
|
+
/**
|
|
127
|
+
* Makes the `compact` card's `vendor` name a link to the partner's page.
|
|
128
|
+
* Rendered as a `TypographyLink` nested inside the card, so it navigates
|
|
129
|
+
* independently of the card's own `href`. Without it `vendor` is plain
|
|
130
|
+
* text. Ignored on the `search` variant and when `vendor` is omitted.
|
|
131
|
+
*/
|
|
132
|
+
vendorHref?: string;
|
|
123
133
|
/**
|
|
124
134
|
* Display-only rating (0–5). Renders the existing `Rating` component with
|
|
125
135
|
* `allowHalf` and `disabled` (display mode). Omit to hide the rating row.
|
|
@@ -128,9 +138,13 @@ export interface OfferCardBaseProps extends Omit<VariantProps<typeof offerCardVa
|
|
|
128
138
|
/** Review count shown as `(N)` next to the rating. Only shown when `rating` is set. */
|
|
129
139
|
ratingCount?: number;
|
|
130
140
|
/**
|
|
131
|
-
* Formatted price rendered as a `PriceTag` pill
|
|
132
|
-
*
|
|
133
|
-
*
|
|
141
|
+
* Formatted price rendered as a `PriceTag` pill — e.g. `"100 Kč"`.
|
|
142
|
+
* Formatting is the consumer's responsibility. Omit to hide the pill.
|
|
143
|
+
*
|
|
144
|
+
* - `compact`: pinned to the bottom-left corner of the image. Takes the
|
|
145
|
+
* same corner as `logo`, so pass the linked `vendor` name rather than a
|
|
146
|
+
* `logo` on cards that show a price.
|
|
147
|
+
* - `search`: rendered below the vendor/rating row.
|
|
134
148
|
*/
|
|
135
149
|
price?: React.ReactNode;
|
|
136
150
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OfferCard.d.ts","sourceRoot":"","sources":["../../../src/components/OfferCard/OfferCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,KAAK,YAAY,EAAO,MAAM,0BAA0B,CAAA;
|
|
1
|
+
{"version":3,"file":"OfferCard.d.ts","sourceRoot":"","sources":["../../../src/components/OfferCard/OfferCard.tsx"],"names":[],"mappings":"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"}
|