@yo-yo.art/ui 0.0.0-stage → 0.1.1

package/dist/components/IconButton/icon-button-classes.d.mts

@@ -0,0 +1,9 @@
+type IconButtonVariant = "outline" | "ghost";
+type IconButtonSize = "xs" | "sm" | "md";
+declare const iconButtonClasses: ({ variant, size, className }?: {
+  variant?: IconButtonVariant;
+  size?: IconButtonSize;
+  className?: string;
+}) => string;
+export { IconButtonSize, IconButtonVariant, iconButtonClasses };
+//# sourceMappingURL=icon-button-classes.d.mts.map

package/dist/components/IconButton/icon-button-classes.mjs

@@ -0,0 +1,16 @@
+import { cn } from "../../lib/cn.mjs";
+// src/components/IconButton/icon-button-classes.ts
+const base = "inline-flex items-center justify-center border transition-colors focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-accent disabled:pointer-events-none disabled:opacity-50";
+const variants = {
+	outline: "border-base-content/12 bg-base-100/85 text-base-content/60 backdrop-blur-md hover:text-base-content",
+	ghost: "border-transparent bg-transparent text-base-content/60 hover:bg-base-content/5 hover:text-base-content"
+};
+const sizes = {
+	xs: "size-6",
+	sm: "size-8",
+	md: "size-10"
+};
+const iconButtonClasses = ({ variant = "outline", size = "sm", className } = {}) => cn(base, variants[variant], sizes[size], className);
+export { iconButtonClasses };
+
+//# sourceMappingURL=icon-button-classes.mjs.map

package/dist/components/IconButton/icon-button-classes.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-button-classes.mjs","names":[],"sources":["../../../src/components/IconButton/icon-button-classes.ts"],"sourcesContent":["import { cn } from \"../../lib/cn\";\n\nexport type IconButtonVariant = \"outline\" | \"ghost\";\nexport type IconButtonSize = \"xs\" | \"sm\" | \"md\";\n\nconst base =\n  \"inline-flex items-center justify-center border transition-colors focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-accent disabled:pointer-events-none disabled:opacity-50\";\n\nconst variants: Record<IconButtonVariant, string> = {\n  outline:\n    \"border-base-content/12 bg-base-100/85 text-base-content/60 backdrop-blur-md hover:text-base-content\",\n  ghost:\n    \"border-transparent bg-transparent text-base-content/60 hover:bg-base-content/5 hover:text-base-content\",\n};\n\nconst sizes: Record<IconButtonSize, string> = {\n  xs: \"size-6\",\n  sm: \"size-8\",\n  md: \"size-10\",\n};\n\nexport const iconButtonClasses = ({\n  variant = \"outline\",\n  size = \"sm\",\n  className,\n}: {\n  variant?: IconButtonVariant;\n  size?: IconButtonSize;\n  className?: string;\n} = {}): string => cn(base, variants[variant], sizes[size], className);\n"],"mappings":";;AAKA,MAAM,OACJ;AAEF,MAAM,WAA8C;CAClD,SACE;CACF,OACE;AACJ;AAEA,MAAM,QAAwC;CAC5C,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;AAEA,MAAa,qBAAqB,EAChC,UAAU,WACV,OAAO,MACP,cAKE,CAAC,MAAc,GAAG,MAAM,SAAS,UAAU,MAAM,OAAO,SAAS"}

package/dist/components/IconButton/index.cjs

@@ -0,0 +1,4 @@
+const require_icon_button_classes = require("./icon-button-classes.cjs");
+const require_IconButton = require("./IconButton.cjs");
+exports.IconButton = require_IconButton.IconButton;
+exports.iconButtonClasses = require_icon_button_classes.iconButtonClasses;

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

@@ -0,0 +1,3 @@
+import { IconButtonSize, IconButtonVariant, iconButtonClasses } from "./icon-button-classes.cjs";
+import { IconButton, IconButtonProps } from "./IconButton.cjs";
+export { IconButton, type IconButtonProps, type IconButtonSize, type IconButtonVariant, iconButtonClasses };

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

@@ -0,0 +1,3 @@
+import { IconButtonSize, IconButtonVariant, iconButtonClasses } from "./icon-button-classes.mjs";
+import { IconButton, IconButtonProps } from "./IconButton.mjs";
+export { IconButton, type IconButtonProps, type IconButtonSize, type IconButtonVariant, iconButtonClasses };

package/dist/components/IconButton/index.mjs

@@ -0,0 +1,3 @@
+import { iconButtonClasses } from "./icon-button-classes.mjs";
+import { IconButton } from "./IconButton.mjs";
+export { IconButton, iconButtonClasses };

package/dist/components/Link/Link.cjs

