@yo-yo.art/ui 0.1.0 → 0.1.1

package/dist/components/Link/Link.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Link.cjs","names":["linkClasses","ArrowUpRight"],"sources":["../../../src/components/Link/Link.tsx"],"sourcesContent":["import type { AnchorHTMLAttributes, ElementType } from \"react\";\nimport { ArrowUpRight } from \"lucide-react\";\nimport { linkClasses, type LinkTone } from \"./link-classes\";\n\nexport type LinkProps = AnchorHTMLAttributes<HTMLAnchorElement> & {\n  href: string;\n  tone?: LinkTone;\n  external?: boolean;\n  arrow?: boolean;\n  /**\n   * Swap the rendered element. Pages can pass their framework's link\n   * component here to keep client-side navigation.\n   */\n  component?: ElementType<AnchorHTMLAttributes<HTMLAnchorElement>>;\n};\n\nexport const Link = ({\n  href,\n  tone,\n  external,\n  arrow,\n  component,\n  className,\n  children,\n  ...props\n}: LinkProps) => {\n  const Component = (component ?? \"a\") as ElementType<AnchorHTMLAttributes<HTMLAnchorElement>>;\n  const externalProps = external ? { target: \"_blank\", rel: \"noopener noreferrer\" } : {};\n\n  return (\n    <Component\n      href={href}\n      className={linkClasses({ tone, className })}\n      {...externalProps}\n      {...props}\n    >\n      {children}\n      {external || arrow ? <ArrowUpRight aria-hidden className=\"size-4\" /> : null}\n    </Component>\n  );\n};\n"],"mappings":";;;;AAgBA,MAAa,QAAQ,EACnB,MACA,MACA,UACA,OACA,WACA,WACA,UACA,GAAG,YACY;CACf,MAAM,YAAa,aAAa;CAChC,MAAM,gBAAgB,WAAW;EAAE,QAAQ;EAAU,KAAK;CAAsB,IAAI,CAAC;CAErF,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,WAAD;EACQ;EACN,WAAWA,qBAAAA,YAAY;GAAE;GAAM;EAAU,CAAC;EAC1C,GAAI;EACJ,GAAI;EAJN,UAAA,CAMG,UACA,YAAY,QAAQ,iBAAA,GAAA,kBAAA,IAAA,CAACC,aAAAA,cAAD;GAAc,eAAA;GAAY,WAAU;EAAU,CAAA,IAAI,IAC9D;;AAEf"}
+{"version":3,"file":"Link.cjs","names":["linkClasses","ArrowUpRight"],"sources":["../../../src/components/Link/Link.tsx"],"sourcesContent":["import type { AnchorHTMLAttributes, ElementType } from \"react\";\nimport { ArrowUpRight } from \"lucide-react\";\nimport { linkClasses, type LinkTone } from \"./link-classes\";\n\nexport type LinkComponentProps = Omit<\n  AnchorHTMLAttributes<HTMLAnchorElement>,\n  \"href\"\n> & {\n  href: string;\n};\n\nexport type LinkProps = AnchorHTMLAttributes<HTMLAnchorElement> & {\n  href: string;\n  tone?: LinkTone;\n  external?: boolean;\n  arrow?: boolean;\n  /**\n   * Swap the rendered element. Pages can pass their framework's link\n   * component here to keep client-side navigation.\n   */\n  component?: ElementType<LinkComponentProps>;\n};\n\nexport const Link = ({\n  href,\n  tone,\n  external,\n  arrow,\n  component,\n  className,\n  children,\n  ...props\n}: LinkProps) => {\n  const Component = (component ?? \"a\") as ElementType<LinkComponentProps>;\n  const externalProps = external ? { target: \"_blank\", rel: \"noopener noreferrer\" } : {};\n\n  return (\n    <Component\n      href={href}\n      className={linkClasses({ tone, className })}\n      {...externalProps}\n      {...props}\n    >\n      {children}\n      {external || arrow ? <ArrowUpRight aria-hidden className=\"size-4\" /> : null}\n    </Component>\n  );\n};\n"],"mappings":";;;;AAuBA,MAAa,QAAQ,EACnB,MACA,MACA,UACA,OACA,WACA,WACA,UACA,GAAG,YACY;CACf,MAAM,YAAa,aAAa;CAChC,MAAM,gBAAgB,WAAW;EAAE,QAAQ;EAAU,KAAK;CAAsB,IAAI,CAAC;CAErF,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,WAAD;EACQ;EACN,WAAWA,qBAAAA,YAAY;GAAE;GAAM;EAAU,CAAC;EAC1C,GAAI;EACJ,GAAI;EAJN,UAAA,CAMG,UACA,YAAY,QAAQ,iBAAA,GAAA,kBAAA,IAAA,CAACC,aAAAA,cAAD;GAAc,eAAA;GAAY,WAAU;EAAU,CAAA,IAAI,IAC9D;;AAEf"}

