@540deg/ds 0.0.0-stage → 0.1.0

package/dist/assets/samples/retrato.js

@@ -0,0 +1,4 @@
+//#region src/assets/samples/retrato.svg
+var retrato_default = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20800%20800'%20role='img'%20aria-label=''%3e%3crect%20width='800'%20height='800'%20fill='%23dcdcd9'/%3e%3ccircle%20cx='400'%20cy='300'%20r='150'%20fill='%23aaaaaa'/%3e%3cpath%20d='M120%20800c0-190%20125-300%20280-300s280%20110%20280%20300Z'%20fill='%23aaaaaa'/%3e%3c/svg%3e";
+//#endregion
+export { retrato_default as default };

package/dist/components/atoms/Bullets/Bullets.d.ts

@@ -0,0 +1,6 @@
+import type { BulletsProps } from './types';
+/**
+ * Bullets are the dots that say which page a paginated strip is on, and jump to it.
+ * The active one gets longer instead of changing color. With one page, nothing is painted.
+ */
+export declare function Bullets({ count, current, onSelect, orientation, itemLabel, label, className, ...rest }: BulletsProps): import("react").JSX.Element | null;

package/dist/components/atoms/Bullets/Bullets.js

@@ -0,0 +1,34 @@
+import Bullets_module_default from "./Bullets.module.js";
+import { BULLETS_DEFAULTS } from "./types.js";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/atoms/Bullets/Bullets.tsx
+/**
+* Bullets are the dots that say which page a paginated strip is on, and jump to it.
+* The active one gets longer instead of changing color. With one page, nothing is painted.
+*/
+function Bullets({ count, current, onSelect, orientation = BULLETS_DEFAULTS.orientation, itemLabel = BULLETS_DEFAULTS.itemLabel, label = BULLETS_DEFAULTS.label, className, ...rest }) {
+	if (count < 2) return null;
+	const classes = [
+		Bullets_module_default.bullets,
+		orientation === "vertical" ? Bullets_module_default.vertical : "",
+		className ?? ""
+	].filter(Boolean).join(" ");
+	return /* @__PURE__ */ jsx("div", {
+		className: classes,
+		role: "group",
+		"aria-label": label,
+		...rest,
+		children: Array.from({ length: count }, (_, i) => i + 1).map((page) => {
+			const isCurrent = page === current;
+			return /* @__PURE__ */ jsx("button", {
+				type: "button",
+				className: [Bullets_module_default.bullet, isCurrent ? Bullets_module_default.active : ""].filter(Boolean).join(" "),
+				"aria-label": `${itemLabel} ${page} de ${count}`,
+				"aria-current": isCurrent ? "true" : void 0,
+				onClick: () => onSelect?.(page)
+			}, page);
+		})
+	});
+}
+//#endregion
+export { Bullets };

package/dist/components/atoms/Bullets/Bullets.module.js

@@ -0,0 +1,13 @@
+//#region src/components/atoms/Bullets/Bullets.module.css
+var bullets = "_bullets_49fy9_4";
+var bullet = "_bullet_49fy9_4";
+var active = "_active_49fy9_32";
+var vertical = "_vertical_49fy9_43";
+var Bullets_module_default = {
+	bullets,
+	bullet,
+	active,
+	vertical
+};
+//#endregion
+export { active, bullet, bullets, Bullets_module_default as default, vertical };

package/dist/components/atoms/Bullets/index.d.ts

@@ -0,0 +1,3 @@
+export { Bullets } from './Bullets';
+export { BULLETS_DEFAULTS, BULLETS_ORIENTATIONS } from './types';
+export type { BulletsProps, BulletsOrientation } from './types';

package/dist/components/atoms/Bullets/types.d.ts

