@vkzstudio/muza-ui 1.6.0 → 1.7.0

package/dist/components/PartnerCard/PartnerCard.stories.d.ts

@@ -3,12 +3,18 @@ import { PartnerCard } from './PartnerCard';
 declare const meta: Meta<typeof PartnerCard>;
 export default meta;
 type Story = StoryObj<typeof PartnerCard>;
+export declare const Compact: Story;
+export declare const CompactPlaceholder: Story;
+export declare const CompactPromoBand: Story;
+export declare const CompactSkeleton: Story;
 export declare const Search: Story;
+export declare const SearchPlaceholder: Story;
 export declare const SearchSkeleton: Story;
 export declare const Hero: Story;
 export declare const HeroSkeleton: Story;
 export declare const WithFavoriteControlled: Story;
 export declare const ListView: Story;
+export declare const ListViewPlaceholder: Story;
 export declare const ListViewSkeleton: Story;
 export declare const AsChildLink: Story;
 //# sourceMappingURL=PartnerCard.stories.d.ts.map

package/dist/components/PartnerCard/PartnerCard.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PartnerCard.stories.d.ts","sourceRoot":"","sources":["../../../src/components/PartnerCard/PartnerCard.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAW3D,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AA6O3C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,WAAW,CAqDlC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,WAAW,CAAC,CAAA;AAEzC,eAAO,MAAM,MAAM,EAAE,KA6BpB,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAgB5B,CAAA;AAED,eAAO,MAAM,IAAI,EAAE,KAsClB,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAgC1B,CAAA;AAED,eAAO,MAAM,sBAAsB,EAAE,KA0BpC,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KA8BtB,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAgB9B,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAuBzB,CAAA"}
+{"version":3,"file":"PartnerCard.stories.d.ts","sourceRoot":"","sources":["../../../src/components/PartnerCard/PartnerCard.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAkB3D,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAsS3C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,WAAW,CAyDlC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,WAAW,CAAC,CAAA;AAEzC,eAAO,MAAM,OAAO,EAAE,KA2BrB,CAAA;AAED,eAAO,MAAM,kBAAkB,EAAE,KA8ChC,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAqC9B,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,KAoB7B,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KA6BpB,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAqD/B,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAgB5B,CAAA;AAED,eAAO,MAAM,IAAI,EAAE,KAsClB,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAgC1B,CAAA;AAED,eAAO,MAAM,sBAAsB,EAAE,KA0BpC,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KA8BtB,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,KAqEjC,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAgB9B,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAuBzB,CAAA"}

package/dist/components/PriceTag/PriceTag.d.ts

@@ -0,0 +1,37 @@
+import * as React from 'react';
+declare const priceTagVariants: (props?: ({
+    disabled?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+/** Props for the PriceTag component. */
+export interface PriceTagProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'children'> {
+    /**
+     * Formatted price to display, e.g. `"100 Kč"`. Formatting (currency symbol,
+     * decimal separator, locale) is the consumer's responsibility — the tag
+     * renders the string as-is.
+     */
+    children: React.ReactNode;
+    /**
+     * Dimmed state used when the offer the price belongs to is unavailable.
+     * Swaps the fill and text to the disabled color ramp.
+     *
+     * @default false
+     */
+    disabled?: boolean;
+}
+/**
+ * A pill displaying the price of an offer or product.
+ *
+ * Sizing is driven entirely by design tokens, so the tag shrinks from 32px to
+ * 28px tall below the `md` breakpoint without any prop changes.
+ *
+ * @example
+ * <PriceTag>100 Kč</PriceTag>
+ *
+ * @example
+ * // Inside an OfferCard, prefer the card's `price` prop over composing
+ * // the tag by hand:
+ * <OfferCard name="Offer" href="/offer" variant="search" price="100 Kč" />
+ */
+declare const PriceTag: React.ForwardRefExoticComponent<PriceTagProps & React.RefAttributes<HTMLSpanElement>>;
+export { PriceTag, priceTagVariants };
+//# sourceMappingURL=PriceTag.d.ts.map

package/dist/components/PriceTag/PriceTag.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PriceTag.d.ts","sourceRoot":"","sources":["../../../src/components/PriceTag/PriceTag.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,QAAA,MAAM,gBAAgB;;8EAWrB,CAAA;AAED,wCAAwC;AACxC,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,UAAU,CAAC;IAC/D;;;;OAIG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED;;;;;;;;;;;;;GAaG;AACH,QAAA,MAAM,QAAQ,uFAmBb,CAAA;AAGD,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,CAAA"}

package/dist/components/PriceTag/PriceTag.js

@@ -0,0 +1,43 @@
+import { jsx as e } from "react/jsx-runtime";
+import * as c from "react";
+import { cva as o } from "class-variance-authority";
+import { cn as s } from "../../utils/cn.js";
+import { Typography as m } from "../Typography/Typography.js";
+const n = o(
+  "inline-flex h-comp-price-tag-h w-fit shrink-0 items-center justify-center rounded-comp-price-tag-radius px-comp-price-tag-p-hor whitespace-nowrap",
+  {
+    variants: {
+      disabled: {
+        true: "bg-comp-price-tag-disabled-bg text-comp-price-tag-disabled-text",
+        false: "bg-comp-price-tag-default-bg text-comp-price-tag-default-text"
+      }
+    },
+    defaultVariants: { disabled: !1 }
+  }
+), d = c.forwardRef(
+  ({ className: a, disabled: t = !1, children: r, ...i }, p) => /* @__PURE__ */ e(
+    "span",
+    {
+      ref: p,
+      className: s(n({ disabled: t, className: a })),
+      ...i,
+      children: /* @__PURE__ */ e(
+        m,
+        {
+          component: "span",
+          variant: "body",
+          size: "sm",
+          weight: "medium",
+          fixY: !0,
+          className: "text-center",
+          children: r
+        }
+      )
+    }
+  )
+);
+d.displayName = "PriceTag";
+export {
+  d as PriceTag,
+  n as priceTagVariants
+};

package/dist/components/PriceTag/PriceTag.stories.d.ts

@@ -0,0 +1,8 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import { PriceTag } from './PriceTag';
+declare const meta: Meta<typeof PriceTag>;
+export default meta;
+type Story = StoryObj<typeof PriceTag>;
+export declare const Default: Story;
+export declare const AllStates: Story;
+//# sourceMappingURL=PriceTag.stories.d.ts.map

package/dist/components/PriceTag/PriceTag.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PriceTag.stories.d.ts","sourceRoot":"","sources":["../../../src/components/PriceTag/PriceTag.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAE3D,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAErC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,QAAQ,CAkC/B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,QAAQ,CAAC,CAAA;AAEtC,eAAO,MAAM,OAAO,EAAE,KAUrB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAgBvB,CAAA"}

package/dist/components/PriceTag/index.d.ts

@@ -0,0 +1,2 @@
+export * from './PriceTag';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/PriceTag/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/PriceTag/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAA"}

package/dist/components/PriceTag/index.js

@@ -0,0 +1,5 @@
+import { PriceTag as e, priceTagVariants as i } from "./PriceTag.js";
+export {
+  e as PriceTag,
+  i as priceTagVariants
+};

package/dist/components/Tooltip/Tooltip.d.ts

@@ -23,15 +23,25 @@ export interface TooltipProps extends React.ComponentProps<typeof TooltipPrimiti
     /** Prevents the tooltip from staying open when hovering over the content. */
     disableHoverableContent?: boolean;
     /**
-     * Opens the tooltip on click/tap instead of hover/focus and renders a close
-     * button (on tablet/mobile) so it can be dismissed on touch devices. Use for
-     * tap-triggered hints, e.g. a help icon beside an input label.
+     * How the tooltip opens.
+     *
+     * - `false` — hover and focus only, the plain Radix behaviour. Note that
+     *   Radix suppresses every open path for touch pointers, so a tooltip left
+     *   on the default cannot be opened by tap at all.
+     * - `'touch'` — hover and focus for mouse and keyboard, but a touch
+     *   interaction switches that tooltip into click mode: it toggles on tap and
+     *   renders a close button. Detection is per interaction rather than per
+     *   device, so a hybrid device (touchscreen laptop, iPad with a trackpad)
+     *   hovers for the mouse and taps for the finger.
+     * - `true` — always a click disclosure, for mouse users too. Use for
+     *   tap-triggered hints, e.g. a help icon beside an input label.
+     *
      * @default false
      */
-    openOnClick?: boolean;
+    openOnClick?: boolean | 'touch';
 }
 declare const Tooltip: ({ openOnClick, open: openProp, defaultOpen, onOpenChange, children, ...props }: TooltipProps) => import("react/jsx-runtime").JSX.Element;
-/** Props for the TooltipTrigger. Element that displays tooltip on hover/focus. Use `asChild` for custom elements. */
+/** Props for the TooltipTrigger. Element that displays the tooltip on hover/focus, or on click/tap when the root opts in via `openOnClick`. Use `asChild` for custom elements. */
 export type TooltipTriggerProps = React.ComponentProps<typeof TooltipPrimitive.Trigger>;
 declare const TooltipTrigger: React.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 /** Props for the TooltipContent. Styled floating container with positioning and animations. */
@@ -45,8 +55,9 @@ export interface TooltipContentProps extends React.ComponentPropsWithoutRef<type
     /** Offset in pixels from the aligned edge. */
     alignOffset?: number;
     /**
-     * Accessible label for the close button shown in click (`openOnClick`) mode.
-     * Defaults to translation `tooltip.closeAriaLabel`.
+     * Accessible label for the close button shown in click mode
+     * (`openOnClick={true}`, or `openOnClick="touch"` after a touch
+     * interaction). Defaults to translation `tooltip.closeAriaLabel`.
      */
     closeAriaLabel?: string;
     /** Fires when the close button is clicked (click mode only). */

package/dist/components/Tooltip/Tooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAA;AAuB3D,+FAA+F;AAC/F,MAAM,WAAW,oBACf,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,gBAAgB,CAAC,QAAQ,CAAC;IACxE,kEAAkE;IAClE,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,yFAAyF;IACzF,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,4FAA4F;IAC5F,uBAAuB,CAAC,EAAE,OAAO,CAAA;CAClC;AAED,QAAA,MAAM,eAAe,GAAI,cAAc,oBAAoB,4CAE1D,CAAA;AAED,uEAAuE;AACvE,MAAM,WAAW,YACf,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC;IAC1D,4CAA4C;IAC5C,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,gEAAgE;IAChE,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,yCAAyC;IACzC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACtC,+DAA+D;IAC/D,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,6EAA6E;IAC7E,uBAAuB,CAAC,EAAE,OAAO,CAAA;IACjC;;;;;OAKG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB;AAED,QAAA,MAAM,OAAO,GAAI,gFAOd,YAAY,4CAmCd,CAAA;AAED,qHAAqH;AACrH,MAAM,MAAM,mBAAmB,GAAG,KAAK,CAAC,cAAc,CACpD,OAAO,gBAAgB,CAAC,OAAO,CAChC,CAAA;AAED,QAAA,MAAM,cAAc,sKAiBlB,CAAA;AAGF,+FAA+F;AAC/F,MAAM,WAAW,mBACf,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC;IACvE,sEAAsE;IACtE,IAAI,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAA;IAC1C,sDAAsD;IACtD,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,iEAAiE;IACjE,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAA;IAClC,8CAA8C;IAC9C,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,gEAAgE;IAChE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB;AAED,QAAA,MAAM,cAAc,4FAkDnB,CAAA;AAGD,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,eAAe,EAAE,CAAA"}
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAA;AA+C3D,+FAA+F;AAC/F,MAAM,WAAW,oBACf,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,gBAAgB,CAAC,QAAQ,CAAC;IACxE,kEAAkE;IAClE,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,yFAAyF;IACzF,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,4FAA4F;IAC5F,uBAAuB,CAAC,EAAE,OAAO,CAAA;CAClC;AAED,QAAA,MAAM,eAAe,GAAI,cAAc,oBAAoB,4CAE1D,CAAA;AAED,uEAAuE;AACvE,MAAM,WAAW,YACf,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC;IAC1D,4CAA4C;IAC5C,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,gEAAgE;IAChE,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,yCAAyC;IACzC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACtC,+DAA+D;IAC/D,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,6EAA6E;IAC7E,uBAAuB,CAAC,EAAE,OAAO,CAAA;IACjC;;;;;;;;;;;;;;;OAeG;IACH,WAAW,CAAC,EAAE,OAAO,GAAG,OAAO,CAAA;CAChC;AAED,QAAA,MAAM,OAAO,GAAI,gFAOd,YAAY,4CAyEd,CAAA;AAED,kLAAkL;AAClL,MAAM,MAAM,mBAAmB,GAAG,KAAK,CAAC,cAAc,CACpD,OAAO,gBAAgB,CAAC,OAAO,CAChC,CAAA;AAED,QAAA,MAAM,cAAc,sKAuClB,CAAA;AAGF,+FAA+F;AAC/F,MAAM,WAAW,mBACf,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC;IACvE,sEAAsE;IACtE,IAAI,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAA;IAC1C,sDAAsD;IACtD,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,iEAAiE;IACjE,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAA;IAClC,8CAA8C;IAC9C,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB;;;;OAIG;IACH,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,gEAAgE;IAChE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB;AAED,QAAA,MAAM,cAAc,4FA0EnB,CAAA;AAGD,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,eAAe,EAAE,CAAA"}

package/dist/components/Tooltip/Tooltip.js

@@ -1,91 +1,139 @@
-import { jsx as s, jsxs as v } from "react/jsx-runtime";
-import * as i from "react";
-import * as n from "@radix-ui/react-tooltip";
-import { useMuzaTranslationContext as y } from "../../translations/TranslationContext.js";
-import { cn as T } from "../../utils/cn.js";
-import { XClose as w } from "../Icons/CustomIcons.js";
-import { Typography as z } from "../Typography/Typography.js";
-const b = () => {
-}, u = i.createContext({
-  openOnClick: !1,
+import { jsx as u, jsxs as N } from "react/jsx-runtime";
+import * as e from "react";
+import * as g from "@radix-ui/react-tooltip";
+import { useMuzaTranslationContext as D } from "../../translations/TranslationContext.js";
+import { cn as w } from "../../utils/cn.js";
+import { XClose as C } from "../Icons/CustomIcons.js";
+import { Typography as j } from "../Typography/Typography.js";
+const M = () => {
+}, R = e.createContext({
+  clickMode: !1,
+  detectTouch: !1,
+  clickModeRef: { current: !1 },
   open: !1,
-  setOpen: b
-}), M = ({ ...t }) => /* @__PURE__ */ s(n.Provider, { delayDuration: 100, ...t }), A = ({
-  openOnClick: t = !1,
-  open: r,
-  defaultOpen: l,
+  setOpen: M,
+  onTouchDetected: M,
+  triggerRef: { current: null }
+}), U = ({ ...r }) => /* @__PURE__ */ u(g.Provider, { delayDuration: 100, ...r }), V = ({
+  openOnClick: r = !1,
+  open: a,
+  defaultOpen: b,
   onOpenChange: o,
-  children: e,
-  ...d
+  children: c,
+  ...x
 }) => {
-  const [p, c] = i.useState(
-    l ?? !1
-  ), a = r !== void 0, m = a ? r : p, f = i.useCallback(
-    (x) => {
-      a || c(x), o == null || o(x);
+  const [T, p] = e.useState(
+    b ?? !1
+  ), [s, n] = e.useState(!1), i = a !== void 0, l = i ? a : T, t = r === "touch", f = r === !0 || t && s, m = e.useRef(f);
+  m.current = f;
+  const h = e.useRef(null), d = e.useCallback(
+    (y) => {
+      i || p(y), o == null || o(y);
     },
-    [a, o]
-  ), g = i.useMemo(
-    () => ({ openOnClick: t, open: m, setOpen: f }),
-    [t, m, f]
+    [i, o]
+  ), v = e.useCallback(() => {
+    m.current = !0, n(!0);
+  }, []), k = e.useCallback(
+    (y) => {
+      m.current || d(y);
+    },
+    [d]
+  ), z = e.useMemo(
+    () => ({
+      clickMode: f,
+      detectTouch: t,
+      clickModeRef: m,
+      open: l,
+      setOpen: d,
+      onTouchDetected: v,
+      triggerRef: h
+    }),
+    [f, t, l, d, v]
   );
-  return /* @__PURE__ */ s(u.Provider, { value: g, children: /* @__PURE__ */ s(
-    n.Root,
+  return /* @__PURE__ */ u(R.Provider, { value: z, children: /* @__PURE__ */ u(
+    g.Root,
     {
-      open: t ? m : r,
-      defaultOpen: t ? void 0 : l,
-      onOpenChange: t ? b : o,
-      ...d,
-      children: e
+      open: l,
+      onOpenChange: k,
+      ...x,
+      children: c
     }
   ) });
-}, N = i.forwardRef(({ onClick: t, ...r }, l) => {
-  const { openOnClick: o, open: e, setOpen: d } = i.useContext(u);
-  return /* @__PURE__ */ s(
-    n.Trigger,
+}, L = e.forwardRef(({ onClick: r, onPointerDown: a, ...b }, o) => {
+  const {
+    clickMode: c,
+    detectTouch: x,
+    clickModeRef: T,
+    open: p,
+    setOpen: s,
+    onTouchDetected: n,
+    triggerRef: i
+  } = e.useContext(R), l = e.useCallback(
+    (t) => {
+      i.current = t, typeof o == "function" ? o(t) : o && (o.current = t);
+    },
+    [o, i]
+  );
+  return /* @__PURE__ */ u(
+    g.Trigger,
     {
       ref: l,
-      "aria-expanded": o ? e : void 0,
-      onClick: (p) => {
-        t == null || t(p), o && d(!e);
+      "aria-expanded": c ? p : void 0,
+      onPointerDown: (t) => {
+        a == null || a(t), x && t.pointerType === "touch" && n();
+      },
+      onClick: (t) => {
+        r == null || r(t), T.current && s(!p);
       },
-      ...r
+      ...b
     }
   );
 });
-N.displayName = n.Trigger.displayName;
-const h = i.forwardRef(
-  ({ className: t, children: r, sideOffset: l = 4, closeAriaLabel: o, onClose: e, ...d }, p) => {
-    const { openOnClick: c, setOpen: a } = i.useContext(u), { translations: m } = y(), f = o ?? m.tooltip.closeAriaLabel;
-    return /* @__PURE__ */ v(
-      n.Content,
+L.displayName = g.Trigger.displayName;
+const O = e.forwardRef(
+  ({
+    className: r,
+    children: a,
+    sideOffset: b = 4,
+    closeAriaLabel: o,
+    onClose: c,
+    "aria-label": x,
+    ...T
+  }, p) => {
+    const { clickMode: s, setOpen: n, triggerRef: i } = e.useContext(R), { translations: l } = D(), t = o ?? l.tooltip.closeAriaLabel, f = x ?? (s && typeof a == "string" ? a : void 0);
+    return /* @__PURE__ */ N(
+      g.Content,
       {
         ref: p,
-        sideOffset: l,
-        className: T(
+        sideOffset: b,
+        "aria-label": f,
+        className: w(
           "relative z-50 origin-[--radix-tooltip-content-transform-origin] animate-in overflow-hidden rounded-comp-tooltip-radius bg-surface-brand-brand-tertiary py-comp-tooltip-p-ver text-text-brand-def fade-in-0 zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95",
-          // Desktop uses the left token on both sides; tablet/mobile reserves
-          // extra right padding for the close button.
-          c ? "pr-comp-tooltip-p-right pl-comp-tooltip-p-left lg:pr-comp-tooltip-p-left" : "px-comp-tooltip-p-left",
-          t
+          // Click mode reserves extra right padding for the close button.
+          s ? "pr-comp-tooltip-p-right pl-comp-tooltip-p-left" : "px-comp-tooltip-p-left",
+          r
         ),
-        ...d,
-        ...c && {
-          onEscapeKeyDown: () => a(!1),
-          onPointerDownOutside: () => a(!1)
+        ...T,
+        ...s && {
+          onEscapeKeyDown: () => n(!1),
+          onPointerDownOutside: (m) => {
+            var d;
+            const h = m.detail.originalEvent.target;
+            h && ((d = i.current) != null && d.contains(h)) || n(!1);
+          }
         },
         children: [
-          /* @__PURE__ */ s(z, { component: "span", variant: "body", weight: "regular", size: "sm", children: r }),
-          c && /* @__PURE__ */ s(
+          /* @__PURE__ */ u(j, { component: "span", variant: "body", weight: "regular", size: "sm", children: a }),
+          s && /* @__PURE__ */ u(
             "button",
             {
               type: "button",
               onClick: () => {
-                a(!1), e == null || e();
+                n(!1), c == null || c();
               },
-              "aria-label": f,
-              className: "absolute top-2xs right-2xs flex size-comp-button-w-xs cursor-pointer items-center justify-center rounded-full text-text-brand-def focus-visible-auto lg:hidden",
-              children: /* @__PURE__ */ s(w, { className: "size-icon-xsmall" })
+              "aria-label": t,
+              className: "absolute top-2xs right-2xs flex size-comp-button-w-xs cursor-pointer items-center justify-center rounded-full text-text-brand-def focus-visible-auto",
+              children: /* @__PURE__ */ u(C, { className: "size-icon-xsmall" })
             }
           )
         ]
@@ -93,10 +141,10 @@ const h = i.forwardRef(
     );
   }
 );
-h.displayName = n.Content.displayName;
+O.displayName = g.Content.displayName;
 export {
-  A as Tooltip,
-  h as TooltipContent,
-  M as TooltipProvider,
-  N as TooltipTrigger
+  V as Tooltip,
+  O as TooltipContent,
+  U as TooltipProvider,
+  L as TooltipTrigger
 };

package/dist/components/Tooltip/Tooltip.stories.d.ts

@@ -5,6 +5,7 @@ export default meta;
 type Story = StoryObj<typeof Tooltip>;
 export declare const DefaultTooltipComponent: Story;
 export declare const OpenState: Story;
+export declare const OpenOnTouch: Story;
 export declare const OpenOnClick: Story;
 export declare const PrefferedSideBottom: Story;
 //# sourceMappingURL=Tooltip.stories.d.ts.map

package/dist/components/Tooltip/Tooltip.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/Tooltip.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAK3D,OAAO,EACL,OAAO,EAIR,MAAM,WAAW,CAAA;AAElB,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,OAAO,CAmD9B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,OAAO,CAAC,CAAA;AAErC,eAAO,MAAM,uBAAuB,EAAE,KAqBrC,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAsBvB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAkCzB,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,KAsBjC,CAAA"}
+{"version":3,"file":"Tooltip.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/Tooltip.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAK3D,OAAO,EACL,OAAO,EAIR,MAAM,WAAW,CAAA;AAElB,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,OAAO,CAwD9B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,OAAO,CAAC,CAAA;AAErC,eAAO,MAAM,uBAAuB,EAAE,KAqBrC,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAsBvB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAsBzB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAkCzB,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,KAsBjC,CAAA"}

package/dist/components/VoucherCard/VoucherCard.d.ts

@@ -39,13 +39,36 @@ export interface VoucherCardBaseProps extends Omit<VariantProps<typeof voucherCa
      * custom React node such as a Next.js `<Image>` element. The wrapper
      * handles sizing, rounded corners, overflow, and the disabled dim; any
      * direct `<img>` child is auto-stretched to fill the wrapper.
+     *
+     * Omit it (or pass `undefined`) to render the placeholder instead — pair
+     * that with `placeholderIcon` and `placeholderColor`.
      */
-    image: string | React.ReactNode;
+    image?: string | React.ReactNode;
     /**
      * Alt text for the built-in `<img>` (used when `image` is a string).
      * Defaults to `title`. Ignored when `image` is a custom React node.
      */
     imageAlt?: string;
+    /**
+     * Decorative icon rendered centred in the image area when `image` is
+     * absent. Sized by the card and coloured via `currentColor`, so pass a
+     * bare Solar icon element.
+     *
+     * @example
+     * <VoucherCard
+     *   title="Voucher"
+     *   description="Platnost do 8. 10. 2025"
+     *   placeholderIcon={<MusicNoteBold />}
+     *   placeholderColor="#e4329c"
+     * />
+     */
+    placeholderIcon?: React.ReactNode;
+    /**
+     * Any CSS color string driving the placeholder. The image area is filled
+     * with the color at 20% alpha and the icon takes the full color. Omit to
+     * fall back to the brand-tertiary tint with a tertiary-grey icon.
+     */
+    placeholderColor?: string;
     /**
      * Disabled visual state. Dims and desaturates the image, grays the title,
      * and switches the description line to `text-state-error-def`. The

package/dist/components/VoucherCard/VoucherCard.d.ts.map

@@ -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"}
+{"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;AAOjE,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;AAOD;;;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;;;;;;;;OAQG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;IAChC;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB;;;;;;;;;;;;OAYG;IACH,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACjC;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB;;;;;;;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,4FAkGhB,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"}