package/dist/components/Link/Link.d.cts

@@ -1,5 +1,8 @@
 import { LinkTone } from "./link-classes.cjs";
 import { AnchorHTMLAttributes, ElementType } from "react";
+type LinkComponentProps = Omit<AnchorHTMLAttributes<HTMLAnchorElement>, "href"> & {
+  href: string;
+};
 type LinkProps = AnchorHTMLAttributes<HTMLAnchorElement> & {
   href: string;
   tone?: LinkTone;
@@ -9,8 +12,8 @@ type LinkProps = AnchorHTMLAttributes<HTMLAnchorElement> & {
    * Swap the rendered element. Pages can pass their framework's link
    * component here to keep client-side navigation.
    */
-  component?: ElementType<AnchorHTMLAttributes<HTMLAnchorElement>>;
+  component?: ElementType<LinkComponentProps>;
 };
 declare const Link: ({ href, tone, external, arrow, component, className, children, ...props }: LinkProps) => import("react").JSX.Element;
-export { Link, LinkProps };
+export { Link, LinkComponentProps, LinkProps };
 //# sourceMappingURL=Link.d.cts.map

package/dist/components/Link/Link.d.mts

@@ -1,5 +1,8 @@
 import { LinkTone } from "./link-classes.mjs";
 import { AnchorHTMLAttributes, ElementType } from "react";
+type LinkComponentProps = Omit<AnchorHTMLAttributes<HTMLAnchorElement>, "href"> & {
+  href: string;
+};
 type LinkProps = AnchorHTMLAttributes<HTMLAnchorElement> & {
   href: string;
   tone?: LinkTone;
@@ -9,8 +12,8 @@ type LinkProps = AnchorHTMLAttributes<HTMLAnchorElement> & {
    * Swap the rendered element. Pages can pass their framework's link
    * component here to keep client-side navigation.
    */
-  component?: ElementType<AnchorHTMLAttributes<HTMLAnchorElement>>;
+  component?: ElementType<LinkComponentProps>;
 };
 declare const Link: ({ href, tone, external, arrow, component, className, children, ...props }: LinkProps) => import("react").JSX.Element;
-export { Link, LinkProps };
+export { Link, LinkComponentProps, LinkProps };
 //# sourceMappingURL=Link.d.mts.map

package/dist/components/Link/Link.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Link.mjs","names":[],"sources":["../../../src/components/Link/Link.tsx"],"sourcesContent":["import type { AnchorHTMLAttributes, ElementType } from \"react\";\nimport { ArrowUpRight } from \"lucide-react\";\nimport { linkClasses, type LinkTone } from \"./link-classes\";\n\nexport type LinkProps = AnchorHTMLAttributes<HTMLAnchorElement> & {\n  href: string;\n  tone?: LinkTone;\n  external?: boolean;\n  arrow?: boolean;\n  /**\n   * Swap the rendered element. Pages can pass their framework's link\n   * component here to keep client-side navigation.\n   */\n  component?: ElementType<AnchorHTMLAttributes<HTMLAnchorElement>>;\n};\n\nexport const Link = ({\n  href,\n  tone,\n  external,\n  arrow,\n  component,\n  className,\n  children,\n  ...props\n}: LinkProps) => {\n  const Component = (component ?? \"a\") as ElementType<AnchorHTMLAttributes<HTMLAnchorElement>>;\n  const externalProps = external ? { target: \"_blank\", rel: \"noopener noreferrer\" } : {};\n\n  return (\n    <Component\n      href={href}\n      className={linkClasses({ tone, className })}\n      {...externalProps}\n      {...props}\n    >\n      {children}\n      {external || arrow ? <ArrowUpRight aria-hidden className=\"size-4\" /> : null}\n    </Component>\n  );\n};\n"],"mappings":";;;;AAgBA,MAAa,QAAQ,EACnB,MACA,MACA,UACA,OACA,WACA,WACA,UACA,GAAG,YACY;CACf,MAAM,YAAa,aAAa;CAChC,MAAM,gBAAgB,WAAW;EAAE,QAAQ;EAAU,KAAK;CAAsB,IAAI,CAAC;CAErF,OACE,qBAAC,WAAD;EACQ;EACN,WAAW,YAAY;GAAE;GAAM;EAAU,CAAC;EAC1C,GAAI;EACJ,GAAI;EAJN,UAAA,CAMG,UACA,YAAY,QAAQ,oBAAC,cAAD;GAAc,eAAA;GAAY,WAAU;EAAU,CAAA,IAAI,IAC9D;;AAEf"}
+{"version":3,"file":"Link.mjs","names":[],"sources":["../../../src/components/Link/Link.tsx"],"sourcesContent":["import type { AnchorHTMLAttributes, ElementType } from \"react\";\nimport { ArrowUpRight } from \"lucide-react\";\nimport { linkClasses, type LinkTone } from \"./link-classes\";\n\nexport type LinkComponentProps = Omit<\n  AnchorHTMLAttributes<HTMLAnchorElement>,\n  \"href\"\n> & {\n  href: string;\n};\n\nexport type LinkProps = AnchorHTMLAttributes<HTMLAnchorElement> & {\n  href: string;\n  tone?: LinkTone;\n  external?: boolean;\n  arrow?: boolean;\n  /**\n   * Swap the rendered element. Pages can pass their framework's link\n   * component here to keep client-side navigation.\n   */\n  component?: ElementType<LinkComponentProps>;\n};\n\nexport const Link = ({\n  href,\n  tone,\n  external,\n  arrow,\n  component,\n  className,\n  children,\n  ...props\n}: LinkProps) => {\n  const Component = (component ?? \"a\") as ElementType<LinkComponentProps>;\n  const externalProps = external ? { target: \"_blank\", rel: \"noopener noreferrer\" } : {};\n\n  return (\n    <Component\n      href={href}\n      className={linkClasses({ tone, className })}\n      {...externalProps}\n      {...props}\n    >\n      {children}\n      {external || arrow ? <ArrowUpRight aria-hidden className=\"size-4\" /> : null}\n    </Component>\n  );\n};\n"],"mappings":";;;;AAuBA,MAAa,QAAQ,EACnB,MACA,MACA,UACA,OACA,WACA,WACA,UACA,GAAG,YACY;CACf,MAAM,YAAa,aAAa;CAChC,MAAM,gBAAgB,WAAW;EAAE,QAAQ;EAAU,KAAK;CAAsB,IAAI,CAAC;CAErF,OACE,qBAAC,WAAD;EACQ;EACN,WAAW,YAAY;GAAE;GAAM;EAAU,CAAC;EAC1C,GAAI;EACJ,GAAI;EAJN,UAAA,CAMG,UACA,YAAY,QAAQ,oBAAC,cAAD;GAAc,eAAA;GAAY,WAAU;EAAU,CAAA,IAAI,IAC9D;;AAEf"}

