@540deg/ds 0.0.0-stage → 0.1.0

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

@@ -0,0 +1,6 @@
+import type { SocialIconProps } from './types';
+/**
+ * SocialIcon is the logotype of a social network, filled and in its original canvas.
+ * It is always hidden from screen readers: the name belongs to the link that wraps it.
+ */
+export declare function SocialIcon({ network, size, className, ...rest }: SocialIconProps): import("react").JSX.Element;

package/dist/components/atoms/SocialIcon/SocialIcon.js

@@ -0,0 +1,26 @@
+import SocialIcon_module_default from "./SocialIcon.module.js";
+import { SOCIAL_PATHS, SOCIAL_VIEWBOX } from "./paths.js";
+import { SOCIAL_ICON_DEFAULTS } from "./types.js";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/atoms/SocialIcon/SocialIcon.tsx
+/**
+* SocialIcon is the logotype of a social network, filled and in its original canvas.
+* It is always hidden from screen readers: the name belongs to the link that wraps it.
+*/
+function SocialIcon({ network, size = SOCIAL_ICON_DEFAULTS.size, className, ...rest }) {
+	const classes = [
+		SocialIcon_module_default.icon,
+		SocialIcon_module_default[`size-${size}`],
+		className ?? ""
+	].filter(Boolean).join(" ");
+	return /* @__PURE__ */ jsx("svg", {
+		className: classes,
+		viewBox: SOCIAL_VIEWBOX,
+		"aria-hidden": "true",
+		focusable: "false",
+		...rest,
+		children: SOCIAL_PATHS[network].map((d, i) => /* @__PURE__ */ jsx("path", { d }, i))
+	});
+}
+//#endregion
+export { SocialIcon };

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

@@ -0,0 +1,9 @@
+//#region src/components/atoms/SocialIcon/SocialIcon.module.css
+var icon = "_icon_4tj8z_3";
+var SocialIcon_module_default = {
+	icon,
+	"size-md": "_size-md_4tj8z_9",
+	"size-sm": "_size-sm_4tj8z_14"
+};
+//#endregion
+export { SocialIcon_module_default as default, icon };

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

@@ -0,0 +1,3 @@
+export { SocialIcon } from './SocialIcon';
+export { SOCIAL_ICON_DEFAULTS, SOCIAL_ICON_SIZES, SOCIAL_NETWORKS } from './types';
+export type { SocialIconProps, SocialIconSize, SocialNetwork } from './types';

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

