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

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Javier López Úbeda
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,3 +1,53 @@
-# Temporary Holding Version
+# @yo-yo.art/ui
 
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+The Grupo Yo-Yo design system: shared React components, tokens and styles.
+
+- **Workshop:** <https://yo-yo.codeberg.page/ui/>
+- **Repository:** <https://codeberg.org/yo-yo/ui>
+
+> **Alpha** (`0.x`). The API can change between minor releases.
+
+## Install
+
+```sh
+pnpm add @yo-yo.art/ui
+```
+
+React, React DOM, `lucide-react` and Tailwind 4 are peers.
+
+## Tailwind
+
+```css
+@import "tailwindcss";
+@import "@yo-yo.art/ui/styles.css";
+```
+
+The stylesheet carries the tokens and a `@source` that points at the package's
+compiled JS, so Tailwind finds the classes the components use.
+
+For the scenography overlay, also import:
+
+```css
+@import "@yo-yo.art/ui/scenography.css";
+```
+
+The package does not ship fonts. Set `--font-sans` and `--font-mono` in the app.
+
+## Next.js
+
+The package is framework-agnostic and does not ship `"use client"` directives.
+Wrap the interactive components (`ThemeToggle`, `LoadingScreen`,
+`SetupNotice`) in a local client component.
+
+## Entry points
+
+```text
+@yo-yo.art/ui                  components and tokens
+@yo-yo.art/ui/gallery          loading cover, home button and setup notice
+@yo-yo.art/ui/styles.css       design tokens and Tailwind source
+@yo-yo.art/ui/scenography.css  compatibility layer for the overlay presets
+```
+
+## License
+
+MIT.

package/dist/components/Badge/Badge.cjs

@@ -0,0 +1,13 @@
+const require_badge_classes = require("./badge-classes.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+// src/components/Badge/Badge.tsx
+const Badge = ({ tone, className, ...props }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+	className: require_badge_classes.badgeClasses({
+		tone,
+		className
+	}),
+	...props
+});
+exports.Badge = Badge;
+
+//# sourceMappingURL=Badge.cjs.map

package/dist/components/Badge/Badge.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.cjs","names":["badgeClasses"],"sources":["../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import type { HTMLAttributes } from \"react\";\nimport { badgeClasses, type BadgeTone } from \"./badge-classes\";\n\nexport type BadgeProps = HTMLAttributes<HTMLSpanElement> & {\n  tone?: BadgeTone;\n};\n\nexport const Badge = ({ tone, className, ...props }: BadgeProps) => (\n  <span className={badgeClasses({ tone, className })} {...props} />\n);\n"],"mappings":";;;AAOA,MAAa,SAAS,EAAE,MAAM,WAAW,GAAG,YAC1C,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;CAAM,WAAWA,sBAAAA,aAAa;EAAE;EAAM;CAAU,CAAC;CAAG,GAAI;AAAQ,CAAA"}

package/dist/components/Badge/Badge.d.cts

@@ -0,0 +1,8 @@
+import { BadgeTone } from "./badge-classes.cjs";
+import { HTMLAttributes } from "react";
+type BadgeProps = HTMLAttributes<HTMLSpanElement> & {
+  tone?: BadgeTone;
+};
+declare const Badge: ({ tone, className, ...props }: BadgeProps) => import("react").JSX.Element;
+export { Badge, BadgeProps };
+//# sourceMappingURL=Badge.d.cts.map

package/dist/components/Badge/Badge.d.mts

@@ -0,0 +1,8 @@
+import { BadgeTone } from "./badge-classes.mjs";
+import { HTMLAttributes } from "react";
+type BadgeProps = HTMLAttributes<HTMLSpanElement> & {
+  tone?: BadgeTone;
+};
+declare const Badge: ({ tone, className, ...props }: BadgeProps) => import("react").JSX.Element;
+export { Badge, BadgeProps };
+//# sourceMappingURL=Badge.d.mts.map

package/dist/components/Badge/Badge.mjs

@@ -0,0 +1,13 @@
+import { badgeClasses } from "./badge-classes.mjs";
+import { jsx } from "react/jsx-runtime";
+// src/components/Badge/Badge.tsx
+const Badge = ({ tone, className, ...props }) => /* @__PURE__ */ jsx("span", {
+	className: badgeClasses({
+		tone,
+		className
+	}),
+	...props
+});
+export { Badge };
+
+//# sourceMappingURL=Badge.mjs.map