package/dist/components/Link/index.d.cts

@@ -1,3 +1,3 @@
 import { LinkTone, linkClasses } from "./link-classes.cjs";
-import { Link, LinkProps } from "./Link.cjs";
-export { Link, type LinkProps, type LinkTone, linkClasses };
+import { Link, LinkComponentProps, LinkProps } from "./Link.cjs";
+export { Link, type LinkComponentProps, type LinkProps, type LinkTone, linkClasses };

package/dist/components/Link/index.d.mts

@@ -1,3 +1,3 @@
 import { LinkTone, linkClasses } from "./link-classes.mjs";
-import { Link, LinkProps } from "./Link.mjs";
-export { Link, type LinkProps, type LinkTone, linkClasses };
+import { Link, LinkComponentProps, LinkProps } from "./Link.mjs";
+export { Link, type LinkComponentProps, type LinkProps, type LinkTone, linkClasses };

package/dist/gallery/HomeButton/HomeButton.cjs

@@ -1,15 +1,20 @@
 let react_jsx_runtime = require("react/jsx-runtime");
 let lucide_react = require("lucide-react");
 // src/gallery/HomeButton/HomeButton.tsx
-const HomeButton = ({ href, label = "Grupo Yo-Yo" }) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("a", {
-	href,
-	"aria-label": `Volver a ${label}`,
-	className: "fixed left-4 top-4 z-[9999] flex items-center gap-2 border border-base-content/12 bg-base-100/85 px-3 py-2 font-mono text-[0.65rem] uppercase tracking-[0.18em] text-base-content/60 backdrop-blur-md transition-colors [touch-action:manipulation] hover:text-base-content",
-	children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ArrowLeft, { className: "size-3.5" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-		className: "hidden sm:inline",
-		children: label
-	})]
-});
+const HomeButton = ({ href, label = "Grupo Yo-Yo" }) => {
+	const stop = (event) => event.stopPropagation();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("a", {
+		href,
+		onPointerDown: stop,
+		onTouchStart: stop,
+		"aria-label": `Volver a ${label}`,
+		className: "fixed left-4 top-4 z-[9999] flex items-center gap-2 border border-base-content/12 bg-base-100/85 px-3 py-2 font-mono text-[0.65rem] uppercase tracking-[0.18em] text-base-content/60 backdrop-blur-md transition-colors [touch-action:manipulation] hover:text-base-content",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ArrowLeft, { className: "size-3.5" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+			className: "hidden sm:inline",
+			children: label
+		})]
+	});
+};
 exports.HomeButton = HomeButton;
 
 //# sourceMappingURL=HomeButton.cjs.map