@@ -0,0 +1,7 @@
+export declare const SOCIAL_VIEWBOX = "0 0 18 18";
+export declare const SOCIAL_PATHS: {
+    readonly linkedin: readonly ["M15.3353 15.339H12.6698V11.1623C12.6698 10.1663 12.6495 8.8845 11.2808 8.8845C9.891 8.8845 9.67875 9.96825 9.67875 11.0887V15.339H7.01325V6.75H9.57375V7.92075H9.60825C9.966 7.24575 10.836 6.53325 12.1357 6.53325C14.8365 6.53325 15.336 8.31075 15.336 10.6245L15.3353 15.339ZM4.00275 5.57475C3.14475 5.57475 2.4555 4.88025 2.4555 4.026C2.4555 3.1725 3.1455 2.47875 4.00275 2.47875C4.85775 2.47875 5.55075 3.1725 5.55075 4.026C5.55075 4.88025 4.857 5.57475 4.00275 5.57475ZM5.33925 15.339H2.66625V6.75H5.33925V15.339ZM16.6688 0H1.32825C0.594 0 0 0.5805 0 1.29675V16.7033C0 17.4202 0.594 18 1.32825 18H16.6665C17.4 18 18 17.4202 18 16.7033V1.29675C18 0.5805 17.4 0 16.6665 0H16.6688Z"];
+    readonly x: readonly ["M10.6755 7.6215L17.2327 0H15.6788L9.9855 6.618L5.43825 0H0.1935L7.0695 10.0072L0.1935 18H1.7475L7.7595 11.0115L12.5618 18H17.8065L10.6755 7.6215ZM8.54775 10.0958L7.851 9.099L2.307 1.17H4.6935L9.16725 7.569L9.864 8.56575L15.6795 16.8832H13.293L8.54775 10.0958Z"];
+    readonly youtube: readonly ["M17.6235 4.6395C17.5218 4.25646 17.3213 3.90685 17.042 3.6257C16.7626 3.34454 16.4144 3.14171 16.032 3.0375C14.6287 2.65875 9 2.65875 9 2.65875C9 2.65875 3.37125 2.65875 1.96725 3.0375C1.58506 3.14189 1.23697 3.3448 0.957808 3.62594C0.678646 3.90707 0.478194 4.25658 0.3765 4.6395C0 6.0525 0 9 0 9C0 9 0 11.9475 0.3765 13.3605C0.478189 13.7435 0.678732 14.0931 0.958043 14.3743C1.23736 14.6555 1.58563 14.8583 1.968 14.9625C3.37125 15.3413 9 15.3412 9 15.3412C9 15.3412 14.6288 15.3413 16.0328 14.9625C16.4152 14.8584 16.7635 14.6555 17.0428 14.3744C17.3221 14.0932 17.5226 13.7436 17.6243 13.3605C18 11.9475 18 9 18 9C18 9 18 6.0525 17.6235 4.6395ZM7.15875 11.676V6.324L11.8635 9L7.15875 11.676Z"];
+    readonly instagram: readonly ["M5.27256 0.0630126C4.31496 0.108163 3.66104 0.261013 3.08931 0.485563C2.49771 0.716188 1.99619 1.02556 1.49721 1.52634C0.998311 2.02711 0.690961 2.52894 0.462061 3.12159C0.240511 3.69444 0.0903612 4.34896 0.0480612 5.30709C0.00576119 6.26521 -0.00361381 6.57324 0.00111119 9.01734C0.00576119 11.4613 0.0165612 11.7677 0.0629862 12.7278C0.108736 13.6852 0.260986 14.339 0.485611 14.9108C0.716611 15.5025 1.02561 16.0038 1.52661 16.5029C2.02754 17.0021 2.52899 17.3087 3.12299 17.5379C3.69539 17.7592 4.35006 17.91 5.30804 17.9519C6.26601 17.9939 6.57434 18.0037 9.01769 17.999C11.461 17.9943 11.7687 17.9834 12.7285 17.9379C13.6885 17.8924 14.3388 17.739 14.9109 17.5154C15.5026 17.284 16.0042 16.9754 16.503 16.4744C17.0017 15.9732 17.3089 15.471 17.5376 14.8781C17.7594 14.3057 17.9101 13.6511 17.9516 12.6938C17.9936 11.7331 18.0035 11.4264 17.9989 8.98276C17.9941 6.53904 17.9831 6.23266 17.9376 5.27289C17.8921 4.31311 17.7396 3.66136 17.5151 3.08911C17.2838 2.49744 16.9751 1.99651 16.4744 1.49701C15.9736 0.997513 15.471 0.690613 14.8783 0.462388C14.3055 0.240763 13.6513 0.0897876 12.6933 0.0483876C11.7353 0.00698759 11.427 -0.00373741 8.98274 0.00106259C6.53849 0.00571259 6.23249 0.0161376 5.27256 0.0630126ZM5.37771 16.3329C4.50021 16.2947 4.02374 16.1489 3.70619 16.0269C3.28574 15.8649 2.98619 15.6691 2.66976 15.3557C2.35326 15.0423 2.15894 14.7417 1.99476 14.3222C1.87146 14.0046 1.72296 13.5287 1.68194 12.6512C1.63731 11.7028 1.62794 11.418 1.62269 9.01516C1.61744 6.61239 1.62666 6.32791 1.66821 5.37916C1.70571 4.50241 1.85241 4.02541 1.97421 3.70801C2.13621 3.28704 2.33136 2.98801 2.64546 2.67181C2.95956 2.35554 3.25926 2.16076 3.67919 1.99659C3.99644 1.87276 4.47231 1.72554 5.34944 1.68376C6.29856 1.63876 6.58296 1.62976 8.98544 1.62451C11.3879 1.61926 11.6731 1.62826 12.6226 1.67011C13.4993 1.70821 13.9765 1.85349 14.2936 1.97611C14.7142 2.13811 15.0136 2.33266 15.3298 2.64736C15.646 2.96191 15.841 3.26056 16.0051 3.68139C16.1291 3.99766 16.2764 4.47339 16.3178 5.35111C16.363 6.30024 16.3732 6.58486 16.3775 8.98711C16.3819 11.3894 16.3734 11.6747 16.3318 12.6231C16.2935 13.5006 16.148 13.9772 16.0258 14.2952C15.8638 14.7155 15.6685 15.0152 15.3542 15.3312C15.04 15.6473 14.7406 15.842 14.3205 16.0062C14.0037 16.1299 13.5272 16.2775 12.6508 16.3193C11.7016 16.3639 11.4172 16.3733 9.01386 16.3785C6.61049 16.3838 6.32684 16.374 5.37771 16.3329ZM12.7147 4.18981C12.7151 4.40344 12.7788 4.61215 12.8978 4.78957C13.0168 4.96699 13.1857 5.10513 13.3832 5.18653C13.5807 5.26793 13.7979 5.28893 14.0074 5.24687C14.2168 5.20481 14.4091 5.10159 14.5598 4.95025C14.7106 4.79891 14.8131 4.60626 14.8544 4.39667C14.8957 4.18707 14.8738 3.96994 14.7917 3.77274C14.7096 3.57554 14.5708 3.40713 14.3929 3.28881C14.2151 3.17049 14.0061 3.10757 13.7925 3.10801C13.5061 3.10861 13.2317 3.2229 13.0296 3.42577C12.8275 3.62863 12.7143 3.90346 12.7147 4.18981ZM4.37886 9.00901C4.38389 11.5614 6.45681 13.6258 9.00861 13.621C11.5606 13.6161 13.6264 11.5434 13.6216 8.99101C13.6167 6.43861 11.5433 4.37364 8.99106 4.37866C6.43881 4.38369 4.37406 6.45691 4.37886 9.00901ZM5.99999 9.00579C5.99882 8.41245 6.17362 7.83209 6.50228 7.33809C6.83095 6.8441 7.29872 6.45866 7.84644 6.23051C8.39417 6.00236 8.99724 5.94176 9.57941 6.05636C10.1616 6.17096 10.6967 6.45562 11.1171 6.87434C11.5375 7.29306 11.8243 7.82703 11.9412 8.40874C12.0581 8.99045 11.9999 9.59376 11.7739 10.1424C11.5479 10.691 11.1644 11.1603 10.6717 11.4909C10.179 11.8216 9.59933 11.9987 9.00599 11.9999C8.612 12.0007 8.22172 11.9239 7.85741 11.7739C7.49311 11.6238 7.16193 11.4035 6.88279 11.1255C6.60365 10.8475 6.38201 10.5172 6.23054 10.1535C6.07907 9.78975 6.00072 9.39977 5.99999 9.00579Z"];
+};

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