package/dist/components/Badge/Badge.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.mjs","names":[],"sources":["../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import type { HTMLAttributes } from \"react\";\nimport { badgeClasses, type BadgeTone } from \"./badge-classes\";\n\nexport type BadgeProps = HTMLAttributes<HTMLSpanElement> & {\n  tone?: BadgeTone;\n};\n\nexport const Badge = ({ tone, className, ...props }: BadgeProps) => (\n  <span className={badgeClasses({ tone, className })} {...props} />\n);\n"],"mappings":";;;AAOA,MAAa,SAAS,EAAE,MAAM,WAAW,GAAG,YAC1C,oBAAC,QAAD;CAAM,WAAW,aAAa;EAAE;EAAM;CAAU,CAAC;CAAG,GAAI;AAAQ,CAAA"}

package/dist/components/Badge/badge-classes.cjs

@@ -0,0 +1,12 @@
+const require_cn = require("../../lib/cn.cjs");
+// src/components/Badge/badge-classes.ts
+const base = "inline-flex items-center gap-1 px-2 py-1 font-mono text-[0.65rem] uppercase tracking-[0.16em]";
+const tones = {
+	neutral: "border border-base-content/12 bg-base-100/90 text-base-content/70 backdrop-blur-sm",
+	accent: "bg-accent text-accent-content",
+	muted: "text-base-content/60"
+};
+const badgeClasses = ({ tone = "neutral", className } = {}) => require_cn.cn(base, tones[tone], className);
+exports.badgeClasses = badgeClasses;
+
+//# sourceMappingURL=badge-classes.cjs.map

package/dist/components/Badge/badge-classes.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge-classes.cjs","names":["cn"],"sources":["../../../src/components/Badge/badge-classes.ts"],"sourcesContent":["import { cn } from \"../../lib/cn\";\n\nexport type BadgeTone = \"neutral\" | \"accent\" | \"muted\";\n\nconst base =\n  \"inline-flex items-center gap-1 px-2 py-1 font-mono text-[0.65rem] uppercase tracking-[0.16em]\";\n\nconst tones: Record<BadgeTone, string> = {\n  neutral: \"border border-base-content/12 bg-base-100/90 text-base-content/70 backdrop-blur-sm\",\n  accent: \"bg-accent text-accent-content\",\n  muted: \"text-base-content/60\",\n};\n\nexport const badgeClasses = ({\n  tone = \"neutral\",\n  className,\n}: {\n  tone?: BadgeTone;\n  className?: string;\n} = {}): string => cn(base, tones[tone], className);\n"],"mappings":";;AAIA,MAAM,OACJ;AAEF,MAAM,QAAmC;CACvC,SAAS;CACT,QAAQ;CACR,OAAO;AACT;AAEA,MAAa,gBAAgB,EAC3B,OAAO,WACP,cAIE,CAAC,MAAcA,WAAAA,GAAG,MAAM,MAAM,OAAO,SAAS"}

package/dist/components/Badge/badge-classes.d.cts

@@ -0,0 +1,7 @@
+type BadgeTone = "neutral" | "accent" | "muted";
+declare const badgeClasses: ({ tone, className }?: {
+  tone?: BadgeTone;
+  className?: string;
+}) => string;
+export { BadgeTone, badgeClasses };
+//# sourceMappingURL=badge-classes.d.cts.map

package/dist/components/Badge/badge-classes.d.mts

@@ -0,0 +1,7 @@
+type BadgeTone = "neutral" | "accent" | "muted";
+declare const badgeClasses: ({ tone, className }?: {
+  tone?: BadgeTone;
+  className?: string;
+}) => string;
+export { BadgeTone, badgeClasses };
+//# sourceMappingURL=badge-classes.d.mts.map

package/dist/components/Badge/badge-classes.mjs

@@ -0,0 +1,12 @@
+import { cn } from "../../lib/cn.mjs";
+// src/components/Badge/badge-classes.ts
+const base = "inline-flex items-center gap-1 px-2 py-1 font-mono text-[0.65rem] uppercase tracking-[0.16em]";
+const tones = {
+	neutral: "border border-base-content/12 bg-base-100/90 text-base-content/70 backdrop-blur-sm",
+	accent: "bg-accent text-accent-content",
+	muted: "text-base-content/60"
+};
+const badgeClasses = ({ tone = "neutral", className } = {}) => cn(base, tones[tone], className);
+export { badgeClasses };
+
+//# sourceMappingURL=badge-classes.mjs.map