@@ -0,0 +1,27 @@
+const require_link_classes = require("./link-classes.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+let lucide_react = require("lucide-react");
+// src/components/Link/Link.tsx
+const Link = ({ href, tone, external, arrow, component, className, children, ...props }) => {
+	const Component = component ?? "a";
+	const externalProps = external ? {
+		target: "_blank",
+		rel: "noopener noreferrer"
+	} : {};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Component, {
+		href,
+		className: require_link_classes.linkClasses({
+			tone,
+			className
+		}),
+		...externalProps,
+		...props,
+		children: [children, external || arrow ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ArrowUpRight, {
+			"aria-hidden": true,
+			className: "size-4"
+		}) : null]
+	});
+};
+exports.Link = Link;
+
+//# sourceMappingURL=Link.cjs.map

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

@@ -0,0 +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 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

@@ -0,0 +1,19 @@
+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;
+  external?: boolean;
+  arrow?: boolean;
+  /**
+   * Swap the rendered element. Pages can pass their framework's link
+   * component here to keep client-side navigation.
+   */
+  component?: ElementType<LinkComponentProps>;
+};
+declare const Link: ({ href, tone, external, arrow, component, className, children, ...props }: LinkProps) => import("react").JSX.Element;
+export { Link, LinkComponentProps, LinkProps };
+//# sourceMappingURL=Link.d.cts.map

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

@@ -0,0 +1,19 @@
+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;
+  external?: boolean;
+  arrow?: boolean;
+  /**
+   * Swap the rendered element. Pages can pass their framework's link
+   * component here to keep client-side navigation.
+   */
+  component?: ElementType<LinkComponentProps>;
+};
+declare const Link: ({ href, tone, external, arrow, component, className, children, ...props }: LinkProps) => import("react").JSX.Element;
+export { Link, LinkComponentProps, LinkProps };
+//# sourceMappingURL=Link.d.mts.map

package/dist/components/Link/Link.mjs

@@ -0,0 +1,27 @@
+import { linkClasses } from "./link-classes.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ArrowUpRight } from "lucide-react";
+// src/components/Link/Link.tsx
+const Link = ({ href, tone, external, arrow, component, className, children, ...props }) => {
+	const Component = component ?? "a";
+	const externalProps = external ? {
+		target: "_blank",
+		rel: "noopener noreferrer"
+	} : {};
+	return /* @__PURE__ */ jsxs(Component, {
+		href,
+		className: linkClasses({
+			tone,
+			className
+		}),
+		...externalProps,
+		...props,
+		children: [children, external || arrow ? /* @__PURE__ */ jsx(ArrowUpRight, {
+			"aria-hidden": true,
+			className: "size-4"
+		}) : null]
+	});
+};
+export { Link };
+
+//# sourceMappingURL=Link.mjs.map

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

@@ -0,0 +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 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.cjs

@@ -0,0 +1,4 @@
+const require_link_classes = require("./link-classes.cjs");
+const require_Link = require("./Link.cjs");
+exports.Link = require_Link.Link;
+exports.linkClasses = require_link_classes.linkClasses;

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

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

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

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

package/dist/components/Link/index.mjs

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

package/dist/components/Link/link-classes.cjs

@@ -0,0 +1,11 @@
+const require_cn = require("../../lib/cn.cjs");
+// src/components/Link/link-classes.ts
+const base = "inline-flex items-center gap-2 text-sm font-medium underline-offset-4 transition-colors hover:underline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-accent";
+const tones = {
+	default: "text-base-content",
+	muted: "text-base-content/60 hover:text-base-content"
+};
+const linkClasses = ({ tone = "default", className } = {}) => require_cn.cn(base, tones[tone], className);
+exports.linkClasses = linkClasses;
+
+//# sourceMappingURL=link-classes.cjs.map

package/dist/components/Link/link-classes.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"link-classes.cjs","names":["cn"],"sources":["../../../src/components/Link/link-classes.ts"],"sourcesContent":["import { cn } from \"../../lib/cn\";\n\nexport type LinkTone = \"default\" | \"muted\";\n\nconst base =\n  \"inline-flex items-center gap-2 text-sm font-medium underline-offset-4 transition-colors hover:underline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-accent\";\n\nconst tones: Record<LinkTone, string> = {\n  default: \"text-base-content\",\n  muted: \"text-base-content/60 hover:text-base-content\",\n};\n\nexport const linkClasses = ({\n  tone = \"default\",\n  className,\n}: {\n  tone?: LinkTone;\n  className?: string;\n} = {}): string => cn(base, tones[tone], className);\n"],"mappings":";;AAIA,MAAM,OACJ;AAEF,MAAM,QAAkC;CACtC,SAAS;CACT,OAAO;AACT;AAEA,MAAa,eAAe,EAC1B,OAAO,WACP,cAIE,CAAC,MAAcA,WAAAA,GAAG,MAAM,MAAM,OAAO,SAAS"}

package/dist/components/Link/link-classes.d.cts

@@ -0,0 +1,7 @@
+type LinkTone = "default" | "muted";
+declare const linkClasses: ({ tone, className }?: {
+  tone?: LinkTone;
+  className?: string;
+}) => string;
+export { LinkTone, linkClasses };
+//# sourceMappingURL=link-classes.d.cts.map