package/dist/gallery/HomeButton/HomeButton.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"HomeButton.cjs","names":["ArrowLeft"],"sources":["../../../src/gallery/HomeButton/HomeButton.tsx"],"sourcesContent":["import { ArrowLeft } from \"lucide-react\";\n\nexport type HomeButtonProps = {\n  href: string;\n  /** Group name shown next to the arrow. */\n  label?: string;\n};\n\nexport const HomeButton = ({ href, label = \"Grupo Yo-Yo\" }: HomeButtonProps) => (\n  <a\n    href={href}\n    aria-label={`Volver a ${label}`}\n    className=\"fixed left-4 top-4 z-[9999] flex items-center gap-2 border border-base-content/12 bg-base-100/85 px-3 py-2 font-mono text-[0.65rem] uppercase tracking-[0.18em] text-base-content/60 backdrop-blur-md transition-colors [touch-action:manipulation] hover:text-base-content\"\n  >\n    <ArrowLeft className=\"size-3.5\" />\n    <span className=\"hidden sm:inline\">{label}</span>\n  </a>\n);\n"],"mappings":";;;AAQA,MAAa,cAAc,EAAE,MAAM,QAAQ,oBACzC,iBAAA,GAAA,kBAAA,KAAA,CAAC,KAAD;CACQ;CACN,cAAY,YAAY;CACxB,WAAU;CAHZ,UAAA,CAKE,iBAAA,GAAA,kBAAA,IAAA,CAACA,aAAAA,WAAD,EAAW,WAAU,WAAY,CAAA,GACjC,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;EAAM,WAAU;EAAoB,UAAA;CAAY,CAAA,CAC/C"}
+{"version":3,"file":"HomeButton.cjs","names":["ArrowLeft"],"sources":["../../../src/gallery/HomeButton/HomeButton.tsx"],"sourcesContent":["import type { SyntheticEvent } from \"react\";\nimport { ArrowLeft } from \"lucide-react\";\n\nexport type HomeButtonProps = {\n  href: string;\n  /** Group name shown next to the arrow. */\n  label?: string;\n};\n\nexport const HomeButton = ({ href, label = \"Grupo Yo-Yo\" }: HomeButtonProps) => {\n  const stop = (event: SyntheticEvent) => event.stopPropagation();\n\n  return (\n    <a\n      href={href}\n      onPointerDown={stop}\n      onTouchStart={stop}\n      aria-label={`Volver a ${label}`}\n      className=\"fixed left-4 top-4 z-[9999] flex items-center gap-2 border border-base-content/12 bg-base-100/85 px-3 py-2 font-mono text-[0.65rem] uppercase tracking-[0.18em] text-base-content/60 backdrop-blur-md transition-colors [touch-action:manipulation] hover:text-base-content\"\n    >\n      <ArrowLeft className=\"size-3.5\" />\n      <span className=\"hidden sm:inline\">{label}</span>\n    </a>\n  );\n};\n"],"mappings":";;;AASA,MAAa,cAAc,EAAE,MAAM,QAAQ,oBAAqC;CAC9E,MAAM,QAAQ,UAA0B,MAAM,gBAAgB;CAE9D,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,KAAD;EACQ;EACN,eAAe;EACf,cAAc;EACd,cAAY,YAAY;EACxB,WAAU;EALZ,UAAA,CAOE,iBAAA,GAAA,kBAAA,IAAA,CAACA,aAAAA,WAAD,EAAW,WAAU,WAAY,CAAA,GACjC,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;GAAM,WAAU;GAAoB,UAAA;EAAY,CAAA,CAC/C;;AAEP"}