package/dist/components/Badge/badge-classes.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge-classes.mjs","names":[],"sources":["../../../src/components/Badge/badge-classes.ts"],"sourcesContent":["import { cn } from \"../../lib/cn\";\n\nexport type BadgeTone = \"neutral\" | \"accent\" | \"muted\";\n\nconst base =\n  \"inline-flex items-center gap-1 px-2 py-1 font-mono text-[0.65rem] uppercase tracking-[0.16em]\";\n\nconst tones: Record<BadgeTone, string> = {\n  neutral: \"border border-base-content/12 bg-base-100/90 text-base-content/70 backdrop-blur-sm\",\n  accent: \"bg-accent text-accent-content\",\n  muted: \"text-base-content/60\",\n};\n\nexport const badgeClasses = ({\n  tone = \"neutral\",\n  className,\n}: {\n  tone?: BadgeTone;\n  className?: string;\n} = {}): string => cn(base, tones[tone], className);\n"],"mappings":";;AAIA,MAAM,OACJ;AAEF,MAAM,QAAmC;CACvC,SAAS;CACT,QAAQ;CACR,OAAO;AACT;AAEA,MAAa,gBAAgB,EAC3B,OAAO,WACP,cAIE,CAAC,MAAc,GAAG,MAAM,MAAM,OAAO,SAAS"}

package/dist/components/Badge/index.cjs

@@ -0,0 +1,4 @@
+const require_badge_classes = require("./badge-classes.cjs");
+const require_Badge = require("./Badge.cjs");
+exports.Badge = require_Badge.Badge;
+exports.badgeClasses = require_badge_classes.badgeClasses;

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

@@ -0,0 +1,3 @@
+import { BadgeTone, badgeClasses } from "./badge-classes.cjs";
+import { Badge, BadgeProps } from "./Badge.cjs";
+export { Badge, type BadgeProps, type BadgeTone, badgeClasses };

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

@@ -0,0 +1,3 @@
+import { BadgeTone, badgeClasses } from "./badge-classes.mjs";
+import { Badge, BadgeProps } from "./Badge.mjs";
+export { Badge, type BadgeProps, type BadgeTone, badgeClasses };

package/dist/components/Badge/index.mjs

@@ -0,0 +1,3 @@
+import { badgeClasses } from "./badge-classes.mjs";
+import { Badge } from "./Badge.mjs";
+export { Badge, badgeClasses };

package/dist/components/Button/Button.cjs

@@ -0,0 +1,15 @@
+const require_button_classes = require("./button-classes.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+// src/components/Button/Button.tsx
+const Button = ({ variant, size, className, type = "button", ...props }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+	type,
+	className: require_button_classes.buttonClasses({
+		variant,
+		size,
+		className
+	}),
+	...props
+});
+exports.Button = Button;
+
+//# sourceMappingURL=Button.cjs.map

package/dist/components/Button/Button.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.cjs","names":["buttonClasses"],"sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":["import type { ButtonHTMLAttributes } from \"react\";\nimport { buttonClasses, type ButtonSize, type ButtonVariant } from \"./button-classes\";\n\nexport type ButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {\n  variant?: ButtonVariant;\n  size?: ButtonSize;\n};\n\nexport const Button = ({ variant, size, className, type = \"button\", ...props }: ButtonProps) => (\n  <button type={type} className={buttonClasses({ variant, size, className })} {...props} />\n);\n"],"mappings":";;;AAQA,MAAa,UAAU,EAAE,SAAS,MAAM,WAAW,OAAO,UAAU,GAAG,YACrE,iBAAA,GAAA,kBAAA,IAAA,CAAC,UAAD;CAAc;CAAM,WAAWA,uBAAAA,cAAc;EAAE;EAAS;EAAM;CAAU,CAAC;CAAG,GAAI;AAAQ,CAAA"}

package/dist/components/Button/Button.d.cts

@@ -0,0 +1,9 @@
+import { ButtonSize, ButtonVariant } from "./button-classes.cjs";
+import { ButtonHTMLAttributes } from "react";
+type ButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
+  variant?: ButtonVariant;
+  size?: ButtonSize;
+};
+declare const Button: ({ variant, size, className, type, ...props }: ButtonProps) => import("react").JSX.Element;
+export { Button, ButtonProps };
+//# sourceMappingURL=Button.d.cts.map

package/dist/components/Button/Button.d.mts

@@ -0,0 +1,9 @@
+import { ButtonSize, ButtonVariant } from "./button-classes.mjs";
+import { ButtonHTMLAttributes } from "react";
+type ButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
+  variant?: ButtonVariant;
+  size?: ButtonSize;
+};
+declare const Button: ({ variant, size, className, type, ...props }: ButtonProps) => import("react").JSX.Element;
+export { Button, ButtonProps };
+//# sourceMappingURL=Button.d.mts.map

package/dist/components/Button/Button.mjs

@@ -0,0 +1,15 @@
+import { buttonClasses } from "./button-classes.mjs";
+import { jsx } from "react/jsx-runtime";
+// src/components/Button/Button.tsx
+const Button = ({ variant, size, className, type = "button", ...props }) => /* @__PURE__ */ jsx("button", {
+	type,
+	className: buttonClasses({
+		variant,
+		size,
+		className
+	}),
+	...props
+});
+export { Button };
+
+//# sourceMappingURL=Button.mjs.map