package/dist/components/Link/link-classes.d.mts

@@ -0,0 +1,7 @@
+type LinkTone = "default" | "muted";
+declare const linkClasses: ({ tone, className }?: {
+  tone?: LinkTone;
+  className?: string;
+}) => string;
+export { LinkTone, linkClasses };
+//# sourceMappingURL=link-classes.d.mts.map

package/dist/components/Link/link-classes.mjs

@@ -0,0 +1,11 @@
+import { cn } from "../../lib/cn.mjs";
+// src/components/Link/link-classes.ts
+const base = "inline-flex items-center gap-2 text-sm font-medium underline-offset-4 transition-colors hover:underline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-accent";
+const tones = {
+	default: "text-base-content",
+	muted: "text-base-content/60 hover:text-base-content"
+};
+const linkClasses = ({ tone = "default", className } = {}) => cn(base, tones[tone], className);
+export { linkClasses };
+
+//# sourceMappingURL=link-classes.mjs.map

package/dist/components/Link/link-classes.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"link-classes.mjs","names":[],"sources":["../../../src/components/Link/link-classes.ts"],"sourcesContent":["import { cn } from \"../../lib/cn\";\n\nexport type LinkTone = \"default\" | \"muted\";\n\nconst base =\n  \"inline-flex items-center gap-2 text-sm font-medium underline-offset-4 transition-colors hover:underline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-accent\";\n\nconst tones: Record<LinkTone, string> = {\n  default: \"text-base-content\",\n  muted: \"text-base-content/60 hover:text-base-content\",\n};\n\nexport const linkClasses = ({\n  tone = \"default\",\n  className,\n}: {\n  tone?: LinkTone;\n  className?: string;\n} = {}): string => cn(base, tones[tone], className);\n"],"mappings":";;AAIA,MAAM,OACJ;AAEF,MAAM,QAAkC;CACtC,SAAS;CACT,OAAO;AACT;AAEA,MAAa,eAAe,EAC1B,OAAO,WACP,cAIE,CAAC,MAAc,GAAG,MAAM,MAAM,OAAO,SAAS"}

package/dist/components/Logo/Logo.cjs

@@ -0,0 +1,25 @@
+const require_cn = require("../../lib/cn.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+// src/components/Logo/Logo.tsx
+const Logo = ({ src, inverseSrc, alt = "", className }) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+		"aria-hidden": alt === "",
+		className: require_cn.cn("block", className),
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("img", {
+			src,
+			alt,
+			width: 512,
+			height: 512,
+			className: "logo-mark size-full"
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("img", {
+			src: inverseSrc,
+			alt,
+			width: 512,
+			height: 512,
+			className: "logo-inverse size-full"
+		})]
+	});
+};
+exports.Logo = Logo;
+
+//# sourceMappingURL=Logo.cjs.map

package/dist/components/Logo/Logo.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Logo.cjs","names":["cn"],"sources":["../../../src/components/Logo/Logo.tsx"],"sourcesContent":["import { cn } from \"../../lib/cn\";\n\nexport type LogoProps = {\n  /** Light mark URL, usually served from the app's public folder. */\n  src: string;\n  /** Reversed mark URL, shown by the dark theme. */\n  inverseSrc: string;\n  /** Accessible name. Leave empty to keep the mark decorative. */\n  alt?: string;\n  className?: string;\n};\n\nexport const Logo = ({ src, inverseSrc, alt = \"\", className }: LogoProps) => {\n  const decorative = alt === \"\";\n\n  return (\n    <span aria-hidden={decorative} className={cn(\"block\", className)}>\n      <img src={src} alt={alt} width={512} height={512} className=\"logo-mark size-full\" />\n      <img src={inverseSrc} alt={alt} width={512} height={512} className=\"logo-inverse size-full\" />\n    </span>\n  );\n};\n"],"mappings":";;;AAYA,MAAa,QAAQ,EAAE,KAAK,YAAY,MAAM,IAAI,gBAA2B;CAG3E,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,QAAD;EAAM,eAHW,QAAQ;EAGM,WAAWA,WAAAA,GAAG,SAAS,SAAS;EAA/D,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;GAAU;GAAU;GAAK,OAAO;GAAK,QAAQ;GAAK,WAAU;EAAuB,CAAA,GACnF,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;GAAK,KAAK;GAAiB;GAAK,OAAO;GAAK,QAAQ;GAAK,WAAU;EAA0B,CAAA,CACzF;;AAEV"}

package/dist/components/Logo/Logo.d.cts

@@ -0,0 +1,12 @@
+type LogoProps = {
+  /** Light mark URL, usually served from the app's public folder. */
+  src: string;
+  /** Reversed mark URL, shown by the dark theme. */
+  inverseSrc: string;
+  /** Accessible name. Leave empty to keep the mark decorative. */
+  alt?: string;
+  className?: string;
+};
+declare const Logo: ({ src, inverseSrc, alt, className }: LogoProps) => import("react").JSX.Element;
+export { Logo, LogoProps };
+//# sourceMappingURL=Logo.d.cts.map

