@octavius2929-personal/design-system 0.23.0 → 0.23.2

package/dist/index.cjs

@@ -293,7 +293,13 @@ var tokens = {
   // Roles tipográficos: tamaño/interlineado/peso/tracking listos para typography.css.ts.
   text: {
     eyebrow: { size: "0.694rem", lineHeight: "1.2", weight: "500", letterSpacing: "0.14em" },
-    display: { size: "5.6rem", lineHeight: "1.05", weight: "600", letterSpacing: "-0.01em" },
+    // Escala fluida: ~43px en 375px (entra en móvil), cotea en 5.6rem (≈90px) desde ~1200px.
+    display: {
+      size: "clamp(2.75rem, 1.4rem + 5.6vw, 5.6rem)",
+      lineHeight: "1.05",
+      weight: "600",
+      letterSpacing: "-0.01em"
+    },
     h1: { size: "2.9rem", lineHeight: "1.05", weight: "600", letterSpacing: "-0.01em" },
     h2: { size: "2.1rem", lineHeight: "1.2", weight: "600", letterSpacing: "0" },
     h3: { size: "1.563rem", lineHeight: "1.2", weight: "500", letterSpacing: "0" },
@@ -2003,7 +2009,17 @@ function useStyles18({
 
 // src/components/select/index.tsx
 var import_jsx_runtime31 = require("react/jsx-runtime");
-var Select = (0, import_react43.forwardRef)(function Select2({ options, value, onChange, placeholder: placeholder2, label: label7, disabled: disabled3, ...rest }, ref) {
+var Select = (0, import_react43.forwardRef)(function Select2({
+  options,
+  value,
+  onChange,
+  placeholder: placeholder2,
+  label: label7,
+  disabled: disabled3,
+  "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledBy,
+  ...rest
+}, ref) {
   const [open, setOpen] = (0, import_react43.useState)(false);
   const [activeIndex, setActiveIndex] = (0, import_react43.useState)(0);
   const rootRef = (0, import_react43.useRef)(null);
@@ -2015,6 +2031,7 @@ var Select = (0, import_react43.forwardRef)(function Select2({ options, value, o
   const baseId = (0, import_react43.useId)();
   const labelId = `${baseId}-label`;
   const optionId = (index) => `${baseId}-option-${index}`;
+  const triggerLabelledBy = [label7 ? labelId : null, ariaLabelledBy].filter(Boolean).join(" ") || void 0;
   const {
     root: root24,
     label: labelClass,
@@ -2094,7 +2111,8 @@ var Select = (0, import_react43.forwardRef)(function Select2({ options, value, o
         disabled: disabled3,
         "aria-haspopup": "listbox",
         "aria-expanded": open,
-        "aria-labelledby": label7 ? labelId : void 0,
+        "aria-label": ariaLabel,
+        "aria-labelledby": triggerLabelledBy,
         "aria-activedescendant": open ? optionId(activeIndex) : void 0,
         onClick: () => {
           if (disabled3) return;