package/dist/components/Button/Button.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.mjs","names":[],"sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":["import type { ButtonHTMLAttributes } from \"react\";\nimport { buttonClasses, type ButtonSize, type ButtonVariant } from \"./button-classes\";\n\nexport type ButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {\n  variant?: ButtonVariant;\n  size?: ButtonSize;\n};\n\nexport const Button = ({ variant, size, className, type = \"button\", ...props }: ButtonProps) => (\n  <button type={type} className={buttonClasses({ variant, size, className })} {...props} />\n);\n"],"mappings":";;;AAQA,MAAa,UAAU,EAAE,SAAS,MAAM,WAAW,OAAO,UAAU,GAAG,YACrE,oBAAC,UAAD;CAAc;CAAM,WAAW,cAAc;EAAE;EAAS;EAAM;CAAU,CAAC;CAAG,GAAI;AAAQ,CAAA"}

package/dist/components/Button/ButtonLink.cjs

@@ -0,0 +1,15 @@
+const require_button_classes = require("./button-classes.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+// src/components/Button/ButtonLink.tsx
+const ButtonLink = ({ variant, size, className, href, ...props }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
+	href,
+	className: require_button_classes.buttonClasses({
+		variant,
+		size,
+		className
+	}),
+	...props
+});
+exports.ButtonLink = ButtonLink;
+
+//# sourceMappingURL=ButtonLink.cjs.map

package/dist/components/Button/ButtonLink.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonLink.cjs","names":["buttonClasses"],"sources":["../../../src/components/Button/ButtonLink.tsx"],"sourcesContent":["import type { AnchorHTMLAttributes } from \"react\";\nimport { buttonClasses, type ButtonSize, type ButtonVariant } from \"./button-classes\";\n\nexport type ButtonLinkProps = AnchorHTMLAttributes<HTMLAnchorElement> & {\n  href: string;\n  variant?: ButtonVariant;\n  size?: ButtonSize;\n};\n\nexport const ButtonLink = ({ variant, size, className, href, ...props }: ButtonLinkProps) => (\n  <a href={href} className={buttonClasses({ variant, size, className })} {...props} />\n);\n"],"mappings":";;;AASA,MAAa,cAAc,EAAE,SAAS,MAAM,WAAW,MAAM,GAAG,YAC9D,iBAAA,GAAA,kBAAA,IAAA,CAAC,KAAD;CAAS;CAAM,WAAWA,uBAAAA,cAAc;EAAE;EAAS;EAAM;CAAU,CAAC;CAAG,GAAI;AAAQ,CAAA"}

package/dist/components/Button/ButtonLink.d.cts

@@ -0,0 +1,10 @@
+import { ButtonSize, ButtonVariant } from "./button-classes.cjs";
+import { AnchorHTMLAttributes } from "react";
+type ButtonLinkProps = AnchorHTMLAttributes<HTMLAnchorElement> & {
+  href: string;
+  variant?: ButtonVariant;
+  size?: ButtonSize;
+};
+declare const ButtonLink: ({ variant, size, className, href, ...props }: ButtonLinkProps) => import("react").JSX.Element;
+export { ButtonLink, ButtonLinkProps };
+//# sourceMappingURL=ButtonLink.d.cts.map

package/dist/components/Button/ButtonLink.d.mts

@@ -0,0 +1,10 @@
+import { ButtonSize, ButtonVariant } from "./button-classes.mjs";
+import { AnchorHTMLAttributes } from "react";
+type ButtonLinkProps = AnchorHTMLAttributes<HTMLAnchorElement> & {
+  href: string;
+  variant?: ButtonVariant;
+  size?: ButtonSize;
+};
+declare const ButtonLink: ({ variant, size, className, href, ...props }: ButtonLinkProps) => import("react").JSX.Element;
+export { ButtonLink, ButtonLinkProps };
+//# sourceMappingURL=ButtonLink.d.mts.map

package/dist/components/Button/ButtonLink.mjs

@@ -0,0 +1,15 @@
+import { buttonClasses } from "./button-classes.mjs";
+import { jsx } from "react/jsx-runtime";
+// src/components/Button/ButtonLink.tsx
+const ButtonLink = ({ variant, size, className, href, ...props }) => /* @__PURE__ */ jsx("a", {
+	href,
+	className: buttonClasses({
+		variant,
+		size,
+		className
+	}),
+	...props
+});
+export { ButtonLink };
+
+//# sourceMappingURL=ButtonLink.mjs.map