@@ -0,0 +1,23 @@
+import type { ComponentPropsWithoutRef } from 'react';
+export declare const BULLETS_ORIENTATIONS: readonly ["horizontal", "vertical"];
+export type BulletsOrientation = (typeof BULLETS_ORIENTATIONS)[number];
+export type BulletsProps = {
+    /** How many pages. With one page nothing is painted. */
+    count: number;
+    /** The current page, starting at 1. The state lives outside. */
+    current: number;
+    /** Called with the page (starting at 1) the user wants to go to. */
+    onSelect?: (page: number) => void;
+    /** Horizontal: the dots of a carousel. Vertical: the index at the edge of the window. */
+    orientation?: BulletsOrientation;
+    /** Word used in each button's name: "Página 2 de 3". */
+    itemLabel?: string;
+    /** Name of the group for screen readers. */
+    label?: string;
+    className?: string;
+} & Omit<ComponentPropsWithoutRef<'div'>, 'className' | 'children' | 'onSelect'>;
+export declare const BULLETS_DEFAULTS: {
+    readonly orientation: "horizontal";
+    readonly itemLabel: "Página";
+    readonly label: "Páginas";
+};

package/dist/components/atoms/Bullets/types.js

@@ -0,0 +1,9 @@
+//#region src/components/atoms/Bullets/types.ts
+var BULLETS_ORIENTATIONS = ["horizontal", "vertical"];
+var BULLETS_DEFAULTS = {
+	orientation: "horizontal",
+	itemLabel: "Página",
+	label: "Páginas"
+};
+//#endregion
+export { BULLETS_DEFAULTS, BULLETS_ORIENTATIONS };

package/dist/components/atoms/Button/Button.d.ts

@@ -0,0 +1,6 @@
+import type { ButtonProps } from './types';
+/**
+ * Button is the action that triggers something: send, open, confirm.
+ * With `href` it navigates and renders a real link with the same look.
+ */
+export declare function Button(props: ButtonProps): import("react").JSX.Element;

package/dist/components/atoms/Button/Button.js

@@ -0,0 +1,46 @@
+import Button_module_default from "./Button.module.js";
+import { BUTTON_DEFAULTS } from "./types.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/atoms/Button/Button.tsx
+/**
+* Button is the action that triggers something: send, open, confirm.
+* With `href` it navigates and renders a real link with the same look.
+*/
+function Button(props) {
+	const { variant = BUTTON_DEFAULTS.variant, size = BUTTON_DEFAULTS.size, icon, iconOnly = BUTTON_DEFAULTS.iconOnly, className, children, ...rest } = props;
+	const isIconOnly = iconOnly && Boolean(icon);
+	const classes = [
+		Button_module_default.button,
+		Button_module_default[`variant-${variant}`],
+		Button_module_default[`size-${size}`],
+		isIconOnly ? Button_module_default.iconOnly : "",
+		className ?? ""
+	].filter(Boolean).join(" ");
+	const content = /* @__PURE__ */ jsxs(Fragment, { children: [icon ? /* @__PURE__ */ jsx("span", {
+		className: Button_module_default.icon,
+		"aria-hidden": "true",
+		children: icon
+	}) : null, /* @__PURE__ */ jsx("span", {
+		className: isIconOnly ? Button_module_default.srOnly : void 0,
+		children
+	})] });
+	if ("href" in rest && rest.href !== void 0) {
+		const { href, ...anchorRest } = rest;
+		return /* @__PURE__ */ jsx("a", {
+			className: classes,
+			href,
+			...anchorRest,
+			children: content
+		});
+	}
+	const { type = "button", disabled, ...buttonRest } = rest;
+	return /* @__PURE__ */ jsx("button", {
+		className: classes,
+		type,
+		disabled,
+		...buttonRest,
+		children: content
+	});
+}
+//#endregion
+export { Button };

package/dist/components/atoms/Button/Button.module.js

@@ -0,0 +1,24 @@
+//#region src/components/atoms/Button/Button.module.css
+var button = "_button_fhfjw_4";
+var icon = "_icon_fhfjw_56";
+var iconOnly = "_iconOnly_fhfjw_73";
+var srOnly = "_srOnly_fhfjw_85";
+var forceHover = "_forceHover_fhfjw_104";
+var forceActive = "_forceActive_fhfjw_111";
+var forceFocus = "_forceFocus_fhfjw_167";
+var Button_module_default = {
+	button,
+	"size-md": "_size-md_fhfjw_45",
+	"size-sm": "_size-sm_fhfjw_50",
+	icon,
+	iconOnly,
+	srOnly,
+	"variant-primary": "_variant-primary_fhfjw_98",
+	forceHover,
+	forceActive,
+	"variant-outline": "_variant-outline_fhfjw_122",
+	"variant-ghost": "_variant-ghost_fhfjw_147",
+	forceFocus
+};
+//#endregion
+export { button, Button_module_default as default, forceActive, forceFocus, forceHover, icon, iconOnly, srOnly };