@@ -0,0 +1,10 @@
+//#region src/components/atoms/SocialIcon/paths.ts
+var SOCIAL_VIEWBOX = "0 0 18 18";
+var SOCIAL_PATHS = {
+	linkedin: ["M15.3353 15.339H12.6698V11.1623C12.6698 10.1663 12.6495 8.8845 11.2808 8.8845C9.891 8.8845 9.67875 9.96825 9.67875 11.0887V15.339H7.01325V6.75H9.57375V7.92075H9.60825C9.966 7.24575 10.836 6.53325 12.1357 6.53325C14.8365 6.53325 15.336 8.31075 15.336 10.6245L15.3353 15.339ZM4.00275 5.57475C3.14475 5.57475 2.4555 4.88025 2.4555 4.026C2.4555 3.1725 3.1455 2.47875 4.00275 2.47875C4.85775 2.47875 5.55075 3.1725 5.55075 4.026C5.55075 4.88025 4.857 5.57475 4.00275 5.57475ZM5.33925 15.339H2.66625V6.75H5.33925V15.339ZM16.6688 0H1.32825C0.594 0 0 0.5805 0 1.29675V16.7033C0 17.4202 0.594 18 1.32825 18H16.6665C17.4 18 18 17.4202 18 16.7033V1.29675C18 0.5805 17.4 0 16.6665 0H16.6688Z"],
+	x: ["M10.6755 7.6215L17.2327 0H15.6788L9.9855 6.618L5.43825 0H0.1935L7.0695 10.0072L0.1935 18H1.7475L7.7595 11.0115L12.5618 18H17.8065L10.6755 7.6215ZM8.54775 10.0958L7.851 9.099L2.307 1.17H4.6935L9.16725 7.569L9.864 8.56575L15.6795 16.8832H13.293L8.54775 10.0958Z"],
+	youtube: ["M17.6235 4.6395C17.5218 4.25646 17.3213 3.90685 17.042 3.6257C16.7626 3.34454 16.4144 3.14171 16.032 3.0375C14.6287 2.65875 9 2.65875 9 2.65875C9 2.65875 3.37125 2.65875 1.96725 3.0375C1.58506 3.14189 1.23697 3.3448 0.957808 3.62594C0.678646 3.90707 0.478194 4.25658 0.3765 4.6395C0 6.0525 0 9 0 9C0 9 0 11.9475 0.3765 13.3605C0.478189 13.7435 0.678732 14.0931 0.958043 14.3743C1.23736 14.6555 1.58563 14.8583 1.968 14.9625C3.37125 15.3413 9 15.3412 9 15.3412C9 15.3412 14.6288 15.3413 16.0328 14.9625C16.4152 14.8584 16.7635 14.6555 17.0428 14.3744C17.3221 14.0932 17.5226 13.7436 17.6243 13.3605C18 11.9475 18 9 18 9C18 9 18 6.0525 17.6235 4.6395ZM7.15875 11.676V6.324L11.8635 9L7.15875 11.676Z"],
+	instagram: ["M5.27256 0.0630126C4.31496 0.108163 3.66104 0.261013 3.08931 0.485563C2.49771 0.716188 1.99619 1.02556 1.49721 1.52634C0.998311 2.02711 0.690961 2.52894 0.462061 3.12159C0.240511 3.69444 0.0903612 4.34896 0.0480612 5.30709C0.00576119 6.26521 -0.00361381 6.57324 0.00111119 9.01734C0.00576119 11.4613 0.0165612 11.7677 0.0629862 12.7278C0.108736 13.6852 0.260986 14.339 0.485611 14.9108C0.716611 15.5025 1.02561 16.0038 1.52661 16.5029C2.02754 17.0021 2.52899 17.3087 3.12299 17.5379C3.69539 17.7592 4.35006 17.91 5.30804 17.9519C6.26601 17.9939 6.57434 18.0037 9.01769 17.999C11.461 17.9943 11.7687 17.9834 12.7285 17.9379C13.6885 17.8924 14.3388 17.739 14.9109 17.5154C15.5026 17.284 16.0042 16.9754 16.503 16.4744C17.0017 15.9732 17.3089 15.471 17.5376 14.8781C17.7594 14.3057 17.9101 13.6511 17.9516 12.6938C17.9936 11.7331 18.0035 11.4264 17.9989 8.98276C17.9941 6.53904 17.9831 6.23266 17.9376 5.27289C17.8921 4.31311 17.7396 3.66136 17.5151 3.08911C17.2838 2.49744 16.9751 1.99651 16.4744 1.49701C15.9736 0.997513 15.471 0.690613 14.8783 0.462388C14.3055 0.240763 13.6513 0.0897876 12.6933 0.0483876C11.7353 0.00698759 11.427 -0.00373741 8.98274 0.00106259C6.53849 0.00571259 6.23249 0.0161376 5.27256 0.0630126ZM5.37771 16.3329C4.50021 16.2947 4.02374 16.1489 3.70619 16.0269C3.28574 15.8649 2.98619 15.6691 2.66976 15.3557C2.35326 15.0423 2.15894 14.7417 1.99476 14.3222C1.87146 14.0046 1.72296 13.5287 1.68194 12.6512C1.63731 11.7028 1.62794 11.418 1.62269 9.01516C1.61744 6.61239 1.62666 6.32791 1.66821 5.37916C1.70571 4.50241 1.85241 4.02541 1.97421 3.70801C2.13621 3.28704 2.33136 2.98801 2.64546 2.67181C2.95956 2.35554 3.25926 2.16076 3.67919 1.99659C3.99644 1.87276 4.47231 1.72554 5.34944 1.68376C6.29856 1.63876 6.58296 1.62976 8.98544 1.62451C11.3879 1.61926 11.6731 1.62826 12.6226 1.67011C13.4993 1.70821 13.9765 1.85349 14.2936 1.97611C14.7142 2.13811 15.0136 2.33266 15.3298 2.64736C15.646 2.96191 15.841 3.26056 16.0051 3.68139C16.1291 3.99766 16.2764 4.47339 16.3178 5.35111C16.363 6.30024 16.3732 6.58486 16.3775 8.98711C16.3819 11.3894 16.3734 11.6747 16.3318 12.6231C16.2935 13.5006 16.148 13.9772 16.0258 14.2952C15.8638 14.7155 15.6685 15.0152 15.3542 15.3312C15.04 15.6473 14.7406 15.842 14.3205 16.0062C14.0037 16.1299 13.5272 16.2775 12.6508 16.3193C11.7016 16.3639 11.4172 16.3733 9.01386 16.3785C6.61049 16.3838 6.32684 16.374 5.37771 16.3329ZM12.7147 4.18981C12.7151 4.40344 12.7788 4.61215 12.8978 4.78957C13.0168 4.96699 13.1857 5.10513 13.3832 5.18653C13.5807 5.26793 13.7979 5.28893 14.0074 5.24687C14.2168 5.20481 14.4091 5.10159 14.5598 4.95025C14.7106 4.79891 14.8131 4.60626 14.8544 4.39667C14.8957 4.18707 14.8738 3.96994 14.7917 3.77274C14.7096 3.57554 14.5708 3.40713 14.3929 3.28881C14.2151 3.17049 14.0061 3.10757 13.7925 3.10801C13.5061 3.10861 13.2317 3.2229 13.0296 3.42577C12.8275 3.62863 12.7143 3.90346 12.7147 4.18981ZM4.37886 9.00901C4.38389 11.5614 6.45681 13.6258 9.00861 13.621C11.5606 13.6161 13.6264 11.5434 13.6216 8.99101C13.6167 6.43861 11.5433 4.37364 8.99106 4.37866C6.43881 4.38369 4.37406 6.45691 4.37886 9.00901ZM5.99999 9.00579C5.99882 8.41245 6.17362 7.83209 6.50228 7.33809C6.83095 6.8441 7.29872 6.45866 7.84644 6.23051C8.39417 6.00236 8.99724 5.94176 9.57941 6.05636C10.1616 6.17096 10.6967 6.45562 11.1171 6.87434C11.5375 7.29306 11.8243 7.82703 11.9412 8.40874C12.0581 8.99045 11.9999 9.59376 11.7739 10.1424C11.5479 10.691 11.1644 11.1603 10.6717 11.4909C10.179 11.8216 9.59933 11.9987 9.00599 11.9999C8.612 12.0007 8.22172 11.9239 7.85741 11.7739C7.49311 11.6238 7.16193 11.4035 6.88279 11.1255C6.60365 10.8475 6.38201 10.5172 6.23054 10.1535C6.07907 9.78975 6.00072 9.39977 5.99999 9.00579Z"]
+};
+//#endregion
+export { SOCIAL_PATHS, SOCIAL_VIEWBOX };

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