package/dist/components/Logo/Logo.d.mts

@@ -0,0 +1,12 @@
+type LogoProps = {
+  /** Light mark URL, usually served from the app's public folder. */
+  src: string;
+  /** Reversed mark URL, shown by the dark theme. */
+  inverseSrc: string;
+  /** Accessible name. Leave empty to keep the mark decorative. */
+  alt?: string;
+  className?: string;
+};
+declare const Logo: ({ src, inverseSrc, alt, className }: LogoProps) => import("react").JSX.Element;
+export { Logo, LogoProps };
+//# sourceMappingURL=Logo.d.mts.map

package/dist/components/Logo/Logo.mjs

@@ -0,0 +1,25 @@
+import { cn } from "../../lib/cn.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+// src/components/Logo/Logo.tsx
+const Logo = ({ src, inverseSrc, alt = "", className }) => {
+	return /* @__PURE__ */ jsxs("span", {
+		"aria-hidden": alt === "",
+		className: cn("block", className),
+		children: [/* @__PURE__ */ jsx("img", {
+			src,
+			alt,
+			width: 512,
+			height: 512,
+			className: "logo-mark size-full"
+		}), /* @__PURE__ */ jsx("img", {
+			src: inverseSrc,
+			alt,
+			width: 512,
+			height: 512,
+			className: "logo-inverse size-full"
+		})]
+	});
+};
+export { Logo };
+
+//# sourceMappingURL=Logo.mjs.map

package/dist/components/Logo/Logo.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Logo.mjs","names":[],"sources":["../../../src/components/Logo/Logo.tsx"],"sourcesContent":["import { cn } from \"../../lib/cn\";\n\nexport type LogoProps = {\n  /** Light mark URL, usually served from the app's public folder. */\n  src: string;\n  /** Reversed mark URL, shown by the dark theme. */\n  inverseSrc: string;\n  /** Accessible name. Leave empty to keep the mark decorative. */\n  alt?: string;\n  className?: string;\n};\n\nexport const Logo = ({ src, inverseSrc, alt = \"\", className }: LogoProps) => {\n  const decorative = alt === \"\";\n\n  return (\n    <span aria-hidden={decorative} className={cn(\"block\", className)}>\n      <img src={src} alt={alt} width={512} height={512} className=\"logo-mark size-full\" />\n      <img src={inverseSrc} alt={alt} width={512} height={512} className=\"logo-inverse size-full\" />\n    </span>\n  );\n};\n"],"mappings":";;;AAYA,MAAa,QAAQ,EAAE,KAAK,YAAY,MAAM,IAAI,gBAA2B;CAG3E,OACE,qBAAC,QAAD;EAAM,eAHW,QAAQ;EAGM,WAAW,GAAG,SAAS,SAAS;EAA/D,UAAA,CACE,oBAAC,OAAD;GAAU;GAAU;GAAK,OAAO;GAAK,QAAQ;GAAK,WAAU;EAAuB,CAAA,GACnF,oBAAC,OAAD;GAAK,KAAK;GAAiB;GAAK,OAAO;GAAK,QAAQ;GAAK,WAAU;EAA0B,CAAA,CACzF;;AAEV"}

package/dist/components/Logo/index.cjs

@@ -0,0 +1,2 @@
+const require_Logo = require("./Logo.cjs");
+exports.Logo = require_Logo.Logo;

package/dist/components/Logo/index.mjs

@@ -0,0 +1 @@
+export { Logo } from "./Logo.mjs";

package/dist/components/Panel/Panel.cjs

@@ -0,0 +1,14 @@
+const require_panel_classes = require("./panel-classes.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+// src/components/Panel/Panel.tsx
+const Panel = ({ tone, padding, className, ...props }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+	className: require_panel_classes.panelClasses({
+		tone,
+		padding,
+		className
+	}),
+	...props
+});
+exports.Panel = Panel;
+
+//# sourceMappingURL=Panel.cjs.map

package/dist/components/Panel/Panel.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Panel.cjs","names":["panelClasses"],"sources":["../../../src/components/Panel/Panel.tsx"],"sourcesContent":["import type { HTMLAttributes } from \"react\";\nimport { panelClasses, type PanelPadding, type PanelTone } from \"./panel-classes\";\n\nexport type PanelProps = HTMLAttributes<HTMLDivElement> & {\n  tone?: PanelTone;\n  padding?: PanelPadding;\n};\n\nexport const Panel = ({ tone, padding, className, ...props }: PanelProps) => (\n  <div className={panelClasses({ tone, padding, className })} {...props} />\n);\n"],"mappings":";;;AAQA,MAAa,SAAS,EAAE,MAAM,SAAS,WAAW,GAAG,YACnD,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;CAAK,WAAWA,sBAAAA,aAAa;EAAE;EAAM;EAAS;CAAU,CAAC;CAAG,GAAI;AAAQ,CAAA"}