package/dist/components/atoms/Button/index.d.ts

@@ -0,0 +1,3 @@
+export { Button } from './Button';
+export { BUTTON_DEFAULTS, BUTTON_SIZES, BUTTON_VARIANTS } from './types';
+export type { ButtonProps, ButtonSize, ButtonVariant } from './types';

package/dist/components/atoms/Button/types.d.ts

@@ -0,0 +1,38 @@
+import type { ComponentPropsWithoutRef, ReactNode } from 'react';
+export declare const BUTTON_VARIANTS: readonly ["primary", "outline", "ghost"];
+export declare const BUTTON_SIZES: readonly ["md", "sm"];
+export type ButtonVariant = (typeof BUTTON_VARIANTS)[number];
+export type ButtonSize = (typeof BUTTON_SIZES)[number];
+type CommonProps = {
+    /** Level of emphasis. Only one `primary` per zone. */
+    variant?: ButtonVariant;
+    /** Control height: md (45) or sm (36). */
+    size?: ButtonSize;
+    /** Icon before the label. Inherits the text color. Use a Lucide icon. */
+    icon?: ReactNode;
+    /** Square button that shows only the icon; the label stays for screen readers. Needs `icon`. */
+    iconOnly?: boolean;
+    /** The label. Always required: it is the accessible name. */
+    children: ReactNode;
+    className?: string;
+};
+type AsButton = CommonProps & {
+    href?: undefined;
+    /** The action is not possible right now. Never combined with `href`. */
+    disabled?: boolean;
+    /** The native button type. `submit` only inside a Form; elsewhere leave the default `button`. */
+    type?: 'button' | 'submit' | 'reset';
+} & Omit<ComponentPropsWithoutRef<'button'>, 'children' | 'className' | 'type' | 'disabled'>;
+type AsLink = CommonProps & {
+    /** With `href` the button navigates: it renders a real link with the same look. */
+    href: string;
+    disabled?: never;
+    type?: never;
+} & Omit<ComponentPropsWithoutRef<'a'>, 'children' | 'className' | 'href'>;
+export type ButtonProps = AsButton | AsLink;
+export declare const BUTTON_DEFAULTS: {
+    readonly variant: "primary";
+    readonly size: "md";
+    readonly iconOnly: false;
+};
+export {};

package/dist/components/atoms/Button/types.js

@@ -0,0 +1,14 @@
+//#region src/components/atoms/Button/types.ts
+var BUTTON_VARIANTS = [
+	"primary",
+	"outline",
+	"ghost"
+];
+var BUTTON_SIZES = ["md", "sm"];
+var BUTTON_DEFAULTS = {
+	variant: "primary",
+	size: "md",
+	iconOnly: false
+};
+//#endregion
+export { BUTTON_DEFAULTS, BUTTON_SIZES, BUTTON_VARIANTS };

package/dist/components/atoms/Count/Count.d.ts

@@ -0,0 +1,6 @@
+import type { CountProps } from './types';
+/**
+ * Count is a figure that counts up from zero when it comes into view (or its Step lights up),
+ * in 1.4 s, with the Spanish number format. It goes back to zero when it leaves, so it replays.
+ */
+export declare function Count({ value, decimals, prefix, suffix, className, ...rest }: CountProps): import("react").JSX.Element;

package/dist/components/atoms/Count/Count.js