package/dist/gallery/HomeButton/HomeButton.mjs

@@ -1,15 +1,20 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { ArrowLeft } from "lucide-react";
 // src/gallery/HomeButton/HomeButton.tsx
-const HomeButton = ({ href, label = "Grupo Yo-Yo" }) => /* @__PURE__ */ jsxs("a", {
-	href,
-	"aria-label": `Volver a ${label}`,
-	className: "fixed left-4 top-4 z-[9999] flex items-center gap-2 border border-base-content/12 bg-base-100/85 px-3 py-2 font-mono text-[0.65rem] uppercase tracking-[0.18em] text-base-content/60 backdrop-blur-md transition-colors [touch-action:manipulation] hover:text-base-content",
-	children: [/* @__PURE__ */ jsx(ArrowLeft, { className: "size-3.5" }), /* @__PURE__ */ jsx("span", {
-		className: "hidden sm:inline",
-		children: label
-	})]
-});
+const HomeButton = ({ href, label = "Grupo Yo-Yo" }) => {
+	const stop = (event) => event.stopPropagation();
+	return /* @__PURE__ */ jsxs("a", {
+		href,
+		onPointerDown: stop,
+		onTouchStart: stop,
+		"aria-label": `Volver a ${label}`,
+		className: "fixed left-4 top-4 z-[9999] flex items-center gap-2 border border-base-content/12 bg-base-100/85 px-3 py-2 font-mono text-[0.65rem] uppercase tracking-[0.18em] text-base-content/60 backdrop-blur-md transition-colors [touch-action:manipulation] hover:text-base-content",
+		children: [/* @__PURE__ */ jsx(ArrowLeft, { className: "size-3.5" }), /* @__PURE__ */ jsx("span", {
+			className: "hidden sm:inline",
+			children: label
+		})]
+	});
+};
 export { HomeButton };
 
 //# sourceMappingURL=HomeButton.mjs.map