package/dist/components/Button/ButtonLink.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonLink.mjs","names":[],"sources":["../../../src/components/Button/ButtonLink.tsx"],"sourcesContent":["import type { AnchorHTMLAttributes } from \"react\";\nimport { buttonClasses, type ButtonSize, type ButtonVariant } from \"./button-classes\";\n\nexport type ButtonLinkProps = AnchorHTMLAttributes<HTMLAnchorElement> & {\n  href: string;\n  variant?: ButtonVariant;\n  size?: ButtonSize;\n};\n\nexport const ButtonLink = ({ variant, size, className, href, ...props }: ButtonLinkProps) => (\n  <a href={href} className={buttonClasses({ variant, size, className })} {...props} />\n);\n"],"mappings":";;;AASA,MAAa,cAAc,EAAE,SAAS,MAAM,WAAW,MAAM,GAAG,YAC9D,oBAAC,KAAD;CAAS;CAAM,WAAW,cAAc;EAAE;EAAS;EAAM;CAAU,CAAC;CAAG,GAAI;AAAQ,CAAA"}

package/dist/components/Button/button-classes.cjs

@@ -0,0 +1,16 @@
+const require_cn = require("../../lib/cn.cjs");
+// src/components/Button/button-classes.ts
+const base = "inline-flex items-center justify-center gap-2 font-medium transition-colors focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-accent disabled:pointer-events-none disabled:opacity-50";
+const variants = {
+	primary: "bg-primary text-primary-content hover:bg-accent hover:text-accent-content",
+	ghost: "border border-base-content/12 bg-transparent text-base-content hover:bg-base-content/5",
+	link: "text-base-content underline-offset-4 hover:underline"
+};
+const sizes = {
+	sm: "px-4 py-2 text-sm",
+	md: "px-6 py-3.5 text-sm"
+};
+const buttonClasses = ({ variant = "primary", size = "md", className } = {}) => require_cn.cn(base, variants[variant], sizes[size], className);
+exports.buttonClasses = buttonClasses;
+
+//# sourceMappingURL=button-classes.cjs.map

package/dist/components/Button/button-classes.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-classes.cjs","names":["cn"],"sources":["../../../src/components/Button/button-classes.ts"],"sourcesContent":["import { cn } from \"../../lib/cn\";\n\nexport type ButtonVariant = \"primary\" | \"ghost\" | \"link\";\nexport type ButtonSize = \"sm\" | \"md\";\n\nconst base =\n  \"inline-flex items-center justify-center gap-2 font-medium 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<ButtonVariant, string> = {\n  primary: \"bg-primary text-primary-content hover:bg-accent hover:text-accent-content\",\n  ghost: \"border border-base-content/12 bg-transparent text-base-content hover:bg-base-content/5\",\n  link: \"text-base-content underline-offset-4 hover:underline\",\n};\n\nconst sizes: Record<ButtonSize, string> = {\n  sm: \"px-4 py-2 text-sm\",\n  md: \"px-6 py-3.5 text-sm\",\n};\n\nexport const buttonClasses = ({\n  variant = \"primary\",\n  size = \"md\",\n  className,\n}: {\n  variant?: ButtonVariant;\n  size?: ButtonSize;\n  className?: string;\n} = {}): string => cn(base, variants[variant], sizes[size], className);\n"],"mappings":";;AAKA,MAAM,OACJ;AAEF,MAAM,WAA0C;CAC9C,SAAS;CACT,OAAO;CACP,MAAM;AACR;AAEA,MAAM,QAAoC;CACxC,IAAI;CACJ,IAAI;AACN;AAEA,MAAa,iBAAiB,EAC5B,UAAU,WACV,OAAO,MACP,cAKE,CAAC,MAAcA,WAAAA,GAAG,MAAM,SAAS,UAAU,MAAM,OAAO,SAAS"}

package/dist/components/Button/button-classes.d.cts

@@ -0,0 +1,9 @@
+type ButtonVariant = "primary" | "ghost" | "link";
+type ButtonSize = "sm" | "md";
+declare const buttonClasses: ({ variant, size, className }?: {
+  variant?: ButtonVariant;
+  size?: ButtonSize;
+  className?: string;
+}) => string;
+export { ButtonSize, ButtonVariant, buttonClasses };
+//# sourceMappingURL=button-classes.d.cts.map

package/dist/components/Button/button-classes.d.mts

@@ -0,0 +1,9 @@
+type ButtonVariant = "primary" | "ghost" | "link";
+type ButtonSize = "sm" | "md";
+declare const buttonClasses: ({ variant, size, className }?: {
+  variant?: ButtonVariant;
+  size?: ButtonSize;
+  className?: string;
+}) => string;
+export { ButtonSize, ButtonVariant, buttonClasses };
+//# sourceMappingURL=button-classes.d.mts.map

package/dist/components/Button/button-classes.mjs