@@ -0,0 +1,51 @@
+import { useReveal } from "../../../hooks/useReveal.js";
+import Count_module_default from "./Count.module.js";
+import { COUNT_DEFAULTS } from "./types.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useMemo, useRef, useState } from "react";
+//#region src/components/atoms/Count/Count.tsx
+var DURATION = 1400;
+var easeOut = (t) => 1 - Math.pow(1 - t, 3);
+/**
+* Count is a figure that counts up from zero when it comes into view (or its Step lights up),
+* in 1.4 s, with the Spanish number format. It goes back to zero when it leaves, so it replays.
+*/
+function Count({ value, decimals = COUNT_DEFAULTS.decimals, prefix = COUNT_DEFAULTS.prefix, suffix = COUNT_DEFAULTS.suffix, className, ...rest }) {
+	const ref = useRef(null);
+	const on = useReveal(ref);
+	const [shown, setShown] = useState(0);
+	const format = useMemo(() => new Intl.NumberFormat("es-ES", {
+		minimumFractionDigits: decimals,
+		maximumFractionDigits: decimals
+	}), [decimals]);
+	useEffect(() => {
+		if (!on) {
+			setShown(0);
+			return;
+		}
+		let frame = 0;
+		const start = performance.now();
+		const tick = (now) => {
+			const t = Math.min(1, (now - start) / DURATION);
+			setShown(value * easeOut(t));
+			if (t < 1) frame = requestAnimationFrame(tick);
+		};
+		frame = requestAnimationFrame(tick);
+		return () => cancelAnimationFrame(frame);
+	}, [on, value]);
+	const final = `${prefix}${format.format(value)}${suffix}`;
+	return /* @__PURE__ */ jsxs("span", {
+		ref,
+		className: [Count_module_default.count, className ?? ""].filter(Boolean).join(" "),
+		...rest,
+		children: [/* @__PURE__ */ jsx("span", {
+			"aria-hidden": "true",
+			children: `${prefix}${format.format(shown)}${suffix}`
+		}), /* @__PURE__ */ jsx("span", {
+			className: Count_module_default.voice,
+			children: final
+		})]
+	});
+}
+//#endregion
+export { Count };

package/dist/components/atoms/Count/Count.module.js

@@ -0,0 +1,9 @@
+//#region src/components/atoms/Count/Count.module.css
+var count = "_count_z2ehz_4";
+var voice = "_voice_z2ehz_9";
+var Count_module_default = {
+	count,
+	voice
+};
+//#endregion
+export { count, Count_module_default as default, voice };

package/dist/components/atoms/Count/index.d.ts

@@ -0,0 +1,3 @@
+export { Count } from './Count';
+export { COUNT_DEFAULTS } from './types';
+export type { CountProps } from './types';

package/dist/components/atoms/Count/types.d.ts

@@ -0,0 +1,17 @@
+import type { ComponentPropsWithoutRef } from 'react';
+export type CountProps = {
+    /** The final figure, as a number (79592, 45.9). */
+    value: number;
+    /** Decimals to show, with the Spanish comma (45,9). */
+    decimals?: number;
+    /** Text before the figure ("+", "−"). */
+    prefix?: string;
+    /** Text after the figure (" %", " k"). Write the space if it goes: "20 %". */
+    suffix?: string;
+    className?: string;
+} & Omit<ComponentPropsWithoutRef<'span'>, 'className' | 'children' | 'prefix'>;
+export declare const COUNT_DEFAULTS: {
+    readonly decimals: 0;
+    readonly prefix: "";
+    readonly suffix: "";
+};

package/dist/components/atoms/Count/types.js

@@ -0,0 +1,8 @@
+//#region src/components/atoms/Count/types.ts
+var COUNT_DEFAULTS = {
+	decimals: 0,
+	prefix: "",
+	suffix: ""
+};
+//#endregion
+export { COUNT_DEFAULTS };

package/dist/components/atoms/Image/Image.d.ts

@@ -0,0 +1,6 @@
+import type { ImageProps } from './types';
+/**
+ * Image is the content image. It crops to fill its box and never deforms,
+ * except when asked to let the file's proportion rule (`ratio="auto"`).
+ */
+export declare function Image({ src, alt, ratio, loading, className, ...rest }: ImageProps): import("react").JSX.Element;

package/dist/components/atoms/Image/Image.js

@@ -0,0 +1,30 @@
+import Image_module_default from "./Image.module.js";
+import { IMAGE_DEFAULTS } from "./types.js";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/atoms/Image/Image.tsx
+var RATIO_CLASS = {
+	"2:1": Image_module_default["ratio-2-1"],
+	"1:1": Image_module_default["ratio-1-1"],
+	fill: Image_module_default["ratio-fill"],
+	auto: Image_module_default["ratio-auto"]
+};
+/**
+* Image is the content image. It crops to fill its box and never deforms,
+* except when asked to let the file's proportion rule (`ratio="auto"`).
+*/
+function Image({ src, alt, ratio = IMAGE_DEFAULTS.ratio, loading = IMAGE_DEFAULTS.loading, className, ...rest }) {
+	const classes = [
+		Image_module_default.image,
+		RATIO_CLASS[ratio],
+		className ?? ""
+	].filter(Boolean).join(" ");
+	return /* @__PURE__ */ jsx("img", {
+		className: classes,
+		src,
+		alt,
+		loading,
+		...rest
+	});
+}
+//#endregion
+export { Image };