package/dist/gallery/HomeButton/HomeButton.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"HomeButton.mjs","names":[],"sources":["../../../src/gallery/HomeButton/HomeButton.tsx"],"sourcesContent":["import { ArrowLeft } from \"lucide-react\";\n\nexport type HomeButtonProps = {\n  href: string;\n  /** Group name shown next to the arrow. */\n  label?: string;\n};\n\nexport const HomeButton = ({ href, label = \"Grupo Yo-Yo\" }: HomeButtonProps) => (\n  <a\n    href={href}\n    aria-label={`Volver a ${label}`}\n    className=\"fixed left-4 top-4 z-[9999] flex items-center gap-2 border border-base-content/12 bg-base-100/85 px-3 py-2 font-mono text-[0.65rem] uppercase tracking-[0.18em] text-base-content/60 backdrop-blur-md transition-colors [touch-action:manipulation] hover:text-base-content\"\n  >\n    <ArrowLeft className=\"size-3.5\" />\n    <span className=\"hidden sm:inline\">{label}</span>\n  </a>\n);\n"],"mappings":";;;AAQA,MAAa,cAAc,EAAE,MAAM,QAAQ,oBACzC,qBAAC,KAAD;CACQ;CACN,cAAY,YAAY;CACxB,WAAU;CAHZ,UAAA,CAKE,oBAAC,WAAD,EAAW,WAAU,WAAY,CAAA,GACjC,oBAAC,QAAD;EAAM,WAAU;EAAoB,UAAA;CAAY,CAAA,CAC/C"}
+{"version":3,"file":"HomeButton.mjs","names":[],"sources":["../../../src/gallery/HomeButton/HomeButton.tsx"],"sourcesContent":["import type { SyntheticEvent } from \"react\";\nimport { ArrowLeft } from \"lucide-react\";\n\nexport type HomeButtonProps = {\n  href: string;\n  /** Group name shown next to the arrow. */\n  label?: string;\n};\n\nexport const HomeButton = ({ href, label = \"Grupo Yo-Yo\" }: HomeButtonProps) => {\n  const stop = (event: SyntheticEvent) => event.stopPropagation();\n\n  return (\n    <a\n      href={href}\n      onPointerDown={stop}\n      onTouchStart={stop}\n      aria-label={`Volver a ${label}`}\n      className=\"fixed left-4 top-4 z-[9999] flex items-center gap-2 border border-base-content/12 bg-base-100/85 px-3 py-2 font-mono text-[0.65rem] uppercase tracking-[0.18em] text-base-content/60 backdrop-blur-md transition-colors [touch-action:manipulation] hover:text-base-content\"\n    >\n      <ArrowLeft className=\"size-3.5\" />\n      <span className=\"hidden sm:inline\">{label}</span>\n    </a>\n  );\n};\n"],"mappings":";;;AASA,MAAa,cAAc,EAAE,MAAM,QAAQ,oBAAqC;CAC9E,MAAM,QAAQ,UAA0B,MAAM,gBAAgB;CAE9D,OACE,qBAAC,KAAD;EACQ;EACN,eAAe;EACf,cAAc;EACd,cAAY,YAAY;EACxB,WAAU;EALZ,UAAA,CAOE,oBAAC,WAAD,EAAW,WAAU,WAAY,CAAA,GACjC,oBAAC,QAAD;GAAM,WAAU;GAAoB,UAAA;EAAY,CAAA,CAC/C;;AAEP"}

package/dist/index.d.cts

@@ -11,11 +11,11 @@ import { IconButtonSize, IconButtonVariant, iconButtonClasses } from "./componen
 import { IconButton, IconButtonProps } from "./components/IconButton/IconButton.cjs";
 import "./components/IconButton/index.cjs";
 import { LinkTone, linkClasses } from "./components/Link/link-classes.cjs";