package/dist/components/Panel/Panel.d.cts

@@ -0,0 +1,9 @@
+import { PanelPadding, PanelTone } from "./panel-classes.cjs";
+import { HTMLAttributes } from "react";
+type PanelProps = HTMLAttributes<HTMLDivElement> & {
+  tone?: PanelTone;
+  padding?: PanelPadding;
+};
+declare const Panel: ({ tone, padding, className, ...props }: PanelProps) => import("react").JSX.Element;
+export { Panel, PanelProps };
+//# sourceMappingURL=Panel.d.cts.map

package/dist/components/Panel/Panel.d.mts

@@ -0,0 +1,9 @@
+import { PanelPadding, PanelTone } from "./panel-classes.mjs";
+import { HTMLAttributes } from "react";
+type PanelProps = HTMLAttributes<HTMLDivElement> & {
+  tone?: PanelTone;
+  padding?: PanelPadding;
+};
+declare const Panel: ({ tone, padding, className, ...props }: PanelProps) => import("react").JSX.Element;
+export { Panel, PanelProps };
+//# sourceMappingURL=Panel.d.mts.map

package/dist/components/Panel/Panel.mjs

@@ -0,0 +1,14 @@
+import { panelClasses } from "./panel-classes.mjs";
+import { jsx } from "react/jsx-runtime";
+// src/components/Panel/Panel.tsx
+const Panel = ({ tone, padding, className, ...props }) => /* @__PURE__ */ jsx("div", {
+	className: panelClasses({
+		tone,
+		padding,
+		className
+	}),
+	...props
+});
+export { Panel };
+
+//# sourceMappingURL=Panel.mjs.map

package/dist/components/Panel/Panel.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Panel.mjs","names":[],"sources":["../../../src/components/Panel/Panel.tsx"],"sourcesContent":["import type { HTMLAttributes } from \"react\";\nimport { panelClasses, type PanelPadding, type PanelTone } from \"./panel-classes\";\n\nexport type PanelProps = HTMLAttributes<HTMLDivElement> & {\n  tone?: PanelTone;\n  padding?: PanelPadding;\n};\n\nexport const Panel = ({ tone, padding, className, ...props }: PanelProps) => (\n  <div className={panelClasses({ tone, padding, className })} {...props} />\n);\n"],"mappings":";;;AAQA,MAAa,SAAS,EAAE,MAAM,SAAS,WAAW,GAAG,YACnD,oBAAC,OAAD;CAAK,WAAW,aAAa;EAAE;EAAM;EAAS;CAAU,CAAC;CAAG,GAAI;AAAQ,CAAA"}

package/dist/components/Panel/index.cjs

@@ -0,0 +1,4 @@
+const require_panel_classes = require("./panel-classes.cjs");
+const require_Panel = require("./Panel.cjs");
+exports.Panel = require_Panel.Panel;
+exports.panelClasses = require_panel_classes.panelClasses;

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

@@ -0,0 +1,3 @@
+import { PanelPadding, PanelTone, panelClasses } from "./panel-classes.cjs";
+import { Panel, PanelProps } from "./Panel.cjs";
+export { Panel, type PanelPadding, type PanelProps, type PanelTone, panelClasses };

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

@@ -0,0 +1,3 @@
+import { PanelPadding, PanelTone, panelClasses } from "./panel-classes.mjs";
+import { Panel, PanelProps } from "./Panel.mjs";
+export { Panel, type PanelPadding, type PanelProps, type PanelTone, panelClasses };

package/dist/components/Panel/index.mjs

@@ -0,0 +1,3 @@
+import { panelClasses } from "./panel-classes.mjs";
+import { Panel } from "./Panel.mjs";
+export { Panel, panelClasses };

package/dist/components/Panel/panel-classes.cjs

@@ -0,0 +1,16 @@
+const require_cn = require("../../lib/cn.cjs");
+// src/components/Panel/panel-classes.ts
+const base = "border border-base-content/12 text-base-content";
+const tones = {
+	paper: "bg-base-100",
+	floating: "bg-base-100/85 backdrop-blur-md"
+};
+const paddings = {
+	none: "",
+	sm: "p-4",
+	md: "p-6"
+};
+const panelClasses = ({ tone = "paper", padding = "md", className } = {}) => require_cn.cn(base, tones[tone], paddings[padding], className);
+exports.panelClasses = panelClasses;
+
+//# sourceMappingURL=panel-classes.cjs.map