package/dist/components/atoms/Image/Image.module.js

@@ -0,0 +1,11 @@
+//#region src/components/atoms/Image/Image.module.css
+var image = "_image_1q33o_4";
+var Image_module_default = {
+	image,
+	"ratio-2-1": "_ratio-2-1_1q33o_11",
+	"ratio-1-1": "_ratio-1-1_1q33o_15",
+	"ratio-fill": "_ratio-fill_1q33o_20",
+	"ratio-auto": "_ratio-auto_1q33o_25"
+};
+//#endregion
+export { Image_module_default as default, image };

package/dist/components/atoms/Image/index.d.ts

@@ -0,0 +1,3 @@
+export { Image } from './Image';
+export { IMAGE_DEFAULTS, IMAGE_RATIOS } from './types';
+export type { ImageProps, ImageRatio } from './types';

package/dist/components/atoms/Image/types.d.ts

@@ -0,0 +1,16 @@
+import type { ComponentPropsWithoutRef } from 'react';
+export declare const IMAGE_RATIOS: readonly ["2:1", "1:1", "fill", "auto"];
+export type ImageRatio = (typeof IMAGE_RATIOS)[number];
+export type ImageProps = {
+    /** The image file. */
+    src: string;
+    /** Required. Describe the image, or pass "" to mark it decorative (different from forgetting it). */
+    alt: string;
+    /** Who owns the height: 2:1 and 1:1 the box, fill the container, auto the file (no crop). */
+    ratio?: ImageRatio;
+    className?: string;
+} & Omit<ComponentPropsWithoutRef<'img'>, 'src' | 'alt' | 'className'>;
+export declare const IMAGE_DEFAULTS: {
+    readonly ratio: "2:1";
+    readonly loading: "lazy";
+};

package/dist/components/atoms/Image/types.js

@@ -0,0 +1,13 @@
+//#region src/components/atoms/Image/types.ts
+var IMAGE_RATIOS = [
+	"2:1",
+	"1:1",
+	"fill",
+	"auto"
+];
+var IMAGE_DEFAULTS = {
+	ratio: "2:1",
+	loading: "lazy"
+};
+//#endregion
+export { IMAGE_DEFAULTS, IMAGE_RATIOS };

package/dist/components/atoms/Logo/Logo.d.ts

@@ -0,0 +1,6 @@
+import type { LogoProps } from './types';
+/**
+ * Logo is the 540 logotype: the star and the word, one block. The height rules and
+ * the width follows. The drawing inherits the ink, so there is no copy per theme.
+ */
+export declare function Logo({ size, label, className, ...rest }: LogoProps): import("react").JSX.Element;

package/dist/components/atoms/Logo/Logo.js

@@ -0,0 +1,32 @@
+import Logo_module_default from "./Logo.module.js";
+import { LOGO_PATHS, LOGO_VIEWBOX } from "./paths.js";
+import { LOGO_DEFAULTS } from "./types.js";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/atoms/Logo/Logo.tsx
+/**
+* Logo is the 540 logotype: the star and the word, one block. The height rules and
+* the width follows. The drawing inherits the ink, so there is no copy per theme.
+*/
+function Logo({ size = LOGO_DEFAULTS.size, label = LOGO_DEFAULTS.label, className, ...rest }) {
+	const decorative = label === "";
+	const classes = [
+		Logo_module_default.logo,
+		Logo_module_default[`size-${size}`],
+		className ?? ""
+	].filter(Boolean).join(" ");
+	return /* @__PURE__ */ jsx("svg", {
+		className: classes,
+		viewBox: LOGO_VIEWBOX,
+		role: decorative ? void 0 : "img",
+		"aria-label": decorative ? void 0 : label,
+		"aria-hidden": decorative ? true : void 0,
+		focusable: "false",
+		...rest,
+		children: LOGO_PATHS.map((d, i) => /* @__PURE__ */ jsx("path", {
+			fill: "currentColor",
+			d
+		}, i))
+	});
+}
+//#endregion
+export { Logo };