@@ -0,0 +1,15 @@
+import type { ComponentPropsWithoutRef } from 'react';
+export declare const SOCIAL_NETWORKS: readonly ["linkedin", "x", "youtube", "instagram"];
+export declare const SOCIAL_ICON_SIZES: readonly ["md", "sm"];
+export type SocialNetwork = (typeof SOCIAL_NETWORKS)[number];
+export type SocialIconSize = (typeof SOCIAL_ICON_SIZES)[number];
+export type SocialIconProps = {
+    /** One of the four networks the system keeps. The path is never passed from outside. */
+    network: SocialNetwork;
+    /** md 18 px (the default control icon), sm 16 px (a compact control). */
+    size?: SocialIconSize;
+    className?: string;
+} & Omit<ComponentPropsWithoutRef<'svg'>, 'className' | 'children' | 'viewBox' | 'aria-hidden' | 'role'>;
+export declare const SOCIAL_ICON_DEFAULTS: {
+    readonly size: "md";
+};

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

@@ -0,0 +1,11 @@
+//#region src/components/atoms/SocialIcon/types.ts
+var SOCIAL_NETWORKS = [
+	"linkedin",
+	"x",
+	"youtube",
+	"instagram"
+];
+var SOCIAL_ICON_SIZES = ["md", "sm"];
+var SOCIAL_ICON_DEFAULTS = { size: "md" };
+//#endregion
+export { SOCIAL_ICON_DEFAULTS, SOCIAL_ICON_SIZES, SOCIAL_NETWORKS };

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