package/dist/components/Panel/panel-classes.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"panel-classes.cjs","names":["cn"],"sources":["../../../src/components/Panel/panel-classes.ts"],"sourcesContent":["import { cn } from \"../../lib/cn\";\n\nexport type PanelTone = \"paper\" | \"floating\";\nexport type PanelPadding = \"none\" | \"sm\" | \"md\";\n\nconst base = \"border border-base-content/12 text-base-content\";\n\nconst tones: Record<PanelTone, string> = {\n  paper: \"bg-base-100\",\n  floating: \"bg-base-100/85 backdrop-blur-md\",\n};\n\nconst paddings: Record<PanelPadding, string> = {\n  none: \"\",\n  sm: \"p-4\",\n  md: \"p-6\",\n};\n\nexport const panelClasses = ({\n  tone = \"paper\",\n  padding = \"md\",\n  className,\n}: {\n  tone?: PanelTone;\n  padding?: PanelPadding;\n  className?: string;\n} = {}): string => cn(base, tones[tone], paddings[padding], className);\n"],"mappings":";;AAKA,MAAM,OAAO;AAEb,MAAM,QAAmC;CACvC,OAAO;CACP,UAAU;AACZ;AAEA,MAAM,WAAyC;CAC7C,MAAM;CACN,IAAI;CACJ,IAAI;AACN;AAEA,MAAa,gBAAgB,EAC3B,OAAO,SACP,UAAU,MACV,cAKE,CAAC,MAAcA,WAAAA,GAAG,MAAM,MAAM,OAAO,SAAS,UAAU,SAAS"}

package/dist/components/Panel/panel-classes.d.cts

@@ -0,0 +1,9 @@
+type PanelTone = "paper" | "floating";
+type PanelPadding = "none" | "sm" | "md";
+declare const panelClasses: ({ tone, padding, className }?: {
+  tone?: PanelTone;
+  padding?: PanelPadding;
+  className?: string;
+}) => string;
+export { PanelPadding, PanelTone, panelClasses };
+//# sourceMappingURL=panel-classes.d.cts.map

package/dist/components/Panel/panel-classes.d.mts

@@ -0,0 +1,9 @@
+type PanelTone = "paper" | "floating";
+type PanelPadding = "none" | "sm" | "md";
+declare const panelClasses: ({ tone, padding, className }?: {
+  tone?: PanelTone;
+  padding?: PanelPadding;
+  className?: string;
+}) => string;
+export { PanelPadding, PanelTone, panelClasses };
+//# sourceMappingURL=panel-classes.d.mts.map

package/dist/components/Panel/panel-classes.mjs

@@ -0,0 +1,16 @@
+import { cn } from "../../lib/cn.mjs";
+// src/components/Panel/panel-classes.ts
+const base = "border border-base-content/12 text-base-content";
+const tones = {
+	paper: "bg-base-100",
+	floating: "bg-base-100/85 backdrop-blur-md"
+};
+const paddings = {
+	none: "",
+	sm: "p-4",
+	md: "p-6"
+};
+const panelClasses = ({ tone = "paper", padding = "md", className } = {}) => cn(base, tones[tone], paddings[padding], className);
+export { panelClasses };
+
+//# sourceMappingURL=panel-classes.mjs.map

package/dist/components/Panel/panel-classes.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"panel-classes.mjs","names":[],"sources":["../../../src/components/Panel/panel-classes.ts"],"sourcesContent":["import { cn } from \"../../lib/cn\";\n\nexport type PanelTone = \"paper\" | \"floating\";\nexport type PanelPadding = \"none\" | \"sm\" | \"md\";\n\nconst base = \"border border-base-content/12 text-base-content\";\n\nconst tones: Record<PanelTone, string> = {\n  paper: \"bg-base-100\",\n  floating: \"bg-base-100/85 backdrop-blur-md\",\n};\n\nconst paddings: Record<PanelPadding, string> = {\n  none: \"\",\n  sm: \"p-4\",\n  md: \"p-6\",\n};\n\nexport const panelClasses = ({\n  tone = \"paper\",\n  padding = \"md\",\n  className,\n}: {\n  tone?: PanelTone;\n  padding?: PanelPadding;\n  className?: string;\n} = {}): string => cn(base, tones[tone], paddings[padding], className);\n"],"mappings":";;AAKA,MAAM,OAAO;AAEb,MAAM,QAAmC;CACvC,OAAO;CACP,UAAU;AACZ;AAEA,MAAM,WAAyC;CAC7C,MAAM;CACN,IAAI;CACJ,IAAI;AACN;AAEA,MAAa,gBAAgB,EAC3B,OAAO,SACP,UAAU,MACV,cAKE,CAAC,MAAc,GAAG,MAAM,MAAM,OAAO,SAAS,UAAU,SAAS"}

package/dist/components/ThemeToggle/ThemeToggle.cjs