package/dist/components/atoms/Logo/Logo.module.js

@@ -0,0 +1,10 @@
+//#region src/components/atoms/Logo/Logo.module.css
+var logo = "_logo_6429y_3";
+var Logo_module_default = {
+	logo,
+	"size-md": "_size-md_6429y_10",
+	"size-sm": "_size-sm_6429y_14",
+	"size-xs": "_size-xs_6429y_18"
+};
+//#endregion
+export { Logo_module_default as default, logo };

package/dist/components/atoms/Logo/index.d.ts

@@ -0,0 +1,3 @@
+export { Logo } from './Logo';
+export { LOGO_DEFAULTS, LOGO_SIZES } from './types';
+export type { LogoProps, LogoSize } from './types';

package/dist/components/atoms/Logo/paths.d.ts

@@ -0,0 +1,2 @@
+export declare const LOGO_VIEWBOX = "0 0 539.15 164.04";
+export declare const LOGO_PATHS: readonly ["M96.65,79.67L53.19,4.39c-2.42-4.19-7.78-5.63-11.98-3.21s-5.63,7.78-3.21,11.98l36.11,62.55H8.77c-4.84,0-8.77,3.93-8.77,8.77s3.93,8.77,8.77,8.77h65.43l-33.28,57.64c-2.42,4.19-.98,9.56,3.21,11.98,4.19,2.42,9.56.98,11.98-3.21l40.69-70.47c1.17-2.02,1.43-4.32.93-6.42-.16-1.06-.51-2.11-1.07-3.09Z", "M104.05,60.27c4.19,2.42,9.56.98,11.98-3.21l24.5-42.44c2.42-4.19.98-9.56-3.21-11.98-4.19-2.42-9.56-.98-11.98,3.21l-24.5,42.44c-2.42,4.19-.98,9.56,3.21,11.98Z", "M116.03,112.53c-2.42-4.19-7.78-5.63-11.98-3.21s-5.63,7.78-3.21,11.98l21.93,37.99c2.42,4.19,7.78,5.63,11.98,3.21,4.19-2.42,5.63-7.78,3.21-11.98l-21.93-37.99Z", "M165.68,75.71h-50.22c-4.84,0-8.77,3.93-8.77,8.77s3.93,8.77,8.77,8.77h50.22c4.84,0,8.77-3.93,8.77-8.77s-3.93-8.77-8.77-8.77Z", "M478.89,5.42c-37.64,0-60.26,30.45-60.26,76.12,0,6.92.5,13.49,1.48,19.67h-15.82V7.53h-27.7l-65.41,83.63c-6.43-17.16-22.42-28.23-43.22-28.23-9.52,0-20.09,3.59-26.01,9.3l8.67-40.39h62.17V7.53h-83.52l-18.18,89.87h25.8c6.13-6.77,15.43-10.15,23.26-10.15h2.11c13.53,0,23.89,8.25,23.89,22.62s-10.36,23.47-23.89,23.47h-2.11c-13.32,0-23.47-7.19-26.01-19.03h-28.12c2.96,25.37,24.74,43.35,54.98,43.35,25.66,0,44.12-12.51,50.67-32.14h65.79v30.03h26.85v-30.03h22.2v-2.03c9.49,21.4,27.35,34.17,52.4,34.17,38.7,0,60.26-30.45,60.26-76.12s-22.62-76.12-60.26-76.12ZM377.43,101.21h-44.19l44.19-56.03v56.03ZM479.95,133.35h-2.11c-21.78,0-31.08-19.88-31.08-51.8s9.3-51.8,31.08-51.8h2.11c21.78,0,31.08,19.88,31.08,51.8s-9.3,51.8-31.08,51.8Z"];

package/dist/components/atoms/Logo/paths.js