@@ -0,0 +1,16 @@
+import { cn } from "../../lib/cn.mjs";
+// src/components/Button/button-classes.ts
+const base = "inline-flex items-center justify-center gap-2 font-medium transition-colors focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-accent disabled:pointer-events-none disabled:opacity-50";
+const variants = {
+	primary: "bg-primary text-primary-content hover:bg-accent hover:text-accent-content",
+	ghost: "border border-base-content/12 bg-transparent text-base-content hover:bg-base-content/5",
+	link: "text-base-content underline-offset-4 hover:underline"
+};
+const sizes = {
+	sm: "px-4 py-2 text-sm",
+	md: "px-6 py-3.5 text-sm"
+};
+const buttonClasses = ({ variant = "primary", size = "md", className } = {}) => cn(base, variants[variant], sizes[size], className);
+export { buttonClasses };
+
+//# sourceMappingURL=button-classes.mjs.map

package/dist/components/Button/button-classes.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-classes.mjs","names":[],"sources":["../../../src/components/Button/button-classes.ts"],"sourcesContent":["import { cn } from \"../../lib/cn\";\n\nexport type ButtonVariant = \"primary\" | \"ghost\" | \"link\";\nexport type ButtonSize = \"sm\" | \"md\";\n\nconst base =\n  \"inline-flex items-center justify-center gap-2 font-medium 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<ButtonVariant, string> = {\n  primary: \"bg-primary text-primary-content hover:bg-accent hover:text-accent-content\",\n  ghost: \"border border-base-content/12 bg-transparent text-base-content hover:bg-base-content/5\",\n  link: \"text-base-content underline-offset-4 hover:underline\",\n};\n\nconst sizes: Record<ButtonSize, string> = {\n  sm: \"px-4 py-2 text-sm\",\n  md: \"px-6 py-3.5 text-sm\",\n};\n\nexport const buttonClasses = ({\n  variant = \"primary\",\n  size = \"md\",\n  className,\n}: {\n  variant?: ButtonVariant;\n  size?: ButtonSize;\n  className?: string;\n} = {}): string => cn(base, variants[variant], sizes[size], className);\n"],"mappings":";;AAKA,MAAM,OACJ;AAEF,MAAM,WAA0C;CAC9C,SAAS;CACT,OAAO;CACP,MAAM;AACR;AAEA,MAAM,QAAoC;CACxC,IAAI;CACJ,IAAI;AACN;AAEA,MAAa,iBAAiB,EAC5B,UAAU,WACV,OAAO,MACP,cAKE,CAAC,MAAc,GAAG,MAAM,SAAS,UAAU,MAAM,OAAO,SAAS"}

package/dist/components/Button/index.cjs

@@ -0,0 +1,6 @@
+const require_button_classes = require("./button-classes.cjs");
+const require_Button = require("./Button.cjs");
+const require_ButtonLink = require("./ButtonLink.cjs");
+exports.Button = require_Button.Button;
+exports.ButtonLink = require_ButtonLink.ButtonLink;
+exports.buttonClasses = require_button_classes.buttonClasses;

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

@@ -0,0 +1,4 @@
+import { ButtonSize, ButtonVariant, buttonClasses } from "./button-classes.cjs";
+import { Button, ButtonProps } from "./Button.cjs";
+import { ButtonLink, ButtonLinkProps } from "./ButtonLink.cjs";
+export { Button, ButtonLink, type ButtonLinkProps, type ButtonProps, type ButtonSize, type ButtonVariant, buttonClasses };

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

@@ -0,0 +1,4 @@
+import { ButtonSize, ButtonVariant, buttonClasses } from "./button-classes.mjs";
+import { Button, ButtonProps } from "./Button.mjs";
+import { ButtonLink, ButtonLinkProps } from "./ButtonLink.mjs";
+export { Button, ButtonLink, type ButtonLinkProps, type ButtonProps, type ButtonSize, type ButtonVariant, buttonClasses };

package/dist/components/Button/index.mjs

@@ -0,0 +1,4 @@
+import { buttonClasses } from "./button-classes.mjs";
+import { Button } from "./Button.mjs";
+import { ButtonLink } from "./ButtonLink.mjs";
+export { Button, ButtonLink, buttonClasses };

package/dist/components/Eyebrow/Eyebrow.cjs

@@ -0,0 +1,10 @@
+const require_cn = require("../../lib/cn.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+// src/components/Eyebrow/Eyebrow.tsx
+const Eyebrow = ({ className, ...props }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+	className: require_cn.cn("font-mono text-[0.65rem] uppercase tracking-[0.18em] text-base-content/60", className),
+	...props
+});
+exports.Eyebrow = Eyebrow;
+
+//# sourceMappingURL=Eyebrow.cjs.map