@@ -0,0 +1,6 @@
+import type { TextProps } from './types';
+/**
+ * Text is the type scale. There is no Heading or Label component: every piece of
+ * text in the system is a Text with a variant (the style) and an `as` (the element).
+ */
+export declare function Text({ variant, tone, as, align, wrap, measure, mono, className, children, ...rest }: TextProps): import("react").JSX.Element;

package/dist/components/atoms/Text/Text.js

@@ -0,0 +1,28 @@
+import Text_module_default from "./Text.module.js";
+import { TEXT_DEFAULTS } from "./types.js";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/atoms/Text/Text.tsx
+/**
+* Text is the type scale. There is no Heading or Label component: every piece of
+* text in the system is a Text with a variant (the style) and an `as` (the element).
+*/
+function Text({ variant = TEXT_DEFAULTS.variant, tone = TEXT_DEFAULTS.tone, as = TEXT_DEFAULTS.as, align, wrap = TEXT_DEFAULTS.wrap, measure = TEXT_DEFAULTS.measure, mono = false, className, children, ...rest }) {
+	const Tag = as;
+	const classes = [
+		Text_module_default.text,
+		Text_module_default[`variant-${variant}`],
+		Text_module_default[`tone-${tone}`],
+		align ? Text_module_default[`align-${align}`] : "",
+		wrap !== "auto" ? Text_module_default[`wrap-${wrap}`] : "",
+		measure !== "none" ? Text_module_default[`measure-${measure}`] : "",
+		mono ? Text_module_default.mono : "",
+		className ?? ""
+	].filter(Boolean).join(" ");
+	return /* @__PURE__ */ jsx(Tag, {
+		className: classes,
+		...rest,
+		children
+	});
+}
+//#endregion
+export { Text };

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

@@ -0,0 +1,32 @@
+//#region src/components/atoms/Text/Text.module.css
+var text = "_text_xsdsu_3";
+var mono = "_mono_xsdsu_18";
+var Text_module_default = {
+	text,
+	mono,
+	"variant-statement": "_variant-statement_xsdsu_24",
+	"variant-title-l": "_variant-title-l_xsdsu_31",
+	"variant-title-m": "_variant-title-m_xsdsu_38",
+	"variant-title-s": "_variant-title-s_xsdsu_45",
+	"variant-title-xs": "_variant-title-xs_xsdsu_52",
+	"variant-body-l": "_variant-body-l_xsdsu_59",
+	"variant-body-m": "_variant-body-m_xsdsu_66",
+	"variant-body-s": "_variant-body-s_xsdsu_73",
+	"variant-body-s-light": "_variant-body-s-light_xsdsu_80",
+	"variant-body-s-bold": "_variant-body-s-bold_xsdsu_87",
+	"variant-micro": "_variant-micro_xsdsu_94",
+	"variant-micro-light": "_variant-micro-light_xsdsu_101",
+	"variant-micro-bold": "_variant-micro-bold_xsdsu_108",
+	"tone-primary": "_tone-primary_xsdsu_117",
+	"tone-secondary": "_tone-secondary_xsdsu_121",
+	"align-start": "_align-start_xsdsu_126",
+	"align-center": "_align-center_xsdsu_130",
+	"wrap-balance": "_wrap-balance_xsdsu_135",
+	"wrap-pretty": "_wrap-pretty_xsdsu_139",
+	"measure-half": "_measure-half_xsdsu_144",
+	"measure-wide": "_measure-wide_xsdsu_148",
+	"measure-prose": "_measure-prose_xsdsu_152",
+	"measure-narrow": "_measure-narrow_xsdsu_156"
+};
+//#endregion
+export { Text_module_default as default, mono, text };

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

@@ -0,0 +1,3 @@
+export { Text } from './Text';
+export { TEXT_DEFAULTS, TEXT_VARIANTS, TEXT_TONES, TEXT_ALIGNS, TEXT_WRAPS, TEXT_MEASURES, TEXT_ELEMENTS } from './types';
+export type { TextProps, TextVariant, TextTone, TextAlign, TextWrap, TextMeasure, TextElement } from './types';

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

