@vkzstudio/muza-ui 1.2.0 → 1.4.0

package/dist/components/CategoryCard/CategoryCard.d.ts

@@ -0,0 +1,97 @@
+import { SkeletonProps } from '../Skeleton';
+import * as React from 'react';
+declare const categoryCardVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+/**
+ * Props shared between the link and asChild shapes of `CategoryCard`.
+ */
+export interface CategoryCardBaseProps {
+    /** Category label shown next to the image. */
+    title: React.ReactNode;
+    /** Image URL displayed at the start of the card. Ignored when `imageSlot` is provided. */
+    image?: string;
+    /** Alt text for the image. @default '' */
+    imageAlt?: string;
+    /**
+     * Custom node rendered in place of the default `<img>` — pass an icon or any
+     * 48×48 element. Takes precedence over `image`.
+     */
+    imageSlot?: React.ReactNode;
+    /** Trailing count or badge value (right-aligned, brand-colored). */
+    count?: React.ReactNode;
+    /**
+     * Disables interaction and dims the row. The `<a>`'s `href` is stripped
+     * from the DOM when disabled so the link becomes non-navigable while
+     * keeping its visual state.
+     *
+     * @default false
+     */
+    disabled?: boolean;
+    /** Additional CSS classes for the root element. */
+    className?: string;
+}
+/**
+ * Default shape — `CategoryCard` renders an `<a href>` as its root and the
+ * structured content (image, title, count) as its children.
+ */
+export interface CategoryCardLinkProps extends CategoryCardBaseProps, Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'title' | 'children' | 'href' | 'className'> {
+    /**
+     * URL the card navigates to when activated. Required unless `asChild` is
+     * used. Stripped from the rendered DOM when `disabled` is true so the
+     * anchor becomes non-navigable while keeping its visual state.
+     *
+     * @example
+     * <CategoryCard href="/categories/zamky" title="Zámky, galerie, muzea" count={18} />
+     */
+    href: string;
+    /** Discriminator for the link shape — omit or set to `false`. Use `asChild` for the polymorphic shape instead. */
+    asChild?: false;
+    /** Not used in the link shape — the card renders its own structured content as the anchor's children. */
+    children?: never;
+}
+/**
+ * Escape-hatch shape — hand the root element off to a consumer-provided
+ * `<Link>` (Next.js, React Router, …) via Radix `Slot`. The card's
+ * structured content is rendered as the child's children, so the child
+ * must be self-closing.
+ */
+export interface CategoryCardAsChildProps extends CategoryCardBaseProps, Omit<React.HTMLAttributes<HTMLElement>, 'title' | 'children' | 'className'> {
+    /**
+     * Renders the consumer's child as the root element via Radix `Slot`, so
+     * the card surface can be a router `<Link>` (Next.js, React Router, …)
+     * instead of the built-in `<a>`. The structured content (image, title,
+     * count) is rendered as the child's children — pass a self-closing
+     * element.
+     *
+     * @example
+     * <CategoryCard asChild title="Zámky" count={18} image="…">
+     *   <Link href="/categories/zamky" />
+     * </CategoryCard>
+     */
+    asChild: true;
+    /** Self-closing element to use as the root. Its children are overwritten with the card's structured content. */
+    children: React.ReactElement;
+    /** Not applicable in the `asChild` shape — set `href` on the child element instead. */
+    href?: never;
+}
+/**
+ * Props for the CategoryCard component.
+ *
+ * The card is a link by default. Pass `href` for the built-in `<a>`, or
+ * `asChild` with a self-closing child to swap in a router `<Link>`.
+ */
+export type CategoryCardProps = CategoryCardLinkProps | CategoryCardAsChildProps;
+declare const CategoryCard: React.ForwardRefExoticComponent<CategoryCardProps & React.RefAttributes<HTMLAnchorElement>>;
+/** Props for the {@link CategoryCardSkeleton} component. */
+export type CategoryCardSkeletonProps = SkeletonProps;
+/**
+ * Loading placeholder matching the `CategoryCard` footprint — a bordered row
+ * with a leading 48×48 image block, a flexible title line, and a trailing
+ * count block. Mirrors the real card's border, radius, and padding tokens so
+ * the layout doesn't shift when content arrives.
+ */
+declare const CategoryCardSkeleton: {
+    ({ className, color, ...props }: CategoryCardSkeletonProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { CategoryCard, categoryCardVariants, CategoryCardSkeleton };
+//# sourceMappingURL=CategoryCard.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CategoryCard.d.ts","sourceRoot":"","sources":["../../../src/components/CategoryCard/CategoryCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,OAAO,EAAY,KAAK,aAAa,EAAE,MAAM,aAAa,CAAA;AAG1D,QAAA,MAAM,oBAAoB,oFAYxB,CAAA;AAEF;;GAEG;AACH,MAAM,WAAW,qBAAqB;IACpC,8CAA8C;IAC9C,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,0FAA0F;IAC1F,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB;;;OAGG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC3B,oEAAoE;IACpE,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,mDAAmD;IACnD,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;;GAGG;AACH,MAAM,WAAW,qBACf,SAAQ,qBAAqB,EAC3B,IAAI,CACF,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAC7C,OAAO,GAAG,UAAU,GAAG,MAAM,GAAG,WAAW,CAC5C;IACH;;;;;;;OAOG;IACH,IAAI,EAAE,MAAM,CAAA;IACZ,kHAAkH;IAClH,OAAO,CAAC,EAAE,KAAK,CAAA;IACf,yGAAyG;IACzG,QAAQ,CAAC,EAAE,KAAK,CAAA;CACjB;AAED;;;;;GAKG;AACH,MAAM,WAAW,wBACf,SAAQ,qBAAqB,EAC3B,IAAI,CACF,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EACjC,OAAO,GAAG,UAAU,GAAG,WAAW,CACnC;IACH;;;;;;;;;;;OAWG;IACH,OAAO,EAAE,IAAI,CAAA;IACb,gHAAgH;IAChH,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAA;IAC5B,uFAAuF;IACvF,IAAI,CAAC,EAAE,KAAK,CAAA;CACb;AAED;;;;;GAKG;AACH,MAAM,MAAM,iBAAiB,GAAG,qBAAqB,GAAG,wBAAwB,CAAA;AAEhF,QAAA,MAAM,YAAY,6FA6GjB,CAAA;AAGD,4DAA4D;AAC5D,MAAM,MAAM,yBAAyB,GAAG,aAAa,CAAA;AAErD;;;;;GAKG;AACH,QAAA,MAAM,oBAAoB;qCAIvB,yBAAyB;;CAmB3B,CAAA;AAGD,OAAO,EAAE,YAAY,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,CAAA"}

package/dist/components/CategoryCard/CategoryCard.js

@@ -0,0 +1,152 @@
+import { jsxs as l, Fragment as N, jsx as e } from "react/jsx-runtime";
+import * as i from "react";
+import { Slot as C } from "@radix-ui/react-slot";
+import { cva as w } from "class-variance-authority";
+import { Flex as x } from "../Flex/Flex.js";
+import { cn as t } from "../../utils/cn.js";
+import { Typography as f } from "../Typography/Typography.js";
+import { Skeleton as n } from "../Skeleton/Skeleton.js";
+const S = w([
+  "group inline-flex w-full items-center gap-md no-underline",
+  "py-sm pr-2xl pl-sm",
+  "rounded-lg border border-solid bg-surface-base-secondary",
+  "cursor-pointer transition-colors outline-none",
+  "border-stroke-base-primary",
+  "hover:border-stroke-brand-hover",
+  "focus-visible:border-stroke-brand-focused",
+  "active:border-stroke-brand-pressed",
+  "data-[disabled=true]:pointer-events-none",
+  "data-[disabled=true]:cursor-not-allowed",
+  "data-[disabled=true]:border-stroke-base-disabled"
+]), z = i.forwardRef(
+  (o, r) => {
+    const {
+      title: s,
+      image: m,
+      imageAlt: g = "",
+      imageSlot: h,
+      count: d,
+      disabled: a = !1,
+      asChild: v = !1,
+      href: y,
+      className: k,
+      children: c,
+      ...p
+    } = o, b = /* @__PURE__ */ l(N, { children: [
+      /* @__PURE__ */ l(
+        x,
+        {
+          component: "span",
+          align: "center",
+          gap: "md",
+          flex: 1,
+          className: "min-w-0",
+          children: [
+            h ?? (m && /* @__PURE__ */ e(
+              "img",
+              {
+                src: m,
+                alt: g,
+                className: t(
+                  "size-comp-button-h-sm shrink-0 rounded-md object-cover",
+                  "group-data-[disabled=true]:opacity-50"
+                )
+              }
+            )),
+            /* @__PURE__ */ e(
+              f,
+              {
+                component: "span",
+                variant: "body",
+                size: "sm",
+                weight: "medium",
+                fixY: !0,
+                className: t(
+                  "line-clamp-3 min-w-0 flex-1 text-left text-text-dark-primary-def transition-colors",
+                  "group-focus-visible:text-text-brand-focused",
+                  "group-active:text-text-brand-pressed",
+                  "group-data-[disabled=true]:text-text-dark-disabled"
+                ),
+                children: s
+              }
+            )
+          ]
+        }
+      ),
+      d != null && /* @__PURE__ */ e(
+        f,
+        {
+          component: "span",
+          variant: "body",
+          size: "sm",
+          weight: "medium",
+          fixY: !0,
+          className: t(
+            "shrink-0 text-text-brand-def transition-colors",
+            "group-hover:text-text-brand-hover",
+            "group-focus-visible:text-text-brand-focused",
+            "group-active:text-text-brand-pressed",
+            "group-data-[disabled=true]:text-text-dark-disabled"
+          ),
+          children: d
+        }
+      )
+    ] }), u = t(S(), k);
+    return v && i.isValidElement(c) ? /* @__PURE__ */ e(
+      C,
+      {
+        ref: r,
+        className: u,
+        "data-disabled": a || void 0,
+        "aria-disabled": a || void 0,
+        ...p,
+        children: i.cloneElement(c, void 0, b)
+      }
+    ) : /* @__PURE__ */ e(
+      "a",
+      {
+        ref: r,
+        href: a ? void 0 : y,
+        className: u,
+        "data-disabled": a || void 0,
+        "aria-disabled": a || void 0,
+        ...p,
+        children: b
+      }
+    );
+  }
+);
+z.displayName = "CategoryCard";
+const j = ({
+  className: o,
+  color: r = "default",
+  ...s
+}) => /* @__PURE__ */ l(
+  x,
+  {
+    align: "center",
+    gap: "md",
+    className: t(
+      "w-full rounded-lg border border-solid border-stroke-base-primary bg-surface-base-secondary py-sm pr-2xl pl-sm",
+      o
+    ),
+    ...s,
+    children: [
+      /* @__PURE__ */ e(
+        n,
+        {
+          color: r,
+          className: "size-comp-button-h-sm shrink-0 rounded-md"
+        }
+      ),
+      /* @__PURE__ */ e(n, { color: r, className: "h-[16px] min-w-0 flex-1" }),
+      /* @__PURE__ */ e(n, { color: r, className: "h-[16px] w-[28px] shrink-0" })
+    ]
+  }
+);
+j.displayName = "CategoryCardSkeleton";
+export {
+  z as CategoryCard,
+  j as CategoryCardSkeleton,
+  S as categoryCardVariants
+};

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

@@ -0,0 +1,14 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import { CategoryCard } from './CategoryCard';
+declare const meta: Meta<typeof CategoryCard>;
+export default meta;
+type Story = StoryObj<typeof CategoryCard>;
+export declare const Default: Story;
+export declare const AllStates: Story;
+export declare const WithoutCount: Story;
+export declare const LongTitle: Story;
+export declare const AsChild: Story;
+export declare const Grid: Story;
+export declare const LoadingSkeleton: Story;
+export declare const LoadingSkeletonGrid: Story;
+//# sourceMappingURL=CategoryCard.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CategoryCard.stories.d.ts","sourceRoot":"","sources":["../../../src/components/CategoryCard/CategoryCard.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,EAAE,YAAY,EAAwB,MAAM,gBAAgB,CAAA;AAInE,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,YAAY,CAmCnC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,YAAY,CAAC,CAAA;AAY1C,eAAO,MAAM,OAAO,EAAE,KAErB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAkCvB,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAY1B,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAcvB,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KA0BrB,CAAA;AAED,eAAO,MAAM,IAAI,EAAE,KA8BlB,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,KAY7B,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,KAkBjC,CAAA"}

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

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

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

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

package/dist/components/CategoryIcon/CategoryIcon.d.ts

@@ -0,0 +1,45 @@
+import { VariantProps } from 'class-variance-authority';
+import * as React from 'react';
+/**
+ * CVA variants for {@link CategoryIcon}. Exposes the `size` variant
+ * (`'sm' | 'md' | 'lg'`) that maps to the `--comp-market-category-ico-*` design tokens.
+ */
+declare const categoryIconVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+/** Props for the CategoryIcon component. */
+export interface CategoryIconProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'color'>, VariantProps<typeof categoryIconVariants> {
+    /**
+     * Main color of the category (any CSS color string).
+     * Drives the icon color (via `currentColor` on the container) and the
+     * derived background tint (`Color(color).alpha(0.2)`).
+     *
+     * @example
+     * <CategoryIcon color="#e3b42b" icon={<SuitcaseBold />} />
+     */
+    color: string;
+    /**
+     * Icon node rendered inside the badge. Should use `currentColor` (Solar
+     * icons do by default) so it inherits the main color from the container.
+     */
+    icon: React.ReactNode;
+    /** Visual size. @default 'sm' */
+    size?: 'sm' | 'md' | 'lg';
+}
+/**
+ * A circular category badge: an icon over a softly tinted background derived
+ * from a single main color.
+ *
+ * Pass any CSS color string as `color` and any icon node as `icon`. The
+ * component sets `color` on the container so icons rendered with
+ * `currentColor` (the Solar icon default) inherit it automatically, and
+ * derives a 20% alpha background tint from the same color using the
+ * [color](https://www.npmjs.com/package/color) package.
+ *
+ * @component
+ * @example
+ * <CategoryIcon color="#e3b42b" icon={<SuitcaseBold />} size="lg" />
+ */
+declare const CategoryIcon: React.ForwardRefExoticComponent<CategoryIconProps & React.RefAttributes<HTMLSpanElement>>;
+export { CategoryIcon, categoryIconVariants };
+//# sourceMappingURL=CategoryIcon.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CategoryIcon.d.ts","sourceRoot":"","sources":["../../../src/components/CategoryIcon/CategoryIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,KAAK,YAAY,EAAO,MAAM,0BAA0B,CAAA;AAIjE;;;GAGG;AACH,QAAA,MAAM,oBAAoB;;8EAYzB,CAAA;AAED,4CAA4C;AAC5C,MAAM,WAAW,iBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,OAAO,CAAC,EAC1D,YAAY,CAAC,OAAO,oBAAoB,CAAC;IAC3C;;;;;;;OAOG;IACH,KAAK,EAAE,MAAM,CAAA;IACb;;;OAGG;IACH,IAAI,EAAE,KAAK,CAAC,SAAS,CAAA;IACrB,iCAAiC;IACjC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;CAC1B;AAYD;;;;;;;;;;;;;GAaG;AACH,QAAA,MAAM,YAAY,2FAuCjB,CAAA;AAGD,OAAO,EAAE,YAAY,EAAE,oBAAoB,EAAE,CAAA"}

package/dist/components/CategoryIcon/CategoryIcon.js

@@ -0,0 +1,54 @@
+import { jsx as m } from "react/jsx-runtime";
+import * as g from "react";
+import { cva as l } from "class-variance-authority";
+import p from "color";
+import { cn as y } from "../../utils/cn.js";
+const d = l(
+  "inline-flex shrink-0 items-center justify-center rounded-full [&>svg]:pointer-events-none",
+  {
+    variants: {
+      size: {
+        sm: "size-comp-market-category-ico-bg-size-sm [&>*]:size-comp-market-category-ico-ico-size-sm",
+        md: "size-comp-market-category-ico-bg-size-md [&>*]:size-comp-market-category-ico-ico-size-md",
+        lg: "size-comp-market-category-ico-bg-size-lg [&>*]:size-comp-market-category-ico-ico-size-lg"
+      }
+    },
+    defaultVariants: { size: "sm" }
+  }
+), f = (t) => {
+  try {
+    return p(t);
+  } catch {
+    return null;
+  }
+}, a = /* @__PURE__ */ new Set(), z = g.forwardRef(
+  ({ className: t, color: e, icon: c, size: i, style: r, ...n }, s) => {
+    const o = f(e);
+    return !o && process.env.NODE_ENV !== "production" && !a.has(e) && (a.add(e), console.warn(
+      `[CategoryIcon] Invalid color "${e}". Falling back to neutral styling.`
+    )), /* @__PURE__ */ m(
+      "span",
+      {
+        ref: s,
+        "data-slot": "category-icon",
+        className: y(
+          d({ size: i }),
+          o && "bg-(--category-icon-bg) text-(--category-icon-fg)",
+          t
+        ),
+        style: o ? {
+          "--category-icon-bg": o.alpha(0.2).toString(),
+          "--category-icon-fg": o.toString(),
+          ...r
+        } : r,
+        ...n,
+        children: c
+      }
+    );
+  }
+);
+z.displayName = "CategoryIcon";
+export {
+  z as CategoryIcon,
+  d as categoryIconVariants
+};

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"CategoryIcon.stories.d.ts","sourceRoot":"","sources":["../../../src/components/CategoryIcon/CategoryIcon.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAW3D,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAE7C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,YAAY,CAoCnC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,YAAY,CAAC,CAAA;AAY1C,eAAO,MAAM,OAAO,EAAE,KAerB,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAqB3B,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAgBtB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAiBzB,CAAA"}

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/DatePicker.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/DatePicker.tsx"],"names":[],"mappings":"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"}

package/dist/components/DatePicker/DatePicker.js

@@ -6,11 +6,11 @@ import { Popover as pt, PopoverTrigger as nt, PopoverContent as dt } from "../Po
 import { getDateRange as ut } from "./utils/getDateRange.js";
 import { resolveOneDayRange as bt } from "./utils/resolveOneDayRange.js";
 import { Input as st } from "../Input/Input.js";
-import { formatDate as xt } from "../Calendar/utils/formatDate.js";
-import { formatDateRange as lt } from "../Calendar/utils/formatDateRange.js";
 import { Calendar as A } from "../Calendar/Calendar.js";
 import { cn as l } from "../../utils/cn.js";
-import { typographyVariants as yt } from "../Typography/Typography.js";
+import { typographyVariants as xt } from "../Typography/Typography.js";
+import { formatDate as lt } from "../../utils/formatDate.js";
+import { formatDateRange as yt } from "../../utils/formatDateRange.js";
 import { CalendarBold as mt } from "@solar-icons/react-perf";
 const vt = et(
   ({
@@ -64,7 +64,7 @@ const vt = et(
       "button",
       {
         className: l(
-          yt({
+          xt({
             variant: "cta",
             weight: "medium",
             size: "sm",
@@ -83,7 +83,7 @@ const vt = et(
         children: t.name
       },
       t.type
-    )), D = H ?? (y === "single" ? xt : lt), F = f ? e !== void 0 ? e : i : j, E = {
+    )), D = H ?? (y === "single" ? lt : yt), F = f ? e !== void 0 ? e : i : j, E = {
       ...a,
       numberOfMonths: Z ?? (h ? 2 : 1),
       hideNavigation: _,

package/dist/components/Dialog/Dialog.d.ts

@@ -17,6 +17,14 @@ export interface DialogContentProps extends ComponentPropsWithoutRef<typeof Dial
     size?: 'small' | 'medium' | 'large';
     /** Accessible label for the close button. Defaults to translation value. */
     closeAriaLabel?: string;
+    /**
+     * Shrinks the content region's top and bottom padding to
+     * `--spacing-comp-dialog-p-hor-sm` for a more compact dialog. Header and
+     * footer keep their own padding and stay flush to the edges.
+     *
+     * @default false
+     */
+    smallerContentYpadding?: boolean;
 }
 declare const Dialog: React.FC<DialogProps>;
 declare const DialogTitle: import('react').ForwardRefExoticComponent<DialogPrimitive.DialogTitleProps & import('react').RefAttributes<HTMLHeadingElement>>;
@@ -33,12 +41,9 @@ export interface DialogHeaderProps extends Omit<ComponentPropsWithoutRef<'div'>,
     title?: ReactNode;
 }
 declare const DialogHeader: import('react').ForwardRefExoticComponent<DialogHeaderProps & import('react').RefAttributes<HTMLDivElement>>;
-/** Props for the DialogFooter component. Renders a fixed footer area for action buttons with a conditional top border. */
-export interface DialogFooterProps extends ComponentPropsWithoutRef<'div'> {
-    /** @internal Used by DialogContent to control border visibility based on scroll state. */
-    _showBorder?: boolean;
-}
-declare const DialogFooter: import('react').ForwardRefExoticComponent<DialogFooterProps & import('react').RefAttributes<HTMLDivElement>>;
+/** Props for the DialogFooter component. Renders a fixed footer area for action buttons with a top border separating it from the content. */
+export type DialogFooterProps = ComponentPropsWithoutRef<'div'>;
+declare const DialogFooter: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
 declare const DialogTrigger: import('react').ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & import('react').RefAttributes<HTMLButtonElement>>;
 declare const DialogPortal: import('react').FC<DialogPrimitive.DialogPortalProps>;
 declare const DialogClose: import('react').ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & import('react').RefAttributes<HTMLButtonElement>>;
@@ -46,6 +51,7 @@ declare const DialogOverlay: import('react').ForwardRefExoticComponent<Omit<Dial
 declare const DialogContent: import('react').ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & import('react').RefAttributes<HTMLDivElement>, "ref"> & {
     size?: "small" | "medium" | "large";
     closeAriaLabel?: string;
+    smallerContentYpadding?: boolean;
 } & import('react').RefAttributes<HTMLDivElement>>;
 export { Dialog, DialogPortal, DialogOverlay, DialogClose, DialogTrigger, DialogContent, DialogHeader, DialogFooter, DialogTitle, DialogDescription, };
 //# sourceMappingURL=Dialog.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/Dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,wBAAwB,EAE7B,KAAK,SAAS,EAOf,MAAM,OAAO,CAAA;AACd,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAA;AAMzD,6EAA6E;AAC7E,MAAM,WAAW,WACf,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC;IACzD,2CAA2C;IAC3C,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,gEAAgE;IAChE,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,qCAAqC;IACrC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACtC,4FAA4F;IAC5F,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB;AAED,kHAAkH;AAClH,MAAM,WAAW,kBACf,SAAQ,wBAAwB,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC;IAChE,sEAAsE;IACtE,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC,4EAA4E;IAC5E,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB;AAED,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAAwB,CAAA;AAC1D,QAAA,MAAM,WAAW,iIAAwB,CAAA;AACzC,QAAA,MAAM,iBAAiB,yIAA8B,CAAA;AAsBrD,iHAAiH;AACjH,MAAM,WAAW,iBACf,SAAQ,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC;IACtD,wDAAwD;IACxD,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,2DAA2D;IAC3D,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,4EAA4E;IAC5E,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,sEAAsE;IACtE,KAAK,CAAC,EAAE,SAAS,CAAA;CAClB;AAED,QAAA,MAAM,YAAY,8GAyDjB,CAAA;AAGD,0HAA0H;AAC1H,MAAM,WAAW,iBAAkB,SAAQ,wBAAwB,CAAC,KAAK,CAAC;IACxE,0FAA0F;IAC1F,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB;AAED,QAAA,MAAM,YAAY,8GAgBjB,CAAA;AAGD,QAAA,MAAM,aAAa,kIAA0B,CAAA;AAC7C,QAAA,MAAM,YAAY,uDAAyB,CAAA;AAC3C,QAAA,MAAM,WAAW,gIAAwB,CAAA;AAEzC,QAAA,MAAM,aAAa,4LAYjB,CAAA;AAGF,QAAA,MAAM,aAAa;WAGR,OAAO,GAAG,QAAQ,GAAG,OAAO;qBAClB,MAAM;kDAuH1B,CAAA;AAGD,OAAO,EACL,MAAM,EACN,YAAY,EACZ,aAAa,EACb,WAAW,EACX,aAAa,EACb,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,iBAAiB,GAClB,CAAA"}
+{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/Dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,wBAAwB,EAE7B,KAAK,SAAS,EAGf,MAAM,OAAO,CAAA;AACd,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAA;AAMzD,6EAA6E;AAC7E,MAAM,WAAW,WACf,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC;IACzD,2CAA2C;IAC3C,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,gEAAgE;IAChE,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,qCAAqC;IACrC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACtC,4FAA4F;IAC5F,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB;AAED,kHAAkH;AAClH,MAAM,WAAW,kBACf,SAAQ,wBAAwB,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC;IAChE,sEAAsE;IACtE,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC,4EAA4E;IAC5E,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB;;;;;;OAMG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAA;CACjC;AAED,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAAwB,CAAA;AAC1D,QAAA,MAAM,WAAW,iIAAwB,CAAA;AACzC,QAAA,MAAM,iBAAiB,yIAA8B,CAAA;AAsBrD,iHAAiH;AACjH,MAAM,WAAW,iBACf,SAAQ,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC;IACtD,wDAAwD;IACxD,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,2DAA2D;IAC3D,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,4EAA4E;IAC5E,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,sEAAsE;IACtE,KAAK,CAAC,EAAE,SAAS,CAAA;CAClB;AAED,QAAA,MAAM,YAAY,8GAyDjB,CAAA;AAGD,6IAA6I;AAC7I,MAAM,MAAM,iBAAiB,GAAG,wBAAwB,CAAC,KAAK,CAAC,CAAA;AAE/D,QAAA,MAAM,YAAY,2MAejB,CAAA;AAGD,QAAA,MAAM,aAAa,kIAA0B,CAAA;AAC7C,QAAA,MAAM,YAAY,uDAAyB,CAAA;AAC3C,QAAA,MAAM,WAAW,gIAAwB,CAAA;AAEzC,QAAA,MAAM,aAAa,4LAYjB,CAAA;AAGF,QAAA,MAAM,aAAa;WAGR,OAAO,GAAG,QAAQ,GAAG,OAAO;qBAClB,MAAM;6BACE,OAAO;kDA4FnC,CAAA;AAGD,OAAO,EACL,MAAM,EACN,YAAY,EACZ,aAAa,EACb,WAAW,EACX,aAAa,EACb,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,iBAAiB,GAClB,CAAA"}