package/dist/components/Eyebrow/Eyebrow.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Eyebrow.cjs","names":["cn"],"sources":["../../../src/components/Eyebrow/Eyebrow.tsx"],"sourcesContent":["import type { HTMLAttributes } from \"react\";\nimport { cn } from \"../../lib/cn\";\n\nexport type EyebrowProps = HTMLAttributes<HTMLParagraphElement>;\n\nexport const Eyebrow = ({ className, ...props }: EyebrowProps) => (\n  <p\n    className={cn(\n      \"font-mono text-[0.65rem] uppercase tracking-[0.18em] text-base-content/60\",\n      className,\n    )}\n    {...props}\n  />\n);\n"],"mappings":";;;AAKA,MAAa,WAAW,EAAE,WAAW,GAAG,YACtC,iBAAA,GAAA,kBAAA,IAAA,CAAC,KAAD;CACE,WAAWA,WAAAA,GACT,6EACA,SACF;CACA,GAAI;AACL,CAAA"}

package/dist/components/Eyebrow/Eyebrow.d.cts

@@ -0,0 +1,5 @@
+import { HTMLAttributes } from "react";
+type EyebrowProps = HTMLAttributes<HTMLParagraphElement>;
+declare const Eyebrow: ({ className, ...props }: EyebrowProps) => import("react").JSX.Element;
+export { Eyebrow, EyebrowProps };
+//# sourceMappingURL=Eyebrow.d.cts.map

package/dist/components/Eyebrow/Eyebrow.d.mts

@@ -0,0 +1,5 @@
+import { HTMLAttributes } from "react";
+type EyebrowProps = HTMLAttributes<HTMLParagraphElement>;
+declare const Eyebrow: ({ className, ...props }: EyebrowProps) => import("react").JSX.Element;
+export { Eyebrow, EyebrowProps };
+//# sourceMappingURL=Eyebrow.d.mts.map

package/dist/components/Eyebrow/Eyebrow.mjs

@@ -0,0 +1,10 @@
+import { cn } from "../../lib/cn.mjs";
+import { jsx } from "react/jsx-runtime";
+// src/components/Eyebrow/Eyebrow.tsx
+const Eyebrow = ({ className, ...props }) => /* @__PURE__ */ jsx("p", {
+	className: cn("font-mono text-[0.65rem] uppercase tracking-[0.18em] text-base-content/60", className),
+	...props
+});
+export { Eyebrow };
+
+//# sourceMappingURL=Eyebrow.mjs.map

package/dist/components/Eyebrow/Eyebrow.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Eyebrow.mjs","names":[],"sources":["../../../src/components/Eyebrow/Eyebrow.tsx"],"sourcesContent":["import type { HTMLAttributes } from \"react\";\nimport { cn } from \"../../lib/cn\";\n\nexport type EyebrowProps = HTMLAttributes<HTMLParagraphElement>;\n\nexport const Eyebrow = ({ className, ...props }: EyebrowProps) => (\n  <p\n    className={cn(\n      \"font-mono text-[0.65rem] uppercase tracking-[0.18em] text-base-content/60\",\n      className,\n    )}\n    {...props}\n  />\n);\n"],"mappings":";;;AAKA,MAAa,WAAW,EAAE,WAAW,GAAG,YACtC,oBAAC,KAAD;CACE,WAAW,GACT,6EACA,SACF;CACA,GAAI;AACL,CAAA"}

package/dist/components/Eyebrow/index.cjs

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

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

@@ -0,0 +1,2 @@
+import { Eyebrow, EyebrowProps } from "./Eyebrow.cjs";
+export { Eyebrow, type EyebrowProps };

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

@@ -0,0 +1,2 @@
+import { Eyebrow, EyebrowProps } from "./Eyebrow.mjs";
+export { Eyebrow, type EyebrowProps };

package/dist/components/Eyebrow/index.mjs

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

package/dist/components/IconButton/IconButton.cjs

@@ -0,0 +1,17 @@
+const require_icon_button_classes = require("./icon-button-classes.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+// src/components/IconButton/IconButton.tsx
+const IconButton = ({ label, variant, size, className, type = "button", children, ...props }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+	type,
+	"aria-label": label,
+	className: require_icon_button_classes.iconButtonClasses({
+		variant,
+		size,
+		className
+	}),
+	...props,
+	children
+});
+exports.IconButton = IconButton;
+
+//# sourceMappingURL=IconButton.cjs.map

