@enya-learning/nova 0.4.0

package/Readme.md

@@ -0,0 +1,418 @@
+# @enya-learning/nova
+
+Enya Learning's component library for building modern web applications.
+
+Nova provides accessible, themeable UI components built on
+[Base UI](https://base-ui.com) primitives and styled with Tailwind CSS v4. It
+handles keyboard navigation, focus management, and ARIA attributes so you can
+build accessible applications without thinking through every detail.
+
+## Installation
+
+```bash
+pnpm add @enya-learning/nova
+```
+
+## Peer Dependencies
+
+```bash
+pnpm add react react-dom
+```
+
+## Import Components
+
+```tsx
+// Main package import
+import { Button, Input, Dialog } from "@enya-learning/nova"
+
+// Granular imports (recommended for tree-shaking)
+import { Button } from "@enya-learning/nova/components/button"
+```
+
+## Import Styles
+
+### For Tailwind CSS v4 Users
+
+Tailwind CSS v4 does not scan `node_modules/` by default. Add a `@source`
+directive so Tailwind discovers the utility classes Nova uses — without this,
+components may render with missing styles.
+
+In your main CSS file:
+
+```css
+@source "../node_modules/@enya-learning/nova/dist/**/*.{js,jsx,ts,tsx}";
+@import "@enya-learning/nova/styles";
+@import "tailwindcss";
+```
+
+Import order matters — `@enya-learning/nova/styles` must come before
+`@import "tailwindcss"` so Nova's `@theme` tokens are registered first.
+
+> **Note:** The `@source` path is relative to your CSS file. Adjust it based on
+> your project structure.
+
+### Global CSS (optional)
+
+Nova ships a `globals.css` for base resets and font loading:
+
+```css
+@import "@enya-learning/nova/globals.css";
+```
+
+## Styles architecture
+
+Nova's CSS is split across four files with distinct responsibilities:
+
+| File               | Role                                                                                                                                                                                                                        |
+| ------------------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `nova-binding.css` | Registers the raw palette into Tailwind's `@theme` — every `nova-*` colour stop and utilities like `--ease-bounce`. This is what makes `bg-nova-sky-500` work as a class.                                                   |
+| `theme-nova.css`   | Semantic tokens — maps palette stops to _meaning_ (`--color-nova-brand`, `--color-nova-success`, `--text-color-nova-subtle`, etc.) with `light-dark()` for automatic light/dark switching.                                  |
+| `nova.css`         | The bridge to shadcn — remaps shadcn's generic variables (`--primary`, `--background`, `--destructive`, etc.) onto nova semantic tokens so shadcn components pick up nova colours without modification.                     |
+| `globals.css`      | App entry point — imports Tailwind, fonts, shadcn base, and `nova.css`. Also sets `@theme inline` to wire shadcn colour vars into Tailwind's class system, defines the `dark` variant, and applies base body/border styles. |
+
+**Import chain:**
+
+```
+globals.css → nova.css → nova-binding.css → theme-nova.css
+```
+
+**Where to make changes:**
+
+- Adding a new colour stop → `nova-binding.css`
+- Adding or changing what a colour _means_ (e.g. a new `nova-brand-subtle`
+  surface) → `theme-nova.css`
+- Swapping which palette scale powers a semantic role (e.g. changing the brand
+  variant) → `nova-binding.css` brand alias block
+- Mapping a new shadcn variable to nova → `nova.css`
+
+---
+
+## Base UI Primitives
+
+Nova is built on [Base UI](https://base-ui.com). For advanced use cases
+requiring fine-grained control, reach into your own `@base-ui/react` dependency
+directly:
+
+```tsx
+import { Popover } from "@base-ui/react"
+```
+
+Prefer styled Nova components when available — use Base UI primitives only for
+custom components not yet in Nova.
+
+---
+
+## Table of contents
+
+- [Overview](#overview)
+- [Prerequisites](#prerequisites)
+- [Development workflows](#development-workflows)
+- [Adding a new component](#adding-a-new-component)
+- [Writing stories](#writing-stories)
+- [Generating docs](#generating-docs)
+- [Testing and quality](#testing-and-quality)
+- [Publishing](#publishing)
+
+---
+
+## Overview
+
+```
+nova/
+├── apps/
+│   └── web/           Astro documentation site (localhost:4321)
+└── packages/
+    └── nova/          This package — the component library
+        ├── src/
+        │   ├── components/   One folder per component
+        │   ├── styles/       Design tokens and global CSS
+        │   ├── lib/          Utilities (cn, etc.)
+        │   └── index.ts      Library barrel export
+        └── .storybook/       Storybook configuration
+```
+
+**Three moving parts:**
+
+| Tool                         | Purpose                                           | Port |
+| ---------------------------- | ------------------------------------------------- | ---- |
+| Storybook                    | Isolated component development & interactive docs | 6006 |
+| `pnpm dev`                   | Vite watch build — feeds the Astro docs site      | —    |
+| Astro docs site (`apps/web`) | Static documentation website                      | 4321 |
+
+Storybook is the primary development environment. The Astro docs site is for
+publishing static reference documentation.
+
+---
+
+## Prerequisites
+
+- **Node** ≥ 22.12
+- **pnpm** 10
+
+```bash
+# From the monorepo root — installs all workspaces
+pnpm install
+```
+
+---
+
+## Development workflows
+
+### Option A — Storybook (recommended for component work)
+
+The fastest way to build and test components in isolation.
+
+```bash
+# From packages/nova
+pnpm storybook
+# → http://localhost:6006
+```
+
+What you get:
+
+- Full HMR with React Fast Refresh
+- Interactive controls for every prop
+- Auto-generated prop tables from TypeScript types (`autodocs` tag)
+- Light/dark mode toggle (sets `data-mode="dark"` on the root element)
+- Accessibility panel
+
+### Option B — Watch build + Astro docs site
+
+Use this when you need to see your changes reflected in the actual documentation
+website.
+
+```bash
+# Terminal 1 — rebuild nova on every save (~400ms)
+cd packages/nova
+pnpm dev
+
+# Terminal 2 — Astro dev server
+cd apps/web
+pnpm dev
+# → http://localhost:4321
+```
+
+Refresh the browser after a nova rebuild to see changes.
+
+---
+
+## Adding a new component
+
+Use the generator to scaffold the files and wire up the exports in one step:
+
+```bash
+pnpm --filter @enya-learning/nova new-component
+```
+
+The generator creates the component file, barrel index, and story, then
+automatically adds the barrel export to `src/index.ts` and the build entry to
+`vite.config.ts`. The `package.json` exports use a wildcard (`"./components/*"`)
+— no manual edit needed.
+
+After running the generator, complete these final steps manually:
+
+### 1. Implement the component
+
+Fill in `src/components/{name}/{name}.tsx` — the generator creates a minimal
+`<div>` shell.
+
+### 2. Write a story
+
+The generator creates a stub story with a single `Default` export. Add variant
+and state stories. See [Writing stories](#writing-stories) below.
+
+### 3. Generate the docs page
+
+```bash
+pnpm generate-docs
+```
+
+This creates `apps/web/src/content/components/{name}.mdx` from your story file.
+Commit it.
+
+---
+
+### Reference: what the generator does
+
+For manual setups or debugging, here is what `pnpm new-component` automates:
+
+**Creates:**
+
+```
+src/components/{name}/
+├── {name}.tsx          component shell
+├── {name}.stories.tsx  Storybook story stub
+└── index.ts            barrel re-export (export * from "./{name}")
+```
+
+**Modifies `src/index.ts`** — appends before the utils export:
+
+```ts
+export * from "./components/{name}"
+```
+
+**Modifies `vite.config.ts`** — inserts before `// ADD_COMPONENT_ENTRY_HERE`:
+
+```ts
+"components/{name}": resolve(__dirname, "src/components/{name}/index.ts"),
+```
+
+---
+
+## Writing stories
+
+Stories live alongside their component:
+
+```
+src/components/button/
+├── button.tsx
+├── button.stories.tsx   ← story file
+└── index.ts
+```
+
+### Canonical pattern
+
+```tsx
+import type { Meta, StoryObj } from "@storybook/react"
+import { Button } from "./button"
+
+// Meta: describes the component and sets defaults shared across all stories
+const meta: Meta<typeof Button> = {
+  title: "Components/Button",
+  component: Button,
+  tags: ["autodocs"], // enables the auto-generated Docs tab
+  args: { children: "Click me" }, // default prop values for all stories
+}
+
+export default meta
+type Story = StoryObj<typeof meta>
+
+// Each named export is one story (one state of the component)
+export const Default: Story = {}
+
+export const Outline: Story = {
+  args: { variant: "outline" }, // overrides meta.args
+}
+
+export const Disabled: Story = {
+  args: { disabled: true },
+}
+```
+
+**Rules of thumb:**
+
+- Set shared defaults in `meta.args` (e.g. `children`, `placeholder`). Per-story
+  `args` merge on top.
+- Add `tags: ["autodocs"]` to every meta object — this activates the
+  auto-generated props table.
+- Give every variant and state its own named export so it appears in the
+  sidebar.
+- For components that render void HTML elements (e.g. `Input`, `Checkbox`), do
+  not set `children` in `args` — the generator produces self-closing JSX.
+- Use a `render:` function for multi-component showcase stories (AllVariants,
+  AllSizes). The doc generator skips these.
+
+### Dark mode
+
+The Storybook toolbar has a light/dark toggle. It sets `data-mode="dark"` on the
+HTML root, activating Nova's `dark:` Tailwind variant. All components respond
+automatically — no extra work needed in stories.
+
+---
+
+## Generating docs
+
+The generate-docs script reads every `*.stories.tsx` file, extracts prop types
+and story examples, and writes a `.mdx` file to the Astro docs site.
+
+```bash
+# From packages/nova
+pnpm generate-docs
+```
+
+Output: `apps/web/src/content/components/{name}.mdx`
+
+Re-run this whenever you:
+
+- Add a new component story
+- Add or rename stories
+- Update `meta.args`
+
+The generated MDX files are committed to the repo so the Astro site can build
+without running the script in CI.
+
+---
+
+## Testing and quality
+
+```bash
+# Unit tests (vitest)
+pnpm test           # single run
+pnpm test:watch     # watch mode
+
+# TypeScript
+pnpm typecheck
+
+# Lint
+pnpm lint
+
+# Format
+pnpm format
+```
+
+Run all checks from the monorepo root:
+
+```bash
+pnpm --filter @enya-learning/nova test
+pnpm typecheck   # runs across all workspaces via turbo
+pnpm lint
+```
+
+---
+
+## Publishing
+
+Nova is published to the GitHub npm registry (`npm.pkg.github.com`). Publishing
+requires a GitHub Personal Access Token with `packages:write` scope in your
+`~/.npmrc`:
+
+```
+//npm.pkg.github.com/:_authToken=YOUR_TOKEN
+```
+
+### Release flow
+
+**1. Create a changeset** — describe what changed and choose a semver bump:
+
+```bash
+# From the monorepo root
+pnpm changeset
+```
+
+Select `@enya-learning/nova`, choose `patch / minor / major`, write a one-line
+description. This creates a `.changeset/*.md` file — commit it with your feature
+branch.
+
+**Semver guide:** | Change type | Bump | |-------------|------| | Bug fix, style
+tweak | `patch` | | New component, new prop, new variant | `minor` | | Removed
+export, renamed prop, breaking API change | `major` |
+
+**2. Bump the version** — consumes all pending changesets and updates
+`CHANGELOG.md`:
+
+```bash
+pnpm version
+```
+
+**3. Build and publish**:
+
+```bash
+pnpm release
+# → builds packages/nova, then runs changeset publish
+```
+
+**4. Push the version commit and tags**:
+
+```bash
+git push && git push --tags
+```

package/changelog.md

@@ -0,0 +1,44 @@
+# @enya-learning/nova
+
+## 0.4.0
+
+### Minor Changes
+
+- Add EnyaLogo component, expand Button variants and sizes, add
+  `nova/no-primitive-colors` ESLint rule, and introduce status color tokens.
+  - **EnyaLogo**: new brand SVG component with `variant` (color/mono/white) and
+    `size` props, full MDX docs and Storybook stories
+  - **Button**: new `accent` variant; new `xl`, `icon-xs`, `icon-sm`, `icon-lg`,
+    `icon-xl` sizes; updated default variant from `bg-primary` to
+    `bg-foreground` (Nova brand style); full MDX docs and expanded stories
+  - **ESLint**: new `nova/no-primitive-colors` rule prevents raw colour values —
+    enforces semantic token usage
+  - **Colours**: palette CSS variables single-sourced; status color tokens
+    added; Colours story reworked
+  - **Styles**: updated `nova-binding.css` and `theme-nova.css` with expanded
+    token set
+
+## 0.2.1
+
+### Patch Changes
+
+- bb05c41: updated typography styling for nova
+
+## 0.2.0
+
+### Minor Changes
+
+- 5be8520: Updated all components to have storybook definitions (regressions
+  still exist and not stable)
+
+## 0.1.0
+
+### Minor Changes
+
+- Initial release of Nova — Enya Learning's component library.
+  - Full component set built on Base UI primitives and Tailwind CSS v4
+  - Nova colour token system aligned with shadcn naming conventions, namespaced
+    under `nova-*`
+  - Design tokens generated from Style Dictionary with light/dark mode support
+  - Corrected peer dependency classification: `react`, `react-dom`, and
+    `lucide-react` are now peer dependencies rather than bundled dependencies

package/components.json

@@ -0,0 +1,23 @@
+{
+  "$schema": "https://ui.shadcn.com/schema.json",
+  "style": "base-maia",
+  "rsc": false,
+  "tsx": true,
+  "tailwind": {
+    "config": "",
+    "css": "src/styles/nova.css",
+    "baseColor": "neutral",
+    "cssVariables": false
+  },
+  "iconLibrary": "lucide",
+  "aliases": {
+    "components": "@enya-learning/nova/components",
+    "utils": "@enya-learning/nova/lib/utils",
+    "hooks": "@enya-learning/nova/hooks",
+    "lib": "@enya-learning/nova/lib",
+    "ui": "@enya-learning/nova/components"
+  },
+  "rtl": true,
+  "menuColor": "default",
+  "menuAccent": "subtle"
+}

package/dist/chunks/button-npy7isi3nsvlhf86.js

@@ -0,0 +1,81 @@
+"use client";
+import { pn as m } from "./vendor-base-ui-efqwzv4oinwg1f0d.js";
+import { n as p } from "./vendor-styling-eeiy57tyznmxsfky.js";
+import { t as y } from "./utils-kyb5nny4y41y7hd8.js";
+import { jsx as k } from "react/jsx-runtime";
+var g = (i) => typeof i == "boolean" ? `${i}` : i === 0 ? "0" : i, b = p, z = (i, t) => (e) => {
+  var s;
+  if (t?.variants == null) return b(i, e?.class, e?.className);
+  const { variants: u, defaultVariants: d } = t, x = Object.keys(u).map((n) => {
+    const a = e?.[n], o = d?.[n];
+    if (a === null) return null;
+    const r = g(a) || g(o);
+    return u[n][r];
+  }), c = e && Object.entries(e).reduce((n, a) => {
+    let [o, r] = a;
+    return r === void 0 || (n[o] = r), n;
+  }, {});
+  return b(i, x, t == null || (s = t.compoundVariants) === null || s === void 0 ? void 0 : s.reduce((n, a) => {
+    let { class: o, className: r, ...f } = a;
+    return Object.entries(f).every((h) => {
+      let [v, l] = h;
+      return Array.isArray(l) ? l.includes({
+        ...d,
+        ...c
+      }[v]) : {
+        ...d,
+        ...c
+      }[v] === l;
+    }) ? [
+      ...n,
+      o,
+      r
+    ] : n;
+  }, []), e?.class, e?.className);
+}, _ = z("group/button inline-flex shrink-0 items-center justify-center rounded-4xl border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all duration-150 outline-none select-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 active:not-aria-[haspopup]:scale-[0.97] disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", {
+  variants: {
+    variant: {
+      accent: "bg-accent text-primary-foreground hover:bg-accent/80",
+      default: "bg-foreground text-primary-foreground hover:bg-foreground/80",
+      outline: "border-border bg-nova-white hover:bg-input/30 hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground",
+      secondary: "bg-secondary text-secondary-foreground hover:bg-[color-mix(in_oklch,var(--secondary),var(--foreground)_5%)] aria-expanded:bg-secondary aria-expanded:text-secondary-foreground",
+      ghost: "hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50",
+      destructive: "bg-destructive/10 text-destructive hover:bg-destructive/20 focus-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:hover:bg-destructive/30 dark:focus-visible:ring-destructive/40",
+      link: "text-primary underline-offset-4 hover:underline"
+    },
+    size: {
+      default: "h-9 gap-1.5 px-3 has-data-[icon=inline-end]:pe-2.5 has-data-[icon=inline-start]:ps-2.5",
+      xs: "h-6 gap-1 px-2.5 text-xs has-data-[icon=inline-end]:pe-2 has-data-[icon=inline-start]:ps-2 [&_svg:not([class*='size-'])]:size-3",
+      sm: "h-8 gap-1 px-3 has-data-[icon=inline-end]:pe-2 has-data-[icon=inline-start]:ps-2",
+      lg: "h-10 gap-1.5 px-4 has-data-[icon=inline-end]:pe-3 has-data-[icon=inline-start]:ps-3",
+      xl: "h-15 gap-2 rounded-full px-5 text-2xl has-data-[icon=inline-end]:pe-4 has-data-[icon=inline-start]:ps-4",
+      icon: "size-9",
+      "icon-xs": "size-6 [&_svg:not([class*='size-'])]:size-3",
+      "icon-sm": "size-8",
+      "icon-lg": "size-10",
+      "icon-xl": "size-12"
+    }
+  },
+  defaultVariants: {
+    variant: "default",
+    size: "default"
+  }
+});
+function w({ className: i, variant: t = "default", size: e = "default", ...s }) {
+  return /* @__PURE__ */ k(m, {
+    "data-slot": "button",
+    className: y(_({
+      variant: t,
+      size: e,
+      className: i
+    })),
+    ...s
+  });
+}
+export {
+  _ as n,
+  z as r,
+  w as t
+};
+
+//# sourceMappingURL=button-npy7isi3nsvlhf86.js.map

package/dist/chunks/button-npy7isi3nsvlhf86.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-npy7isi3nsvlhf86.js","names":[],"sources":["../../../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.mjs","../../src/components/button/button.tsx"],"sourcesContent":["/**\n * Copyright 2022 Joe Bell. All rights reserved.\n *\n * This file is licensed to you under the Apache License, Version 2.0\n * (the \"License\"); you may not use this file except in compliance with the\n * License. You may obtain a copy of the License at\n *\n *   http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR REPRESENTATIONS OF ANY KIND, either express or implied. See the\n * License for the specific language governing permissions and limitations under\n * the License.\n */ import { clsx } from \"clsx\";\nconst falsyToString = (value)=>typeof value === \"boolean\" ? `${value}` : value === 0 ? \"0\" : value;\nexport const cx = clsx;\nexport const cva = (base, config)=>(props)=>{\n        var _config_compoundVariants;\n        if ((config === null || config === void 0 ? void 0 : config.variants) == null) return cx(base, props === null || props === void 0 ? void 0 : props.class, props === null || props === void 0 ? void 0 : props.className);\n        const { variants, defaultVariants } = config;\n        const getVariantClassNames = Object.keys(variants).map((variant)=>{\n            const variantProp = props === null || props === void 0 ? void 0 : props[variant];\n            const defaultVariantProp = defaultVariants === null || defaultVariants === void 0 ? void 0 : defaultVariants[variant];\n            if (variantProp === null) return null;\n            const variantKey = falsyToString(variantProp) || falsyToString(defaultVariantProp);\n            return variants[variant][variantKey];\n        });\n        const propsWithoutUndefined = props && Object.entries(props).reduce((acc, param)=>{\n            let [key, value] = param;\n            if (value === undefined) {\n                return acc;\n            }\n            acc[key] = value;\n            return acc;\n        }, {});\n        const getCompoundVariantClassNames = config === null || config === void 0 ? void 0 : (_config_compoundVariants = config.compoundVariants) === null || _config_compoundVariants === void 0 ? void 0 : _config_compoundVariants.reduce((acc, param)=>{\n            let { class: cvClass, className: cvClassName, ...compoundVariantOptions } = param;\n            return Object.entries(compoundVariantOptions).every((param)=>{\n                let [key, value] = param;\n                return Array.isArray(value) ? value.includes({\n                    ...defaultVariants,\n                    ...propsWithoutUndefined\n                }[key]) : ({\n                    ...defaultVariants,\n                    ...propsWithoutUndefined\n                })[key] === value;\n            }) ? [\n                ...acc,\n                cvClass,\n                cvClassName\n            ] : acc;\n        }, []);\n        return cx(base, getVariantClassNames, getCompoundVariantClassNames, props === null || props === void 0 ? void 0 : props.class, props === null || props === void 0 ? void 0 : props.className);\n    };\n\n","import { Button as ButtonPrimitive } from \"@base-ui/react/button\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"../../lib/utils\"\n\nconst buttonVariants = cva(\n  \"group/button inline-flex shrink-0 items-center justify-center rounded-4xl border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all duration-150 outline-none select-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 active:not-aria-[haspopup]:scale-[0.97] disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n  {\n    variants: {\n      variant: {\n        accent: \"bg-accent text-primary-foreground hover:bg-accent/80\",\n        default: \"bg-foreground text-primary-foreground hover:bg-foreground/80\",\n        outline:\n          \"border-border bg-nova-white hover:bg-input/30 hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground\",\n        secondary:\n          \"bg-secondary text-secondary-foreground hover:bg-[color-mix(in_oklch,var(--secondary),var(--foreground)_5%)] aria-expanded:bg-secondary aria-expanded:text-secondary-foreground\",\n        ghost:\n          \"hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50\",\n        destructive:\n          \"bg-destructive/10 text-destructive hover:bg-destructive/20 focus-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:hover:bg-destructive/30 dark:focus-visible:ring-destructive/40\",\n        link: \"text-primary underline-offset-4 hover:underline\",\n      },\n      size: {\n        default:\n          \"h-9 gap-1.5 px-3 has-data-[icon=inline-end]:pe-2.5 has-data-[icon=inline-start]:ps-2.5\",\n        xs: \"h-6 gap-1 px-2.5 text-xs has-data-[icon=inline-end]:pe-2 has-data-[icon=inline-start]:ps-2 [&_svg:not([class*='size-'])]:size-3\",\n        sm: \"h-8 gap-1 px-3 has-data-[icon=inline-end]:pe-2 has-data-[icon=inline-start]:ps-2\",\n        lg: \"h-10 gap-1.5 px-4 has-data-[icon=inline-end]:pe-3 has-data-[icon=inline-start]:ps-3\",\n        xl: \"h-15 gap-2 rounded-full px-5 text-2xl has-data-[icon=inline-end]:pe-4 has-data-[icon=inline-start]:ps-4\",\n        icon: \"size-9\",\n        \"icon-xs\": \"size-6 [&_svg:not([class*='size-'])]:size-3\",\n        \"icon-sm\": \"size-8\",\n        \"icon-lg\": \"size-10\",\n        \"icon-xl\": \"size-12\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  }\n)\n\nfunction Button({\n  className,\n  variant = \"default\",\n  size = \"default\",\n  ...props\n}: ButtonPrimitive.Props & VariantProps<typeof buttonVariants>) {\n  return (\n    <ButtonPrimitive\n      data-slot=\"button\"\n      className={cn(buttonVariants({ variant, size, className }))}\n      {...props}\n    />\n  )\n}\n\nexport { Button, buttonVariants }\n"],"x_google_ignoreList":[0],"mappings":";;;;;AAeA,IAAM,IAAA,CAAiB,MAAQ,OAAO,KAAU,YAAY,GAAG,CAAA,KAAU,MAAU,IAAI,MAAM,GAChF,IAAK,GACL,IAAA,CAAO,GAAM,MAAA,CAAU,MAAQ;AACpC,MAAI;AACJ,MAAqD,GAAO,YAAa,KAAM,QAAO,EAAG,GAAoD,GAAM,OAAqD,GAAM,SAAS;AACvN,QAAM,EAAE,UAAA,GAAU,iBAAA,EAAA,IAAoB,GAChC,IAAuB,OAAO,KAAK,CAAQ,EAAE,IAAA,CAAK,MAAU;AAC9D,UAAM,IAA4D,IAAM,CAAA,GAClE,IAAuF,IAAgB,CAAA;AAC7G,QAAI,MAAgB,KAAM,QAAO;AACjC,UAAM,IAAa,EAAc,CAAW,KAAK,EAAc,CAAkB;AACjF,WAAO,EAAS,CAAA,EAAS,CAAA;AAAA,EAC7B,CAAC,GACK,IAAwB,KAAS,OAAO,QAAQ,CAAK,EAAE,OAAA,CAAQ,GAAK,MAAQ;AAC9E,QAAI,CAAC,GAAK,CAAA,IAAS;AACnB,WAAI,MAAU,WAGd,EAAI,CAAA,IAAO,IACJ;AAAA,EACX,GAAG,CAAC,CAAC;AAkBL,SAAO,EAAG,GAAM,GAjBqB,KAAW,SAAsC,IAA2B,EAAO,sBAAsB,QAAQ,MAA6B,SAAvG,SAAyH,EAAyB,OAAA,CAAQ,GAAK,MAAQ;AAC/O,QAAI,EAAE,OAAO,GAAS,WAAW,GAAa,GAAG,EAAA,IAA2B;AAC5E,WAAO,OAAO,QAAQ,CAAsB,EAAE,MAAA,CAAO,MAAQ;AACzD,UAAI,CAAC,GAAK,CAAA,IAAS;AACnB,aAAO,MAAM,QAAQ,CAAK,IAAI,EAAM,SAAS;AAAA,QACzC,GAAG;AAAA,QACH,GAAG;AAAA,MACP,EAAE,CAAA,CAAI,IAAK;AAAA,QACP,GAAG;AAAA,QACH,GAAG;AAAA,MACP,EAAG,CAAA,MAAS;AAAA,IAChB,CAAC,IAAI;AAAA,MACD,GAAG;AAAA,MACH;AAAA,MACA;AAAA,IACJ,IAAI;AAAA,EACR,GAAG,CAAC,CAAC,GAC6G,GAAM,OAAqD,GAAM,SAAS;AAChM,GCjDE,IAAiB,EACrB,knBACA;AAAA,EACE,UAAU;AAAA,IACR,SAAS;AAAA,MACP,QAAQ;AAAA,MACR,SAAS;AAAA,MACT,SACE;AAAA,MACF,WACE;AAAA,MACF,OACE;AAAA,MACF,aACE;AAAA,MACF,MAAM;AAAA,IACR;AAAA,IACA,MAAM;AAAA,MACJ,SACE;AAAA,MACF,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,MAAM;AAAA,MACN,WAAW;AAAA,MACX,WAAW;AAAA,MACX,WAAW;AAAA,MACX,WAAW;AAAA,IACb;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,SAAS;AAAA,IACT,MAAM;AAAA,EACR;AACF,CACF;AAEA,SAAS,EAAO,EACd,WAAA,GACA,SAAA,IAAU,WACV,MAAA,IAAO,WACP,GAAG,EAAA,GAC2D;AAC9D,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,aAAU;AAAA,IACV,WAAW,EAAG,EAAe;AAAA,MAAE,SAAA;AAAA,MAAS,MAAA;AAAA,MAAM,WAAA;AAAA,IAAU,CAAC,CAAC;AAAA,IAC1D,GAAI;AAAA,EACL,CAAA;AAEL"}

package/dist/chunks/rolldown-runtime-fifbipqm1abz4ydz.js

@@ -0,0 +1,30 @@
+"use client";
+var _ = Object.create, u = Object.defineProperty, s = Object.getOwnPropertyDescriptor, f = Object.getOwnPropertyNames, c = Object.getPrototypeOf, v = Object.prototype.hasOwnProperty, O = (e, r) => () => (r || (e((r = { exports: {} }).exports, r), e = null), r.exports), b = (e, r) => {
+  let t = {};
+  for (var o in e)
+    u(t, o, {
+      get: e[o],
+      enumerable: !0
+    });
+  return r || u(t, Symbol.toStringTag, { value: "Module" }), t;
+}, g = (e, r, t, o) => {
+  if (r && typeof r == "object" || typeof r == "function")
+    for (var i = f(r), a = 0, l = i.length, n; a < l; a++)
+      n = i[a], !v.call(e, n) && n !== t && u(e, n, {
+        get: ((p) => r[p]).bind(null, n),
+        enumerable: !(o = s(r, n)) || o.enumerable
+      });
+  return e;
+}, P = (e, r, t) => (t = e != null ? _(c(e)) : {}, g(r || !e || !e.__esModule ? u(t, "default", {
+  value: e,
+  enumerable: !0
+}) : t, e)), d = /* @__PURE__ */ ((e) => typeof require < "u" ? require : typeof Proxy < "u" ? new Proxy(e, { get: (r, t) => (typeof require < "u" ? require : r)[t] }) : e)(function(e) {
+  if (typeof require < "u") return require.apply(this, arguments);
+  throw Error('Calling `require` for "' + e + "\" in an environment that doesn't expose the `require` function. See https://rolldown.rs/in-depth/bundling-cjs#require-external-modules for more details.");
+});
+export {
+  P as i,
+  b as n,
+  d as r,
+  O as t
+};

package/dist/chunks/utils-kyb5nny4y41y7hd8.js

@@ -0,0 +1,10 @@
+"use client";
+import { n as e, t as n } from "./vendor-styling-eeiy57tyznmxsfky.js";
+function s(...t) {
+  return n(e(t));
+}
+export {
+  s as t
+};
+
+//# sourceMappingURL=utils-kyb5nny4y41y7hd8.js.map

package/dist/chunks/utils-kyb5nny4y41y7hd8.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils-kyb5nny4y41y7hd8.js","names":[],"sources":["../../src/lib/utils.ts"],"sourcesContent":["import { clsx, type ClassValue } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n"],"mappings":";;AAGA,SAAgB,KAAM,GAAsB;AAC1C,SAAO,EAAQ,EAAK,CAAM,CAAC;AAC7B"}