@@ -0,0 +1,11 @@
+//#region src/components/atoms/Logo/paths.ts
+var LOGO_VIEWBOX = "0 0 539.15 164.04";
+var LOGO_PATHS = [
+	"M96.65,79.67L53.19,4.39c-2.42-4.19-7.78-5.63-11.98-3.21s-5.63,7.78-3.21,11.98l36.11,62.55H8.77c-4.84,0-8.77,3.93-8.77,8.77s3.93,8.77,8.77,8.77h65.43l-33.28,57.64c-2.42,4.19-.98,9.56,3.21,11.98,4.19,2.42,9.56.98,11.98-3.21l40.69-70.47c1.17-2.02,1.43-4.32.93-6.42-.16-1.06-.51-2.11-1.07-3.09Z",
+	"M104.05,60.27c4.19,2.42,9.56.98,11.98-3.21l24.5-42.44c2.42-4.19.98-9.56-3.21-11.98-4.19-2.42-9.56-.98-11.98,3.21l-24.5,42.44c-2.42,4.19-.98,9.56,3.21,11.98Z",
+	"M116.03,112.53c-2.42-4.19-7.78-5.63-11.98-3.21s-5.63,7.78-3.21,11.98l21.93,37.99c2.42,4.19,7.78,5.63,11.98,3.21,4.19-2.42,5.63-7.78,3.21-11.98l-21.93-37.99Z",
+	"M165.68,75.71h-50.22c-4.84,0-8.77,3.93-8.77,8.77s3.93,8.77,8.77,8.77h50.22c4.84,0,8.77-3.93,8.77-8.77s-3.93-8.77-8.77-8.77Z",
+	"M478.89,5.42c-37.64,0-60.26,30.45-60.26,76.12,0,6.92.5,13.49,1.48,19.67h-15.82V7.53h-27.7l-65.41,83.63c-6.43-17.16-22.42-28.23-43.22-28.23-9.52,0-20.09,3.59-26.01,9.3l8.67-40.39h62.17V7.53h-83.52l-18.18,89.87h25.8c6.13-6.77,15.43-10.15,23.26-10.15h2.11c13.53,0,23.89,8.25,23.89,22.62s-10.36,23.47-23.89,23.47h-2.11c-13.32,0-23.47-7.19-26.01-19.03h-28.12c2.96,25.37,24.74,43.35,54.98,43.35,25.66,0,44.12-12.51,50.67-32.14h65.79v30.03h26.85v-30.03h22.2v-2.03c9.49,21.4,27.35,34.17,52.4,34.17,38.7,0,60.26-30.45,60.26-76.12s-22.62-76.12-60.26-76.12ZM377.43,101.21h-44.19l44.19-56.03v56.03ZM479.95,133.35h-2.11c-21.78,0-31.08-19.88-31.08-51.8s9.3-51.8,31.08-51.8h2.11c21.78,0,31.08,19.88,31.08,51.8s-9.3,51.8-31.08,51.8Z"
+];
+//#endregion
+export { LOGO_PATHS, LOGO_VIEWBOX };

package/dist/components/atoms/Logo/types.d.ts

@@ -0,0 +1,14 @@
+import type { ComponentPropsWithoutRef } from 'react';
+export declare const LOGO_SIZES: readonly ["md", "sm", "xs"];
+export type LogoSize = (typeof LOGO_SIZES)[number];
+export type LogoProps = {
+    /** Height of the logotype: md 48, sm 32, xs 24. The width follows the drawing's proportion. */
+    size?: LogoSize;
+    /** Accessible name. Empty string makes it decorative (hidden from screen readers). */
+    label?: string;
+    className?: string;
+} & Omit<ComponentPropsWithoutRef<'svg'>, 'className' | 'children' | 'viewBox' | 'role' | 'aria-label' | 'aria-hidden'>;
+export declare const LOGO_DEFAULTS: {
+    readonly size: "md";
+    readonly label: "540";
+};

package/dist/components/atoms/Logo/types.js

@@ -0,0 +1,12 @@
+//#region src/components/atoms/Logo/types.ts
+var LOGO_SIZES = [
+	"md",
+	"sm",
+	"xs"
+];
+var LOGO_DEFAULTS = {
+	size: "md",
+	label: "540"
+};
+//#endregion
+export { LOGO_DEFAULTS, LOGO_SIZES };

package/dist/components/atoms/MenuItem/MenuItem.d.ts

