@nqlib/nqui 0.4.2 → 0.4.4

package/README.md

@@ -10,43 +10,88 @@ A React component library with enhanced UI components and developer tools. Built
 
 ## Installation
 
-Install from npmjs.com (recommended - no authentication needed):
+### Install the package
+
+Install the published package from [npm](https://www.npmjs.com/package/@nqlib/nqui):
 
 ```bash
 npm install @nqlib/nqui @hugeicons/react @hugeicons/core-free-icons
 ```
 
-Hugeicons is required for icon display in components (Button, Accordion, Select, etc.).
+Hugeicons is required for icons in components (Button, Accordion, Select, etc.).
 
-**Full install** (all optional peers for Sortable, Carousel, DataTable, Calendar, etc.):
+**All optional peers** (Sortable, Carousel, DataTable, Calendar, etc.):
 
 ```bash
 npx @nqlib/nqui install-peers
 ```
 
-**After install:** A post-install message will show the next steps. Run `npx nqui-setup` anytime to see them again.  
-**Full setup & CLI reference:** See [INSTALLATION.md](./INSTALLATION.md) (what runs on install, all commands, recommended sequence).
+**After `npm install`:** the post-install script may add a `nqui:init` script and write initial Cursor rules under `.cursor/`. It does **not** copy full **nqui-skills** or set up CSS — run the commands below. Run `npx nqui-setup` (same as `npx @nqlib/nqui setup`) anytime to see next steps again. Post-install is skipped when `CI=true` or `CI=1`.
+
+### IDE skills (Cursor and compatible agents)
+
+Copy the library’s **skills** into your app so your IDE can follow nqui patterns (components, design system, ToggleGroup rules, etc.):
+
+| Command | What it does |
+|--------|----------------|
+| `npx @nqlib/nqui init-cursor` | Writes `.cursor/rules` and `.cursor/skills`, copies **`docs/nqui-skills`** → **`.cursor/nqui-skills`**, and creates **`AGENTS.md`** at the project root pointing agents at `.cursor/nqui-skills/SKILL.md`. |
+| `npx @nqlib/nqui init-skills` | **Skills only:** copies nqui-skills to `.cursor/nqui-skills/` and (re)creates `AGENTS.md`. Use `--force` to overwrite existing files. |
+| `npm run nqui:init` | **One-shot** (if post-install added this script): `install-peers` → `init-cursor` → `init-skills` → `init-css --sidebar --force`. You still add the CSS import to your main stylesheet (see [INSTALLATION.md](./INSTALLATION.md)). |
+
+After copying skills, **restart the IDE** so rules and skills reload.
+
+**Monorepos:** rules and skills are written to the workspace package that depends on `@nqlib/nqui`. Open that folder in your IDE so paths resolve.
+
+---
 
-**Alternative:** Install from GitHub Packages (requires GitHub account + token):
+### CLI commands
+
+Run from your **app project root** (where `package.json` lives). Equivalent **global bins** (when the package is installed): `nqui`, `nqui-setup`, `nqui-install-peers`, `nqui-init-cursor`, `nqui-init-skills`, `nqui-init-css`, `nqui-init-debug`.
+
+| Command | Description |
+|--------|-------------|
+| `npx @nqlib/nqui setup` | Re-run post-install: next steps + Cursor rules (not full skills/CSS). Same as `npx nqui-setup`. |
+| `npx @nqlib/nqui install-peers` | Install `@nqlib/nqui` and required + optional peer dependencies. |
+| `npx @nqlib/nqui init-cursor` | Cursor rules + **nqui-skills** → `.cursor/nqui-skills/` + `AGENTS.md`. |
+| `npx @nqlib/nqui init-skills` | Copy nqui-skills only; `--force` to overwrite. |
+| `npx @nqlib/nqui init-css` | Detect framework; create `nqui/index.css` and `nqui/nqui-setup.css`. Flags: `--sidebar`, `--force`, `--wizard`. Optional output path, e.g. `npx @nqlib/nqui init-css app/styles/nqui.css`. |
+| `npx @nqlib/nqui` | No args → same as **init-css** (default `nqui/index.css`). |
+| `npx @nqlib/nqui init-debug` or `init-debug-css` | Scaffold CSS for `DebugPanel`. |
+
+---
+
+### Recommended setup order
+
+**Option A — one command** (if `nqui:init` exists in `package.json`):
 
 ```bash
-# Create .npmrc in your project
-echo "@nqlib:registry=https://npm.pkg.github.com" > .npmrc
+npm run nqui:init
+```
+
+Then add `@import "@nqlib/nqui/styles";` (or your framework’s full CSS snippet) to your main CSS — see [INSTALLATION.md](./INSTALLATION.md) Step 2.
 
-# Authenticate with GitHub
-npm login --registry=https://npm.pkg.github.com
+**Option B — step by step:**
 
-# Install
+```bash
 npm install @nqlib/nqui @hugeicons/react @hugeicons/core-free-icons
+# optional: npx @nqlib/nqui install-peers
+
+npx @nqlib/nqui init-cursor
+# optional refresh: npx @nqlib/nqui init-skills
+
+npx @nqlib/nqui init-css --sidebar
+# add CSS import to app/globals.css or src/index.css — see INSTALLATION.md
 ```
 
+**Detailed CSS paths, Next.js `@source` lines, and troubleshooting:** [INSTALLATION.md](./INSTALLATION.md).
+
 ## Quick Start
 
-### Option 1: Package Import (Recommended)
+### Option 1: Package import (recommended)
 
-#### For Next.js
+#### Next.js
 
-1. **Import CSS in your `app/layout.tsx` or `app/globals.css`:**
+1. **Import CSS** in `app/globals.css` (or equivalent):
 
 ```tsx
 // app/globals.css
@@ -72,9 +117,10 @@ export default function Page() {
 }
 ```
 
-**Note:** Pages using nqui components must include `"use client"` because nqui components use React hooks.
+Pages using nqui must use `"use client"` where required (hooks).
+
+**Local linking:** with `npm link` or `file:`, you may need Webpack instead of Turbopack:
 
-**For Local Development:** If you're using `npm link` or `file:` protocol, you may need to use Webpack instead of Turbopack:
 ```json
 {
   "scripts": {
@@ -82,22 +128,22 @@ export default function Page() {
   }
 }
 ```
-See [Troubleshooting](#troubleshooting) for more details.
 
-#### For Vite
+See [Troubleshooting](#troubleshooting).
+
+#### Vite
 
-1. **Import CSS in your `src/main.tsx` or `src/index.css`:**
+1. **CSS** in `src/index.css`:
 
 ```css
-/* src/index.css */
 @import "tailwindcss";
 @import "tw-animate-css";
 @import "@nqlib/nqui/styles";
 ```
 
-**Note:** Vite does NOT require `@source` directives. Tailwind CSS v4 automatically scans files when using the `@tailwindcss/vite` plugin. Only Next.js requires `@source` directives.
+Vite with `@tailwindcss/vite` does not need the same `@source` directives as Next.js.
 
-2. **Use components:**
+2. **Components:**
 
 ```tsx
 import { Button } from '@nqlib/nqui';
@@ -107,43 +153,30 @@ function App() {
 }
 ```
 
-### Option 2: Init Script (Alternative)
-
-The init script automatically detects your framework and sets up CSS with framework-specific Tailwind directives:
+### Option 2: `init-css` helper
 
 ```bash
 npx @nqlib/nqui init-css
 ```
 
-This will:
-- Detect your framework (Next.js, Vite, Remix, etc.)
-- Add framework-specific Tailwind setup
-- Copy nqui CSS variables to the appropriate location
-- Provide next steps
-
-**For Next.js:** Creates/updates `app/globals.css` with Next.js-specific directives  
-**For Vite:** Creates/updates `src/index.css` with Vite-specific directives
+Detects Next.js, Vite, Remix, etc., and scaffolds CSS entry files; see [INSTALLATION.md](./INSTALLATION.md) for wiring the import into your main stylesheet.
 
-## Setup Requirements
+## Setup requirements
 
-### Tailwind CSS Configuration
+### Tailwind CSS
 
-nqui requires Tailwind CSS v4. Ensure you have it installed:
+nqui expects Tailwind CSS v4:
 
 ```bash
 npm install tailwindcss@^4.1.0
 ```
 
-For **Next.js**, Tailwind CSS v4 works with the new `@import` syntax in CSS files.
-
-For **Vite**, install the Tailwind CSS Vite plugin:
+**Vite** — add the plugin:
 
 ```bash
 npm install @tailwindcss/vite
 ```
 
-Then add it to your `vite.config.ts`:
-
 ```ts
 import tailwindcss from '@tailwindcss/vite';
 import { defineConfig } from 'vite';
@@ -153,16 +186,12 @@ export default defineConfig({
 });
 ```
 
-### Optional: Debug Tools
-
-If you want to use the debug tools in development:
+### Optional: debug tools
 
 ```bash
 npx @nqlib/nqui init-debug-css
 ```
 
-Then import in your app:
-
 ```tsx
 import { DebugPanel } from '@nqlib/nqui';
 import '@nqlib/nqui/debug.css';
@@ -177,16 +206,11 @@ function App() {
 }
 ```
 
-## Component Instructions
-
-Per-component implementation guides (AI/LLM-optimized) are in `docs/components/`:
-- After install: `node_modules/@nqlib/nqui/docs/components/README.md` (index of all components)
-- Each file: `nqui-<component>.md` — import, variants, props, notes
-- Token-optimized for easy AI consumption and implementation
+## Component instructions
 
-**Cursor/IDE rules:** Component guidelines are auto-injected to `.cursor/rules/nqui-components.mdc` on install. Run `npx @nqlib/nqui init-cursor` to refresh.
+Guides for each component live under `docs/components/` in the package (after install: `node_modules/@nqlib/nqui/docs/components/`). Use **`npx @nqlib/nqui init-skills`** (or `init-cursor`) so your IDE loads `.cursor/nqui-skills` and `AGENTS.md`.
 
-### Basic Components
+### Examples
 
 ```tsx
 import { Button, Checkbox, Input } from '@nqlib/nqui';
@@ -199,13 +223,8 @@ function MyForm() {
       <Button variant="default">Submit</Button>
     </form>
   );
-}
 ```
 
-### Enhanced Components
-
-nqui includes enhanced versions of common components with additional variants:
-
 ```tsx
 import { Button, Separator } from '@nqlib/nqui';
 
@@ -221,8 +240,6 @@ function MyComponent() {
 }
 ```
 
-### Custom Components
-
 ```tsx
 import { ColorPicker, Rating, TableOfContents } from '@nqlib/nqui';
 
@@ -237,48 +254,26 @@ function MyApp() {
 }
 ```
 
-## Framework Support
+## Framework support
 
-- ✅ **Next.js** (App Router) - Fully tested and supported
-- ✅ **Vite** - Fully supported
-- ✅ **Remix** - Supported
-- ✅ **Create React App** - Supported
+- **Next.js** (App Router)
+- **Vite**
+- **Remix**
+- **Create React App**
 
-All components are framework-agnostic and work with any React setup.
+Components are framework-agnostic for any React setup.
 
 ## Troubleshooting
 
-### @source Directives: Next.js vs Vite
-
-**Problem:** Tailwind classes not working, or confusion about whether to use `@source` directives
-
-**Solution:**
-- **Next.js REQUIRES `@source` directives** in your CSS file:
-  ```css
-  @import "tailwindcss";
-  @source "./**/*.{js,ts,jsx,tsx,mdx}";
-  @source "../components/**/*.{js,ts,jsx,tsx,mdx}";
-  @source "../node_modules/@nqlib/nqui/dist/**/*.js";
-  @import "tw-animate-css";
-  @import "@nqlib/nqui/styles";
-  ```
-
-- **Vite does NOT need `@source` directives** - Tailwind automatically scans files:
-  ```css
-  @import "tailwindcss";
-  @import "tw-animate-css";
-  @import "@nqlib/nqui/styles";
-  ```
+### `@source`: Next.js vs Vite
 
-**Why the difference?** Next.js has a different file structure and build process, so Tailwind needs explicit paths. Vite's `@tailwindcss/vite` plugin automatically handles file scanning.
+- **Next.js** needs `@source` lines so Tailwind sees app and `node_modules/@nqlib/nqui` — see the Quick Start block above.
+- **Vite** typically does not need those `@source` lines when using `@tailwindcss/vite`.
 
-**Common mistake:** Adding `@source` directives to Vite projects (not needed and may cause issues) or missing them in Next.js projects (will cause Tailwind to not find classes).
+### Module resolution (Next.js 16+, local packages)
 
-### Module Resolution Issues (Next.js 16+)
+If `@nqlib/nqui` fails to resolve with `npm link` / `file:`:
 
-If you encounter `Module not found: Can't resolve '@nqlib/nqui'` when using `npm link` or `file:` protocol, switch to Webpack:
-
-**Quick Fix:**
 ```json
 {
   "scripts": {
@@ -287,79 +282,36 @@ If you encounter `Module not found: Can't resolve '@nqlib/nqui'` when using `npm
 }
 ```
 
-**Or in `next.config.ts`:**
-```typescript
-const nextConfig: NextConfig = {
-  experimental: {
-    turbo: undefined, // Disable Turbopack
-  },
-};
-```
-
-**Why?** Next.js 16 uses Turbopack by default, which has limited symlink support. Webpack handles symlinks better for local development. Production builds always use Webpack, so there's no production impact.
+Production builds use Webpack; this mainly affects local dev with symlinks.
 
-See [instructions.md](./instructions.md) for more troubleshooting tips.
+More tips: [instructions.md](./instructions.md).
 
 ## Features
 
-- ✨ **Enhanced UI Components** - Button, Checkbox, RadioGroup, Separator, ScrollArea with additional variants
-- 🎨 **Custom Components** - ColorPicker, Rating, TableOfContents
-- 🛠️ **Debug Tools** - Development tools for inspecting and testing components
-- 🎯 **TypeScript** - Full TypeScript support with exported types
-- ♿ **Accessible** - Built on Radix UI primitives for accessibility
-- 🎨 **Themable** - CSS variables for easy theming
-- 📦 **Tree-shakeable** - Import only what you need
+- **UI components** — Buttons, forms, layout, data display, overlays, with consistent variants
+- **Custom components** — e.g. ColorPicker, Rating, TableOfContents
+- **Debug tools** — optional `DebugPanel` in development
+- **TypeScript** — exported types
+- **Accessible** — Radix UI primitives
+- **Theming** — CSS variables
+- **Tree-shakeable** — import only what you use
 
 ## Documentation
 
-- [Installation Guide](./INSTALLATION.md) - Detailed setup instructions
-- [Debug Tools](./src/components/debug/README.md) - Debug panel documentation
-- [AGENTS.md](./AGENTS.md) - Development guidelines for contributors
-
-## Development
+- [INSTALLATION.md](./INSTALLATION.md) — CSS setup, CLI details, monorepos
+- [Debug tools](./src/components/debug/README.md) — debug panel
+- [CHANGELOG.md](./CHANGELOG.md) — release history
 
-For contributors:
+## Publishing (maintainers)
 
-```bash
-# Install dependencies
-npm install
-
-# Run dev server (showcase app)
-npm run dev
-
-# Build library
-npm run build:lib
-
-# Build showcase app
-npm run build:app
-
-# Lint
-npm run lint
-```
-
-## Publishing
-
-For maintainers:
-
-**Publish to npmjs.com (recommended):**
 ```bash
 npm version patch|minor|major
 npm run publish:npm
 ```
 
-**Publish to GitHub Packages:**
-```bash
-npm version patch|minor|major
-npm run publish:github
-```
-
-**Publish to both:**
-```bash
-npm version patch|minor|major
-npm run publish:both
-```
+GitHub Packages: `npm run publish:github`. Both: `npm run publish:both`.
 
-See [PUBLISHING.md](./PUBLISHING.md) for detailed instructions.
+Details: [docs/internal-notes/PUBLISHING.md](./docs/internal-notes/PUBLISHING.md).
 
 ## License
 

package/dist/button-CJHdCq9I.js

@@ -0,0 +1,155 @@
+import { jsx as i } from "react/jsx-runtime";
+import * as o from "react";
+import { Slot as u } from "@radix-ui/react-slot";
+import { cva as b } from "class-variance-authority";
+import { c as g } from "./utils-B6yFEsav.js";
+function c(t) {
+  return o.Children.map(t, (e, r) => {
+    if (e === null || e === !1) return e;
+    if (typeof e == "string" || typeof e == "number")
+      return /* @__PURE__ */ i("span", { className: "min-w-0 shrink truncate", children: e }, `nqui-inline-lbl-${r}`);
+    if (o.isValidElement(e) && e.type === o.Fragment) {
+      const { children: n } = e.props;
+      return /* @__PURE__ */ i(o.Fragment, { children: c(n) }, `nqui-inline-fr-${r}`);
+    }
+    return e;
+  });
+}
+const h = b(
+  "inline-flex min-w-0 max-w-full items-center justify-center gap-2 whitespace-nowrap rounded-full text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground hover:bg-primary/90",
+        destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
+        outline: "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
+        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+        ghost: "hover:bg-accent hover:text-accent-foreground",
+        link: "text-primary underline-offset-4 hover:underline"
+      },
+      size: {
+        default: "h-7 min-w-7 px-3",
+        sm: "h-6 min-w-6 px-2 text-xs",
+        lg: "h-8 min-w-8 px-4",
+        icon: "h-7 w-7 p-0"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+), l = o.forwardRef(
+  ({ className: t, variant: e, size: r, asChild: n = !1, children: s, ...a }, d) => /* @__PURE__ */ i(
+    n ? u : "button",
+    {
+      className: g(h({ variant: e, size: r, className: t })),
+      ref: d,
+      ...a,
+      children: c(s)
+    }
+  )
+);
+l.displayName = "Button";
+const m = b(
+  "inline-flex min-w-0 max-w-full items-center justify-center gap-2 whitespace-nowrap rounded-full text-sm font-medium leading-normal text-center cursor-pointer select-none touch-manipulation transition-[color,background-color,border-color,box-shadow,opacity,transform] duration-150 ease-in-out focus:outline-0 focus-visible:outline-0 disabled:pointer-events-none disabled:opacity-65 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+  {
+    variants: {
+      variant: {
+        default: [
+          "bg-primary text-primary-foreground border border-primary",
+          "nqui-button-gradient nqui-button-shadow",
+          "opacity-90 hover:opacity-100",
+          "hover:bg-primary/90 hover:border-primary/90",
+          "focus:bg-primary/80 focus:border-primary/80",
+          "active:bg-primary/75 active:border-primary/75 active:shadow-[inset_0_3px_5px_rgba(0,0,0,0.125)] active:scale-95",
+          "disabled:bg-transparent disabled:shadow-none disabled:opacity-65"
+        ],
+        destructive: [
+          "bg-destructive text-destructive-foreground border border-destructive",
+          "nqui-button-gradient nqui-button-shadow",
+          "opacity-90 hover:opacity-100",
+          "hover:bg-destructive/90 hover:border-destructive/90",
+          "focus:bg-destructive/80 focus:border-destructive/80",
+          "active:bg-destructive/75 active:border-destructive/75 active:shadow-[inset_0_3px_5px_rgba(0,0,0,0.125)] active:scale-95",
+          "disabled:bg-transparent disabled:shadow-none disabled:opacity-65"
+        ],
+        secondary: [
+          "bg-secondary text-secondary-foreground border border-border",
+          "nqui-button-gradient nqui-button-shadow",
+          "opacity-90 hover:opacity-100",
+          "hover:bg-secondary/90 hover:border-border",
+          "focus:bg-secondary/80 focus:border-border",
+          "active:bg-secondary/75 active:border-border active:shadow-[inset_0_3px_5px_rgba(0,0,0,0.125)] active:scale-95",
+          "disabled:bg-transparent disabled:shadow-none disabled:opacity-65"
+        ],
+        success: [
+          "bg-success text-success-foreground border border-success",
+          "nqui-button-gradient nqui-button-shadow",
+          "opacity-90 hover:opacity-100",
+          "hover:bg-success/90 hover:border-success/90",
+          "focus:bg-success/80 focus:border-success/80",
+          "active:bg-success/75 active:border-success/75 active:shadow-[inset_0_3px_5px_rgba(0,0,0,0.125)] active:scale-95",
+          "disabled:bg-transparent disabled:shadow-none disabled:opacity-65"
+        ],
+        warning: [
+          "bg-warning text-warning-foreground border border-warning",
+          "nqui-button-gradient nqui-button-shadow",
+          "opacity-90 hover:opacity-100",
+          "hover:bg-warning/90 hover:border-warning/90",
+          "focus:bg-warning/80 focus:border-warning/80",
+          "active:bg-warning/75 active:border-warning/75 active:shadow-[inset_0_3px_5px_rgba(0,0,0,0.125)] active:scale-95",
+          "disabled:bg-transparent disabled:shadow-none disabled:opacity-65"
+        ],
+        info: [
+          "bg-info text-info-foreground border border-info",
+          "nqui-button-gradient nqui-button-shadow",
+          "opacity-90 hover:opacity-100",
+          "hover:bg-info/90 hover:border-info/90",
+          "focus:bg-info/80 focus:border-info/80",
+          "active:bg-info/75 active:border-info/75 active:shadow-[inset_0_3px_5px_rgba(0,0,0,0.125)] active:scale-95",
+          "disabled:bg-transparent disabled:shadow-none disabled:opacity-65"
+        ],
+        outline: "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
+        ghost: "hover:bg-accent hover:text-accent-foreground",
+        link: "text-primary underline-offset-4 hover:underline"
+      },
+      size: {
+        default: "h-7 min-w-7 px-3",
+        sm: "h-6 min-w-6 px-2 text-xs",
+        lg: "h-8 min-w-8 px-4",
+        icon: "h-7 w-7 p-0"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+), y = o.forwardRef(
+  ({ className: t, variant: e, size: r, asChild: n = !1, children: s, ...a }, d) => {
+    if (!(e && ["default", "destructive", "secondary", "success", "warning", "info"].includes(e)) && e)
+      return /* @__PURE__ */ i(
+        l,
+        {
+          ref: d,
+          variant: e === "outline" || e === "ghost" || e === "link" ? e : "default",
+          size: r,
+          className: t,
+          asChild: n,
+          ...a,
+          children: s
+        }
+      );
+    const p = n ? u : "button", v = g(m({ variant: e, size: r, className: t }));
+    return /* @__PURE__ */ i(p, { className: v, style: a.style, ref: d, ...a, children: c(s) });
+  }
+);
+y.displayName = "EnhancedButton";
+export {
+  l as B,
+  y as E,
+  h as b,
+  m as e,
+  c as w
+};

package/dist/button-R304rhsj.cjs

@@ -0,0 +1 @@
+"use strict";const i=require("react/jsx-runtime"),w=require("react"),l=require("@radix-ui/react-slot"),g=require("class-variance-authority"),f=require("./utils-IjLH3w2e.cjs");function _(r){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const t in r)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(r,t);Object.defineProperty(e,t,n.get?n:{enumerable:!0,get:()=>r[t]})}}return e.default=r,Object.freeze(e)}const o=_(w);function d(r){return o.Children.map(r,(e,t)=>{if(e===null||e===!1)return e;if(typeof e=="string"||typeof e=="number")return i.jsx("span",{className:"min-w-0 shrink truncate",children:e},`nqui-inline-lbl-${t}`);if(o.isValidElement(e)&&e.type===o.Fragment){const{children:n}=e.props;return i.jsx(o.Fragment,{children:d(n)},`nqui-inline-fr-${t}`)}return e})}const p=g.cva("inline-flex min-w-0 max-w-full items-center justify-center gap-2 whitespace-nowrap rounded-full text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",{variants:{variant:{default:"bg-primary text-primary-foreground hover:bg-primary/90",destructive:"bg-destructive text-destructive-foreground hover:bg-destructive/90",outline:"border border-input bg-background hover:bg-accent hover:text-accent-foreground",secondary:"bg-secondary text-secondary-foreground hover:bg-secondary/80",ghost:"hover:bg-accent hover:text-accent-foreground",link:"text-primary underline-offset-4 hover:underline"},size:{default:"h-7 min-w-7 px-3",sm:"h-6 min-w-6 px-2 text-xs",lg:"h-8 min-w-8 px-4",icon:"h-7 w-7 p-0"}},defaultVariants:{variant:"default",size:"default"}}),u=o.forwardRef(({className:r,variant:e,size:t,asChild:n=!1,children:s,...a},c)=>{const b=n?l.Slot:"button";return i.jsx(b,{className:f.cn(p({variant:e,size:t,className:r})),ref:c,...a,children:d(s)})});u.displayName="Button";const v=g.cva("inline-flex min-w-0 max-w-full items-center justify-center gap-2 whitespace-nowrap rounded-full text-sm font-medium leading-normal text-center cursor-pointer select-none touch-manipulation transition-[color,background-color,border-color,box-shadow,opacity,transform] duration-150 ease-in-out focus:outline-0 focus-visible:outline-0 disabled:pointer-events-none disabled:opacity-65 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",{variants:{variant:{default:["bg-primary text-primary-foreground border border-primary","nqui-button-gradient nqui-button-shadow","opacity-90 hover:opacity-100","hover:bg-primary/90 hover:border-primary/90","focus:bg-primary/80 focus:border-primary/80","active:bg-primary/75 active:border-primary/75 active:shadow-[inset_0_3px_5px_rgba(0,0,0,0.125)] active:scale-95","disabled:bg-transparent disabled:shadow-none disabled:opacity-65"],destructive:["bg-destructive text-destructive-foreground border border-destructive","nqui-button-gradient nqui-button-shadow","opacity-90 hover:opacity-100","hover:bg-destructive/90 hover:border-destructive/90","focus:bg-destructive/80 focus:border-destructive/80","active:bg-destructive/75 active:border-destructive/75 active:shadow-[inset_0_3px_5px_rgba(0,0,0,0.125)] active:scale-95","disabled:bg-transparent disabled:shadow-none disabled:opacity-65"],secondary:["bg-secondary text-secondary-foreground border border-border","nqui-button-gradient nqui-button-shadow","opacity-90 hover:opacity-100","hover:bg-secondary/90 hover:border-border","focus:bg-secondary/80 focus:border-border","active:bg-secondary/75 active:border-border active:shadow-[inset_0_3px_5px_rgba(0,0,0,0.125)] active:scale-95","disabled:bg-transparent disabled:shadow-none disabled:opacity-65"],success:["bg-success text-success-foreground border border-success","nqui-button-gradient nqui-button-shadow","opacity-90 hover:opacity-100","hover:bg-success/90 hover:border-success/90","focus:bg-success/80 focus:border-success/80","active:bg-success/75 active:border-success/75 active:shadow-[inset_0_3px_5px_rgba(0,0,0,0.125)] active:scale-95","disabled:bg-transparent disabled:shadow-none disabled:opacity-65"],warning:["bg-warning text-warning-foreground border border-warning","nqui-button-gradient nqui-button-shadow","opacity-90 hover:opacity-100","hover:bg-warning/90 hover:border-warning/90","focus:bg-warning/80 focus:border-warning/80","active:bg-warning/75 active:border-warning/75 active:shadow-[inset_0_3px_5px_rgba(0,0,0,0.125)] active:scale-95","disabled:bg-transparent disabled:shadow-none disabled:opacity-65"],info:["bg-info text-info-foreground border border-info","nqui-button-gradient nqui-button-shadow","opacity-90 hover:opacity-100","hover:bg-info/90 hover:border-info/90","focus:bg-info/80 focus:border-info/80","active:bg-info/75 active:border-info/75 active:shadow-[inset_0_3px_5px_rgba(0,0,0,0.125)] active:scale-95","disabled:bg-transparent disabled:shadow-none disabled:opacity-65"],outline:"border border-input bg-background hover:bg-accent hover:text-accent-foreground",ghost:"hover:bg-accent hover:text-accent-foreground",link:"text-primary underline-offset-4 hover:underline"},size:{default:"h-7 min-w-7 px-3",sm:"h-6 min-w-6 px-2 text-xs",lg:"h-8 min-w-8 px-4",icon:"h-7 w-7 p-0"}},defaultVariants:{variant:"default",size:"default"}}),h=o.forwardRef(({className:r,variant:e,size:t,asChild:n=!1,children:s,...a},c)=>{if(!(e&&["default","destructive","secondary","success","warning","info"].includes(e))&&e){const x=e==="outline"||e==="ghost"||e==="link"?e:"default";return i.jsx(u,{ref:c,variant:x,size:t,className:r,asChild:n,...a,children:s})}const y=n?l.Slot:"button",m=f.cn(v({variant:e,size:t,className:r}));return i.jsx(y,{className:m,style:a.style,ref:c,...a,children:d(s)})});h.displayName="EnhancedButton";exports.Button=u;exports.EnhancedButton=h;exports.buttonVariants=p;exports.enhancedButtonVariants=v;exports.wrapInlineLabelTextNodes=d;

package/dist/calendar.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./enhanced-calendar-5PA8CeF7.cjs");exports.Calendar=a.EnhancedCalendar;exports.CalendarDayButton=a.CalendarDayButton;exports.CoreCalendar=a.Calendar;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./enhanced-calendar-C7EQIr6i.cjs");exports.Calendar=a.EnhancedCalendar;exports.CalendarDayButton=a.CalendarDayButton;exports.CoreCalendar=a.Calendar;

package/dist/calendar.es.js

@@ -1,4 +1,4 @@
-import { E as e, a as C, C as n } from "./enhanced-calendar-BENbxw7_.js";
+import { E as e, a as C, C as n } from "./enhanced-calendar-BGlsSYJd.js";
 export {
   e as Calendar,
   C as CalendarDayButton,

package/dist/carousel-D1FMVglR.cjs

@@ -0,0 +1 @@
+"use strict";const n=require("react/jsx-runtime"),S=require("react"),z=require("embla-carousel-react"),h=require("./keyboard-BapbM2wb.cjs"),f=require("./utils-IjLH3w2e.cjs"),y=require("./button-R304rhsj.cjs"),m=require("@hugeicons/react"),C=require("@hugeicons/core-free-icons");function q(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const o in e)if(o!=="default"){const s=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(t,o,s.get?s:{enumerable:!0,get:()=>e[o]})}}return t.default=e,Object.freeze(t)}const a=q(S),b=a.createContext(null);function p(){const e=a.useContext(b);if(!e)throw new Error("useCarousel must be used within a <Carousel />");return e}function I({orientation:e="horizontal",opts:t,setApi:o,plugins:s,className:c,children:i,...u}){const[N,r]=z({...t,axis:e==="horizontal"?"x":"y"},s),[g,j]=a.useState(!1),[w,k]=a.useState(!1),d=a.useCallback(l=>{l&&(j(l.canScrollPrev()),k(l.canScrollNext()))},[]),x=a.useCallback(()=>{r?.scrollPrev()},[r]),v=a.useCallback(()=>{r?.scrollNext()},[r]),P=a.useCallback(l=>{l.key===h.Keys.ArrowLeft?(l.preventDefault(),x()):l.key===h.Keys.ArrowRight&&(l.preventDefault(),v())},[x,v]);return a.useEffect(()=>{!r||!o||o(r)},[r,o]),a.useEffect(()=>{if(r)return d(r),r.on("reInit",d),r.on("select",d),()=>{r?.off("select",d)}},[r,d]),n.jsx(b.Provider,{value:{carouselRef:N,api:r,opts:t,orientation:e||(t?.axis==="y"?"vertical":"horizontal"),scrollPrev:x,scrollNext:v,canScrollPrev:g,canScrollNext:w},children:n.jsx("div",{onKeyDownCapture:P,className:f.cn("relative min-w-0 group/carousel",c),role:"region","aria-roledescription":"carousel","data-slot":"carousel",...u,children:i})})}function R({className:e,...t}){const{carouselRef:o,orientation:s}=p();return n.jsx("div",{ref:o,className:"overflow-hidden","data-slot":"carousel-content",children:n.jsx("div",{className:f.cn("flex",s==="horizontal"?"-ml-4":"-mt-4 flex-col",e),...t})})}function D({className:e,...t}){const{orientation:o}=p();return n.jsx("div",{role:"group","aria-roledescription":"slide","data-slot":"carousel-item",className:f.cn("min-w-0 shrink-0 grow-0 basis-full",o==="horizontal"?"pl-4":"pt-4",e),...t})}function O({className:e,variant:t="outline",size:o="icon",...s}){const{orientation:c,scrollPrev:i,canScrollPrev:u}=p();return n.jsxs(y.Button,{"data-slot":"carousel-previous",variant:t,size:o,className:f.cn("rounded-full absolute touch-manipulation z-[var(--z-content)] opacity-35 shadow-sm transition-[opacity,transform] duration-150 ease-out hover:opacity-100 focus-visible:opacity-100 active:opacity-100 group-hover/carousel:opacity-75 disabled:pointer-events-none disabled:opacity-20",c==="horizontal"?"top-1/2 left-2 -translate-y-1/2":"top-2 left-1/2 -translate-x-1/2 rotate-90",e),disabled:!u,onClick:i,...s,children:[n.jsx(m.HugeiconsIcon,{icon:C.ArrowLeft01Icon,strokeWidth:2}),n.jsx("span",{className:"sr-only",children:"Previous slide"})]})}function E({className:e,variant:t="outline",size:o="icon",...s}){const{orientation:c,scrollNext:i,canScrollNext:u}=p();return n.jsxs(y.Button,{"data-slot":"carousel-next",variant:t,size:o,className:f.cn("rounded-full absolute touch-manipulation z-[var(--z-content)] opacity-35 shadow-sm transition-[opacity,transform] duration-150 ease-out hover:opacity-100 focus-visible:opacity-100 active:opacity-100 group-hover/carousel:opacity-75 disabled:pointer-events-none disabled:opacity-20",c==="horizontal"?"top-1/2 right-2 -translate-y-1/2":"bottom-2 left-1/2 -translate-x-1/2 rotate-90",e),disabled:!u,onClick:i,...s,children:[n.jsx(m.HugeiconsIcon,{icon:C.ArrowRight01Icon,strokeWidth:2}),n.jsx("span",{className:"sr-only",children:"Next slide"})]})}exports.Carousel=I;exports.CarouselContent=R;exports.CarouselItem=D;exports.CarouselNext=E;exports.CarouselPrevious=O;