-import { Link, LinkProps } from "./components/Link/Link.cjs";
+import { Link, LinkComponentProps, LinkProps } from "./components/Link/Link.cjs";
 import "./components/Link/index.cjs";
 import { Logo, LogoProps } from "./components/Logo/Logo.cjs";
 import { PanelPadding, PanelTone, panelClasses } from "./components/Panel/panel-classes.cjs";
 import { Panel, PanelProps } from "./components/Panel/Panel.cjs";
 import "./components/Panel/index.cjs";
 import { ThemeToggle, ThemeToggleProps } from "./components/ThemeToggle/ThemeToggle.cjs";
-export { Badge, type BadgeProps, type BadgeTone, Button, ButtonLink, type ButtonLinkProps, type ButtonProps, type ButtonSize, type ButtonVariant, Eyebrow, type EyebrowProps, IconButton, type IconButtonProps, type IconButtonSize, type IconButtonVariant, Link, type LinkProps, type LinkTone, Logo, type LogoProps, Panel, type PanelPadding, type PanelProps, type PanelTone, ThemeToggle, type ThemeToggleProps, badgeClasses, buttonClasses, iconButtonClasses, linkClasses, panelClasses };
+export { Badge, type BadgeProps, type BadgeTone, Button, ButtonLink, type ButtonLinkProps, type ButtonProps, type ButtonSize, type ButtonVariant, Eyebrow, type EyebrowProps, IconButton, type IconButtonProps, type IconButtonSize, type IconButtonVariant, Link, type LinkComponentProps, type LinkProps, type LinkTone, Logo, type LogoProps, Panel, type PanelPadding, type PanelProps, type PanelTone, ThemeToggle, type ThemeToggleProps, badgeClasses, buttonClasses, iconButtonClasses, linkClasses, panelClasses };

package/dist/index.d.mts

@@ -11,11 +11,11 @@ import { IconButtonSize, IconButtonVariant, iconButtonClasses } from "./componen
 import { IconButton, IconButtonProps } from "./components/IconButton/IconButton.mjs";
 import "./components/IconButton/index.mjs";
 import { LinkTone, linkClasses } from "./components/Link/link-classes.mjs";
-import { Link, LinkProps } from "./components/Link/Link.mjs";
+import { Link, LinkComponentProps, LinkProps } from "./components/Link/Link.mjs";
 import "./components/Link/index.mjs";
 import { Logo, LogoProps } from "./components/Logo/Logo.mjs";
 import { PanelPadding, PanelTone, panelClasses } from "./components/Panel/panel-classes.mjs";
 import { Panel, PanelProps } from "./components/Panel/Panel.mjs";
 import "./components/Panel/index.mjs";
 import { ThemeToggle, ThemeToggleProps } from "./components/ThemeToggle/ThemeToggle.mjs";
-export { Badge, type BadgeProps, type BadgeTone, Button, ButtonLink, type ButtonLinkProps, type ButtonProps, type ButtonSize, type ButtonVariant, Eyebrow, type EyebrowProps, IconButton, type IconButtonProps, type IconButtonSize, type IconButtonVariant, Link, type LinkProps, type LinkTone, Logo, type LogoProps, Panel, type PanelPadding, type PanelProps, type PanelTone, ThemeToggle, type ThemeToggleProps, badgeClasses, buttonClasses, iconButtonClasses, linkClasses, panelClasses };
+export { Badge, type BadgeProps, type BadgeTone, Button, ButtonLink, type ButtonLinkProps, type ButtonProps, type ButtonSize, type ButtonVariant, Eyebrow, type EyebrowProps, IconButton, type IconButtonProps, type IconButtonSize, type IconButtonVariant, Link, type LinkComponentProps, type LinkProps, type LinkTone, Logo, type LogoProps, Panel, type PanelPadding, type PanelProps, type PanelTone, ThemeToggle, type ThemeToggleProps, badgeClasses, buttonClasses, iconButtonClasses, linkClasses, panelClasses };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yo-yo.art/ui",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "description": "The Grupo Yo-Yo design system: shared React components and tokens.",
   "keywords": [
     "design-system",