@@ -0,0 +1,34 @@
+const require_IconButton = require("../IconButton/IconButton.cjs");
+require("../IconButton/index.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+let lucide_react = require("lucide-react");
+let react = require("react");
+// src/components/ThemeToggle/ThemeToggle.tsx
+const LIGHT = "yo-yo-light";
+const DARK = "yo-yo-dark";
+const KEY = "yo-yo-theme";
+const ThemeToggle = ({ className }) => {
+	const [theme, setTheme] = (0, react.useState)(LIGHT);
+	(0, react.useEffect)(() => {
+		setTheme(document.documentElement.getAttribute("data-theme") ?? LIGHT);
+	}, []);
+	const toggle = () => {
+		const next = theme === DARK ? LIGHT : DARK;
+		setTheme(next);
+		document.documentElement.setAttribute("data-theme", next);
+		try {
+			localStorage.setItem(KEY, next);
+		} catch {}
+	};
+	const isDark = theme === DARK;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_IconButton.IconButton, {
+		label: isDark ? "Cambiar a tema claro" : "Cambiar a tema oscuro",
+		variant: "ghost",
+		onClick: toggle,
+		className,
+		children: isDark ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Sun, { className: "size-5" }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Moon, { className: "size-5" })
+	});
+};
+exports.ThemeToggle = ThemeToggle;
+
+//# sourceMappingURL=ThemeToggle.cjs.map

package/dist/components/ThemeToggle/ThemeToggle.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeToggle.cjs","names":["useState","IconButton","Sun","Moon"],"sources":["../../../src/components/ThemeToggle/ThemeToggle.tsx"],"sourcesContent":["import { useEffect, useState } from \"react\";\nimport { Moon, Sun } from \"lucide-react\";\nimport { IconButton } from \"../IconButton\";\n\nconst LIGHT = \"yo-yo-light\";\nconst DARK = \"yo-yo-dark\";\nconst KEY = \"yo-yo-theme\";\n\nexport type ThemeToggleProps = {\n  className?: string;\n};\n\nexport const ThemeToggle = ({ className }: ThemeToggleProps) => {\n  const [theme, setTheme] = useState<string>(LIGHT);\n\n  useEffect(() => {\n    setTheme(document.documentElement.getAttribute(\"data-theme\") ?? LIGHT);\n  }, []);\n\n  const toggle = (): void => {\n    const next = theme === DARK ? LIGHT : DARK;\n    setTheme(next);\n    document.documentElement.setAttribute(\"data-theme\", next);\n    try {\n      localStorage.setItem(KEY, next);\n    } catch {\n      // Without storage the choice simply does not persist.\n    }\n  };\n\n  const isDark = theme === DARK;\n\n  return (\n    <IconButton\n      label={isDark ? \"Cambiar a tema claro\" : \"Cambiar a tema oscuro\"}\n      variant=\"ghost\"\n      onClick={toggle}\n      className={className}\n    >\n      {isDark ? <Sun className=\"size-5\" /> : <Moon className=\"size-5\" />}\n    </IconButton>\n  );\n};\n"],"mappings":";;;;;;AAIA,MAAM,QAAQ;AACd,MAAM,OAAO;AACb,MAAM,MAAM;AAMZ,MAAa,eAAe,EAAE,gBAAkC;CAC9D,MAAM,CAAC,OAAO,aAAA,GAAYA,MAAAA,SAAAA,CAAiB,KAAK;CAEhD,CAAA,GAAA,MAAA,UAAA,OAAgB;EACd,SAAS,SAAS,gBAAgB,aAAa,YAAY,KAAK,KAAK;CACvE,GAAG,CAAC,CAAC;CAEL,MAAM,eAAqB;EACzB,MAAM,OAAO,UAAU,OAAO,QAAQ;EACtC,SAAS,IAAI;EACb,SAAS,gBAAgB,aAAa,cAAc,IAAI;EACxD,IAAI;GACF,aAAa,QAAQ,KAAK,IAAI;EAChC,QAAQ,CAER;CACF;CAEA,MAAM,SAAS,UAAU;CAEzB,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,mBAAAA,YAAD;EACE,OAAO,SAAS,yBAAyB;EACzC,SAAQ;EACR,SAAS;EACE;EAEV,UAAA,SAAS,iBAAA,GAAA,kBAAA,IAAA,CAACC,aAAAA,KAAD,EAAK,WAAU,SAAU,CAAA,IAAI,iBAAA,GAAA,kBAAA,IAAA,CAACC,aAAAA,MAAD,EAAM,WAAU,SAAU,CAAA;CACvD,CAAA;AAEhB"}

package/dist/components/ThemeToggle/ThemeToggle.d.cts

@@ -0,0 +1,6 @@
+type ThemeToggleProps = {
+  className?: string;
+};
+declare const ThemeToggle: ({ className }: ThemeToggleProps) => import("react").JSX.Element;
+export { ThemeToggle, ThemeToggleProps };
+//# sourceMappingURL=ThemeToggle.d.cts.map

package/dist/components/ThemeToggle/ThemeToggle.d.mts

@@ -0,0 +1,6 @@
+type ThemeToggleProps = {
+  className?: string;
+};
+declare const ThemeToggle: ({ className }: ThemeToggleProps) => import("react").JSX.Element;
+export { ThemeToggle, ThemeToggleProps };
+//# sourceMappingURL=ThemeToggle.d.mts.map