@@ -0,0 +1,39 @@
+import type { ComponentPropsWithoutRef, ReactNode } from 'react';
+export declare const TEXT_VARIANTS: readonly ["statement", "title-l", "title-m", "title-s", "title-xs", "body-l", "body-m", "body-s", "body-s-light", "body-s-bold", "micro", "micro-light", "micro-bold"];
+export declare const TEXT_TONES: readonly ["primary", "secondary"];
+export declare const TEXT_ALIGNS: readonly ["start", "center"];
+export declare const TEXT_WRAPS: readonly ["auto", "balance", "pretty"];
+export declare const TEXT_MEASURES: readonly ["none", "half", "wide", "prose", "narrow"];
+export declare const TEXT_ELEMENTS: readonly ["p", "span", "h1", "h2", "h3", "h4", "h5", "h6", "div", "figcaption", "blockquote", "li", "label"];
+export type TextVariant = (typeof TEXT_VARIANTS)[number];
+export type TextTone = (typeof TEXT_TONES)[number];
+export type TextAlign = (typeof TEXT_ALIGNS)[number];
+export type TextWrap = (typeof TEXT_WRAPS)[number];
+export type TextMeasure = (typeof TEXT_MEASURES)[number];
+export type TextElement = (typeof TEXT_ELEMENTS)[number];
+export type TextProps = {
+    /** Which of the thirteen text styles to use. Independent from the HTML element. */
+    variant?: TextVariant;
+    /** Ink: primary (black) or secondary (gray). Text has no other colors, as in the talks. */
+    tone?: TextTone;
+    /** The HTML element to render. Choose it by document meaning, not by size. */
+    as?: TextElement;
+    /** Horizontal alignment. */
+    align?: TextAlign;
+    /** How lines are distributed: balance for titles and sentences, pretty for paragraphs. */
+    wrap?: TextWrap;
+    /** Maximum width with a name: half (half grid), wide (three quarters), prose (62ch), narrow (38ch). */
+    measure?: TextMeasure;
+    /** Monospaced, a bit smaller: a command, a file name. */
+    mono?: boolean;
+    className?: string;
+    /** The text. Inside, <strong> goes bold and <code> monospaced, in the same ink. */
+    children: ReactNode;
+} & Omit<ComponentPropsWithoutRef<'p'>, 'children' | 'className'>;
+export declare const TEXT_DEFAULTS: {
+    readonly variant: "body-m";
+    readonly tone: "primary";
+    readonly as: "p";
+    readonly wrap: "auto";
+    readonly measure: "none";
+};

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

@@ -0,0 +1,54 @@
+//#region src/components/atoms/Text/types.ts
+var TEXT_VARIANTS = [
+	"statement",
+	"title-l",
+	"title-m",
+	"title-s",
+	"title-xs",
+	"body-l",
+	"body-m",
+	"body-s",
+	"body-s-light",
+	"body-s-bold",
+	"micro",
+	"micro-light",
+	"micro-bold"
+];
+var TEXT_TONES = ["primary", "secondary"];
+var TEXT_ALIGNS = ["start", "center"];
+var TEXT_WRAPS = [
+	"auto",
+	"balance",
+	"pretty"
+];
+var TEXT_MEASURES = [
+	"none",
+	"half",
+	"wide",
+	"prose",
+	"narrow"
+];
+var TEXT_ELEMENTS = [
+	"p",
+	"span",
+	"h1",
+	"h2",
+	"h3",
+	"h4",
+	"h5",
+	"h6",
+	"div",
+	"figcaption",
+	"blockquote",
+	"li",
+	"label"
+];
+var TEXT_DEFAULTS = {
+	variant: "body-m",
+	tone: "primary",
+	as: "p",
+	wrap: "auto",
+	measure: "none"
+};
+//#endregion
+export { TEXT_ALIGNS, TEXT_DEFAULTS, TEXT_ELEMENTS, TEXT_MEASURES, TEXT_TONES, TEXT_VARIANTS, TEXT_WRAPS };

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

@@ -0,0 +1,6 @@
+import type { ThemeToggleProps } from './types';
+/**
+ * ThemeToggle switches the dark theme on and off. The icon is the theme you go to,
+ * not the one that is on: moon in light, sun in dark. Presentational: the state lives outside.
+ */
+export declare function ThemeToggle({ dark, onToggle, label, className, title, ...rest }: ThemeToggleProps): import("react").JSX.Element;

package/dist/components/atoms/ThemeToggle/ThemeToggle.js

@@ -0,0 +1,30 @@
+import ThemeToggle_module_default from "./ThemeToggle.module.js";
+import { THEME_TOGGLE_DEFAULTS } from "./types.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Moon, Sun } from "lucide-react";
+//#region src/components/atoms/ThemeToggle/ThemeToggle.tsx
+/**
+* ThemeToggle switches the dark theme on and off. The icon is the theme you go to,
+* not the one that is on: moon in light, sun in dark. Presentational: the state lives outside.
+*/
+function ThemeToggle({ dark, onToggle, label = THEME_TOGGLE_DEFAULTS.label, className, title, ...rest }) {
+	const classes = [ThemeToggle_module_default.toggle, className ?? ""].filter(Boolean).join(" ");
+	return /* @__PURE__ */ jsxs("button", {
+		type: "button",
+		className: classes,
+		"aria-pressed": dark,
+		title: title ?? (dark ? "Cambiar al tema claro" : "Cambiar al tema oscuro"),
+		onClick: () => onToggle(!dark),
+		...rest,
+		children: [/* @__PURE__ */ jsx("span", {
+			className: ThemeToggle_module_default.icon,
+			"aria-hidden": "true",
+			children: dark ? /* @__PURE__ */ jsx(Sun, {}) : /* @__PURE__ */ jsx(Moon, {})
+		}), /* @__PURE__ */ jsx("span", {
+			className: ThemeToggle_module_default.srOnly,
+			children: label
+		})]
+	});
+}
+//#endregion
+export { ThemeToggle };

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