@@ -0,0 +1,6 @@
+import type { MenuItemProps } from './types';
+/**
+ * MenuItem is a destination of the menu: a real link with a "current section" state.
+ * The current one is bold and nothing else, plus aria-current="page" set by the component.
+ */
+export declare function MenuItem({ href, size, current, className, children, ...rest }: MenuItemProps): import("react").JSX.Element;

package/dist/components/atoms/MenuItem/MenuItem.js

@@ -0,0 +1,28 @@
+import MenuItem_module_default from "./MenuItem.module.js";
+import { MENU_ITEM_DEFAULTS } from "./types.js";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/atoms/MenuItem/MenuItem.tsx
+/**
+* MenuItem is a destination of the menu: a real link with a "current section" state.
+* The current one is bold and nothing else, plus aria-current="page" set by the component.
+*/
+function MenuItem({ href, size = MENU_ITEM_DEFAULTS.size, current = MENU_ITEM_DEFAULTS.current, className, children, ...rest }) {
+	const classes = [
+		MenuItem_module_default.item,
+		MenuItem_module_default[`size-${size}`],
+		current ? MenuItem_module_default.current : "",
+		className ?? ""
+	].filter(Boolean).join(" ");
+	return /* @__PURE__ */ jsx("a", {
+		className: classes,
+		href,
+		"aria-current": current ? "page" : void 0,
+		...rest,
+		children: /* @__PURE__ */ jsx("span", {
+			className: MenuItem_module_default.label,
+			children
+		})
+	});
+}
+//#endregion
+export { MenuItem };

package/dist/components/atoms/MenuItem/MenuItem.module.js

@@ -0,0 +1,19 @@
+//#region src/components/atoms/MenuItem/MenuItem.module.css
+var item = "_item_vvlcs_4";
+var label = "_label_vvlcs_19";
+var forceHover = "_forceHover_vvlcs_26";
+var forceActive = "_forceActive_vvlcs_31";
+var forceFocus = "_forceFocus_vvlcs_41";
+var current = "_current_vvlcs_63";
+var MenuItem_module_default = {
+	item,
+	label,
+	forceHover,
+	forceActive,
+	forceFocus,
+	"size-sm": "_size-sm_vvlcs_46",
+	"size-lg": "_size-lg_vvlcs_54",
+	current
+};
+//#endregion
+export { current, MenuItem_module_default as default, forceActive, forceFocus, forceHover, item, label };

package/dist/components/atoms/MenuItem/index.d.ts

@@ -0,0 +1,3 @@
+export { MenuItem } from './MenuItem';
+export { MENU_ITEM_DEFAULTS, MENU_ITEM_SIZES } from './types';
+export type { MenuItemProps, MenuItemSize } from './types';

package/dist/components/atoms/MenuItem/types.d.ts

@@ -0,0 +1,18 @@
+import type { ComponentPropsWithoutRef, ReactNode } from 'react';
+export declare const MENU_ITEM_SIZES: readonly ["sm", "lg"];
+export type MenuItemSize = (typeof MENU_ITEM_SIZES)[number];
+export type MenuItemProps = {
+    /** Where it goes. Required: a menu item always navigates. */
+    href: string;
+    /** sm for the desktop bar (uppercase micro), lg for the mobile panel (title-m). */
+    size?: MenuItemSize;
+    /** The section being viewed. Bold plus aria-current="page". One per menu. */
+    current?: boolean;
+    /** The label, written normally ("Servicios"); sm makes it uppercase by style. */
+    children: ReactNode;
+    className?: string;
+} & Omit<ComponentPropsWithoutRef<'a'>, 'href' | 'className' | 'children' | 'aria-current'>;
+export declare const MENU_ITEM_DEFAULTS: {
+    readonly size: "sm";
+    readonly current: false;
+};

package/dist/components/atoms/MenuItem/types.js

@@ -0,0 +1,8 @@
+//#region src/components/atoms/MenuItem/types.ts
+var MENU_ITEM_SIZES = ["sm", "lg"];
+var MENU_ITEM_DEFAULTS = {
+	size: "sm",
+	current: false
+};
+//#endregion
+export { MENU_ITEM_DEFAULTS, MENU_ITEM_SIZES };