package/dist/components/ThemeToggle/ThemeToggle.mjs

@@ -0,0 +1,34 @@
+import { IconButton } from "../IconButton/IconButton.mjs";
+import "../IconButton/index.mjs";
+import { jsx } from "react/jsx-runtime";
+import { Moon, Sun } from "lucide-react";
+import { useEffect, useState } from "react";
+// src/components/ThemeToggle/ThemeToggle.tsx
+const LIGHT = "yo-yo-light";
+const DARK = "yo-yo-dark";
+const KEY = "yo-yo-theme";
+const ThemeToggle = ({ className }) => {
+	const [theme, setTheme] = useState(LIGHT);
+	useEffect(() => {
+		setTheme(document.documentElement.getAttribute("data-theme") ?? LIGHT);
+	}, []);
+	const toggle = () => {
+		const next = theme === DARK ? LIGHT : DARK;
+		setTheme(next);
+		document.documentElement.setAttribute("data-theme", next);
+		try {
+			localStorage.setItem(KEY, next);
+		} catch {}
+	};
+	const isDark = theme === DARK;
+	return /* @__PURE__ */ jsx(IconButton, {
+		label: isDark ? "Cambiar a tema claro" : "Cambiar a tema oscuro",
+		variant: "ghost",
+		onClick: toggle,
+		className,
+		children: isDark ? /* @__PURE__ */ jsx(Sun, { className: "size-5" }) : /* @__PURE__ */ jsx(Moon, { className: "size-5" })
+	});
+};
+export { ThemeToggle };
+
+//# sourceMappingURL=ThemeToggle.mjs.map

package/dist/components/ThemeToggle/ThemeToggle.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeToggle.mjs","names":[],"sources":["../../../src/components/ThemeToggle/ThemeToggle.tsx"],"sourcesContent":["import { useEffect, useState } from \"react\";\nimport { Moon, Sun } from \"lucide-react\";\nimport { IconButton } from \"../IconButton\";\n\nconst LIGHT = \"yo-yo-light\";\nconst DARK = \"yo-yo-dark\";\nconst KEY = \"yo-yo-theme\";\n\nexport type ThemeToggleProps = {\n  className?: string;\n};\n\nexport const ThemeToggle = ({ className }: ThemeToggleProps) => {\n  const [theme, setTheme] = useState<string>(LIGHT);\n\n  useEffect(() => {\n    setTheme(document.documentElement.getAttribute(\"data-theme\") ?? LIGHT);\n  }, []);\n\n  const toggle = (): void => {\n    const next = theme === DARK ? LIGHT : DARK;\n    setTheme(next);\n    document.documentElement.setAttribute(\"data-theme\", next);\n    try {\n      localStorage.setItem(KEY, next);\n    } catch {\n      // Without storage the choice simply does not persist.\n    }\n  };\n\n  const isDark = theme === DARK;\n\n  return (\n    <IconButton\n      label={isDark ? \"Cambiar a tema claro\" : \"Cambiar a tema oscuro\"}\n      variant=\"ghost\"\n      onClick={toggle}\n      className={className}\n    >\n      {isDark ? <Sun className=\"size-5\" /> : <Moon className=\"size-5\" />}\n    </IconButton>\n  );\n};\n"],"mappings":";;;;;;AAIA,MAAM,QAAQ;AACd,MAAM,OAAO;AACb,MAAM,MAAM;AAMZ,MAAa,eAAe,EAAE,gBAAkC;CAC9D,MAAM,CAAC,OAAO,YAAY,SAAiB,KAAK;CAEhD,gBAAgB;EACd,SAAS,SAAS,gBAAgB,aAAa,YAAY,KAAK,KAAK;CACvE,GAAG,CAAC,CAAC;CAEL,MAAM,eAAqB;EACzB,MAAM,OAAO,UAAU,OAAO,QAAQ;EACtC,SAAS,IAAI;EACb,SAAS,gBAAgB,aAAa,cAAc,IAAI;EACxD,IAAI;GACF,aAAa,QAAQ,KAAK,IAAI;EAChC,QAAQ,CAER;CACF;CAEA,MAAM,SAAS,UAAU;CAEzB,OACE,oBAAC,YAAD;EACE,OAAO,SAAS,yBAAyB;EACzC,SAAQ;EACR,SAAS;EACE;EAEV,UAAA,SAAS,oBAAC,KAAD,EAAK,WAAU,SAAU,CAAA,IAAI,oBAAC,MAAD,EAAM,WAAU,SAAU,CAAA;CACvD,CAAA;AAEhB"}

package/dist/components/ThemeToggle/index.cjs

@@ -0,0 +1,2 @@
+const require_ThemeToggle = require("./ThemeToggle.cjs");
+exports.ThemeToggle = require_ThemeToggle.ThemeToggle;

package/dist/components/ThemeToggle/index.mjs

@@ -0,0 +1 @@
+export { ThemeToggle } from "./ThemeToggle.mjs";