@@ -0,0 +1,17 @@
+//#region src/components/atoms/ThemeToggle/ThemeToggle.module.css
+var toggle = "_toggle_c8kwp_4";
+var forceHover = "_forceHover_c8kwp_22";
+var forceActive = "_forceActive_c8kwp_27";
+var forceFocus = "_forceFocus_c8kwp_32";
+var icon = "_icon_c8kwp_37";
+var srOnly = "_srOnly_c8kwp_48";
+var ThemeToggle_module_default = {
+	toggle,
+	forceHover,
+	forceActive,
+	forceFocus,
+	icon,
+	srOnly
+};
+//#endregion
+export { ThemeToggle_module_default as default, forceActive, forceFocus, forceHover, icon, srOnly, toggle };

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

@@ -0,0 +1,3 @@
+export { ThemeToggle } from './ThemeToggle';
+export { THEME_TOGGLE_DEFAULTS } from './types';
+export type { ThemeToggleProps } from './types';

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

@@ -0,0 +1,13 @@
+import type { ComponentPropsWithoutRef } from 'react';
+export type ThemeToggleProps = {
+    /** Whether the dark theme is on. The component is presentational: the state lives in the app. */
+    dark: boolean;
+    /** Called when the user asks to switch. */
+    onToggle: (nextDark: boolean) => void;
+    /** Screen-reader label of the control. Never changes with the state: the state is `aria-pressed`. */
+    label?: string;
+    className?: string;
+} & Omit<ComponentPropsWithoutRef<'button'>, 'className' | 'children' | 'onClick' | 'onToggle' | 'type' | 'aria-pressed'>;
+export declare const THEME_TOGGLE_DEFAULTS: {
+    readonly label: "Tema oscuro";
+};

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

@@ -0,0 +1,4 @@
+//#region src/components/atoms/ThemeToggle/types.ts
+var THEME_TOGGLE_DEFAULTS = { label: "Tema oscuro" };
+//#endregion
+export { THEME_TOGGLE_DEFAULTS };

package/dist/components/molecules/Card/Card.d.ts

@@ -0,0 +1,6 @@
+import type { CardProps } from './types';
+/**
+ * Card is a title and its explanation, with an optional ordinal. The same piece in two forms:
+ * boxed (a bordered box) and row (a band edge to edge, inside a CardList).
+ */
+export declare function Card({ variant, align, ordinal, kicker, portrait, title, level, state, footer, after, emphasis, className, children, ...rest }: CardProps): import("react").JSX.Element;

package/dist/components/molecules/Card/Card.js

@@ -0,0 +1,82 @@
+import { Image } from "../../atoms/Image/Image.js";
+import { Text } from "../../atoms/Text/Text.js";
+import Card_module_default from "./Card.module.js";
+import { CARD_DEFAULTS } from "./types.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/molecules/Card/Card.tsx
+/**
+* Card is a title and its explanation, with an optional ordinal. The same piece in two forms:
+* boxed (a bordered box) and row (a band edge to edge, inside a CardList).
+*/
+function Card({ variant = CARD_DEFAULTS.variant, align = CARD_DEFAULTS.align, ordinal, kicker, portrait, title, level = CARD_DEFAULTS.level, state = CARD_DEFAULTS.state, footer, after, emphasis = CARD_DEFAULTS.emphasis, className, children, ...rest }) {
+	const isRow = variant === "row";
+	const classes = [
+		Card_module_default.card,
+		isRow ? Card_module_default.row : "",
+		align === "center" ? Card_module_default.center : "",
+		isRow && state === "folded" ? Card_module_default.folded : "",
+		isRow && state === "active" ? Card_module_default.active : "",
+		emphasis === "highlighted" ? Card_module_default.highlighted : "",
+		emphasis === "dimmed" ? Card_module_default.dimmed : "",
+		className ?? ""
+	].filter(Boolean).join(" ");
+	return /* @__PURE__ */ jsxs("article", {
+		className: classes,
+		...rest,
+		children: [
+			portrait ? /* @__PURE__ */ jsx(Image, {
+				src: portrait.src,
+				alt: portrait.alt,
+				ratio: "1:1",
+				className: Card_module_default.portrait
+			}) : null,
+			/* @__PURE__ */ jsxs("div", {
+				className: Card_module_default.header,
+				children: [
+					ordinal ? /* @__PURE__ */ jsx(Text, {
+						as: "span",
+						variant: isRow ? "micro" : "body-s-bold",
+						tone: isRow ? "secondary" : "primary",
+						className: Card_module_default.ordinal,
+						"aria-hidden": "true",
+						children: ordinal
+					}) : null,
+					kicker ? /* @__PURE__ */ jsx(Text, {
+						as: "span",
+						variant: "body-s",
+						tone: "secondary",
+						children: kicker
+					}) : null,
+					/* @__PURE__ */ jsx(Text, {
+						as: level,
+						variant: isRow ? "title-m" : "body-l",
+						wrap: "balance",
+						children: title
+					})
+				]
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: Card_module_default.window,
+				children: /* @__PURE__ */ jsx("div", {
+					className: Card_module_default.body,
+					children: /* @__PURE__ */ jsx(Text, {
+						as: "div",
+						variant: "body-s-light",
+						wrap: "pretty",
+						children
+					})
+				})
+			}),
+			footer ? /* @__PURE__ */ jsx("div", {
+				className: Card_module_default.footer,
+				children: footer
+			}) : null,
+			after ? /* @__PURE__ */ jsx("div", {
+				className: Card_module_default.after,
+				children: after
+			}) : null
+		]
+	});
+}
+//#endregion
+export { Card };