package/dist/components/IconButton/IconButton.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconButton.cjs","names":["iconButtonClasses"],"sources":["../../../src/components/IconButton/IconButton.tsx"],"sourcesContent":["import type { ButtonHTMLAttributes, ReactNode } from \"react\";\nimport {\n  iconButtonClasses,\n  type IconButtonSize,\n  type IconButtonVariant,\n} from \"./icon-button-classes\";\n\nexport type IconButtonProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, \"aria-label\"> & {\n  label: string;\n  variant?: IconButtonVariant;\n  size?: IconButtonSize;\n  children: ReactNode;\n};\n\nexport const IconButton = ({\n  label,\n  variant,\n  size,\n  className,\n  type = \"button\",\n  children,\n  ...props\n}: IconButtonProps) => (\n  <button\n    type={type}\n    aria-label={label}\n    className={iconButtonClasses({ variant, size, className })}\n    {...props}\n  >\n    {children}\n  </button>\n);\n"],"mappings":";;;AAcA,MAAa,cAAc,EACzB,OACA,SACA,MACA,WACA,OAAO,UACP,UACA,GAAG,YAEH,iBAAA,GAAA,kBAAA,IAAA,CAAC,UAAD;CACQ;CACN,cAAY;CACZ,WAAWA,4BAAAA,kBAAkB;EAAE;EAAS;EAAM;CAAU,CAAC;CACzD,GAAI;CAEH;AACK,CAAA"}

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

@@ -0,0 +1,11 @@
+import { IconButtonSize, IconButtonVariant } from "./icon-button-classes.cjs";
+import { ButtonHTMLAttributes, ReactNode } from "react";
+type IconButtonProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, "aria-label"> & {
+  label: string;
+  variant?: IconButtonVariant;
+  size?: IconButtonSize;
+  children: ReactNode;
+};
+declare const IconButton: ({ label, variant, size, className, type, children, ...props }: IconButtonProps) => import("react").JSX.Element;
+export { IconButton, IconButtonProps };
+//# sourceMappingURL=IconButton.d.cts.map

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

@@ -0,0 +1,11 @@
+import { IconButtonSize, IconButtonVariant } from "./icon-button-classes.mjs";
+import { ButtonHTMLAttributes, ReactNode } from "react";
+type IconButtonProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, "aria-label"> & {
+  label: string;
+  variant?: IconButtonVariant;
+  size?: IconButtonSize;
+  children: ReactNode;
+};
+declare const IconButton: ({ label, variant, size, className, type, children, ...props }: IconButtonProps) => import("react").JSX.Element;
+export { IconButton, IconButtonProps };
+//# sourceMappingURL=IconButton.d.mts.map

package/dist/components/IconButton/IconButton.mjs

@@ -0,0 +1,17 @@
+import { iconButtonClasses } from "./icon-button-classes.mjs";
+import { jsx } from "react/jsx-runtime";
+// src/components/IconButton/IconButton.tsx
+const IconButton = ({ label, variant, size, className, type = "button", children, ...props }) => /* @__PURE__ */ jsx("button", {
+	type,
+	"aria-label": label,
+	className: iconButtonClasses({
+		variant,
+		size,
+		className
+	}),
+	...props,
+	children
+});
+export { IconButton };
+
+//# sourceMappingURL=IconButton.mjs.map

package/dist/components/IconButton/IconButton.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconButton.mjs","names":[],"sources":["../../../src/components/IconButton/IconButton.tsx"],"sourcesContent":["import type { ButtonHTMLAttributes, ReactNode } from \"react\";\nimport {\n  iconButtonClasses,\n  type IconButtonSize,\n  type IconButtonVariant,\n} from \"./icon-button-classes\";\n\nexport type IconButtonProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, \"aria-label\"> & {\n  label: string;\n  variant?: IconButtonVariant;\n  size?: IconButtonSize;\n  children: ReactNode;\n};\n\nexport const IconButton = ({\n  label,\n  variant,\n  size,\n  className,\n  type = \"button\",\n  children,\n  ...props\n}: IconButtonProps) => (\n  <button\n    type={type}\n    aria-label={label}\n    className={iconButtonClasses({ variant, size, className })}\n    {...props}\n  >\n    {children}\n  </button>\n);\n"],"mappings":";;;AAcA,MAAa,cAAc,EACzB,OACA,SACA,MACA,WACA,OAAO,UACP,UACA,GAAG,YAEH,oBAAC,UAAD;CACQ;CACN,cAAY;CACZ,WAAW,kBAAkB;EAAE;EAAS;EAAM;CAAU,CAAC;CACzD,GAAI;CAEH;AACK,CAAA"}

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

@@ -0,0 +1,16 @@
+const require_cn = require("../../lib/cn.cjs");
+// 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 } = {}) => require_cn.cn(base, variants[variant], sizes[size], className);
+exports.iconButtonClasses = iconButtonClasses;
+
+//# sourceMappingURL=icon-button-classes.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"icon-button-classes.cjs","names":["cn"],"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,MAAcA,WAAAA,GAAG,MAAM,SAAS,UAAU,MAAM,OAAO,SAAS"}

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

@@ -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.cts.map