package/dist/components/molecules/Card/Card.module.js

@@ -0,0 +1,33 @@
+//#region src/components/molecules/Card/Card.module.css
+var card = "_card_ii9ny_4";
+var header = "_header_ii9ny_15";
+var window = "_window_ii9ny_21";
+var body = "_body_ii9ny_26";
+var portrait = "_portrait_ii9ny_34";
+var footer = "_footer_ii9ny_42";
+var after = "_after_ii9ny_48";
+var highlighted = "_highlighted_ii9ny_64";
+var dimmed = "_dimmed_ii9ny_69";
+var center = "_center_ii9ny_74";
+var row = "_row_ii9ny_90";
+var ordinal = "_ordinal_ii9ny_101";
+var folded = "_folded_ii9ny_133";
+var active = "_active_ii9ny_147";
+var Card_module_default = {
+	card,
+	header,
+	window,
+	body,
+	portrait,
+	footer,
+	after,
+	highlighted,
+	dimmed,
+	center,
+	row,
+	ordinal,
+	folded,
+	active
+};
+//#endregion
+export { active, after, body, card, center, Card_module_default as default, dimmed, folded, footer, header, highlighted, ordinal, portrait, row, window };

package/dist/components/molecules/Card/index.d.ts

@@ -0,0 +1,3 @@
+export { Card } from './Card';
+export { CARD_ALIGNS, CARD_DEFAULTS, CARD_STATES, CARD_VARIANTS } from './types';
+export type { CardAlign, CardProps, CardState, CardVariant } from './types';

package/dist/components/molecules/Card/types.d.ts

@@ -0,0 +1,48 @@
+import type { ComponentPropsWithoutRef, ReactNode } from 'react';
+export declare const CARD_VARIANTS: readonly ["boxed", "row"];
+export declare const CARD_ALIGNS: readonly ["start", "center"];
+export declare const CARD_STATES: readonly ["open", "folded", "active"];
+export declare const CARD_EMPHASES: readonly ["none", "highlighted", "dimmed"];
+export type CardVariant = (typeof CARD_VARIANTS)[number];
+export type CardAlign = (typeof CARD_ALIGNS)[number];
+export type CardState = (typeof CARD_STATES)[number];
+export type CardEmphasis = (typeof CARD_EMPHASES)[number];
+export type CardProps = {
+    /** boxed: a bordered box. row: a full-width band inside a CardList. */
+    variant?: CardVariant;
+    /** Text alignment inside. */
+    align?: CardAlign;
+    /** Optional ordinal ("01"). Decorative: hidden from screen readers. */
+    ordinal?: string;
+    /** A small line above the title ("Cliente", "Lo que medimos"), in secondary. */
+    kicker?: ReactNode;
+    /** A round 160 px portrait above the header. */
+    portrait?: {
+        /** Path or URL of the portrait. */
+        src: string;
+        /** What the portrait shows, in words. */
+        alt: string;
+    };
+    /** The title (an h3 by default). */
+    title: ReactNode;
+    /** Heading level of the title. */
+    level?: 'h2' | 'h3' | 'h4';
+    /** Only for row: open shows the body, folded hides it visually, active opens it on the active-row background. */
+    state?: CardState;
+    /** The explanation: two or three sentences. */
+    children: ReactNode;
+    /** A footer under a hairline: a source, a date. */
+    footer?: ReactNode;
+    /** An "after" block under a strong line: what changed. */
+    after?: ReactNode;
+    /** Among several cards: highlighted grows 4 % with a strong border; dimmed fades to 25 %. */
+    emphasis?: CardEmphasis;
+    className?: string;
+} & Omit<ComponentPropsWithoutRef<'article'>, 'className' | 'children' | 'title'>;
+export declare const CARD_DEFAULTS: {
+    readonly variant: "boxed";
+    readonly align: "start";
+    readonly level: "h3";
+    readonly state: "open";
+    readonly emphasis: "none";
+};

package/dist/components/molecules/Card/types.js

@@ -0,0 +1,17 @@
+//#region src/components/molecules/Card/types.ts
+var CARD_VARIANTS = ["boxed", "row"];
+var CARD_ALIGNS = ["start", "center"];
+var CARD_STATES = [
+	"open",
+	"folded",
+	"active"
+];
+var CARD_DEFAULTS = {
+	variant: "boxed",
+	align: "start",
+	level: "h3",
+	state: "open",
+	emphasis: "none"
+};
+//#endregion
+export { CARD_ALIGNS, CARD_DEFAULTS, CARD_STATES, CARD_VARIANTS };

package/dist/components/molecules/Carousel/Carousel.d.ts

@@ -0,0 +1,5 @@
+import type { CarouselProps } from './types';
+/**
+ * Carousel is a strip that is paged with the dots below. It can advance by itself, but not by default.
+ */
+export declare function Carousel({ items, label, controls, header, itemWidth, autoplay, itemLabel, className, }: CarouselProps): import("react").JSX.Element;