@equal-experts/kuat-react 0.4.1 → 0.5.0

package/README.md

@@ -1,24 +1,24 @@
 # @equal-experts/kuat-react
 
-Custom React components and blocks for the Kuat Design System.
+React components and blocks for the Kuat Design System: **localized primitives** (forms, actions, feedback) and **composed blocks** (header, carousel, logo lockup, etc.). Use **`@equal-experts/kuat-core`** for tokens and the **shadcn CLI** only for UI that Kuat does not ship (for example Dialog, DropdownMenu, Tabs).
+
+**When to import from here vs shadcn:** [Choosing components](https://github.com/equalexperts/kuat-mono/blob/master/kuat-docs/setup/choosing-components.md) · [Public API inventory](https://github.com/equalexperts/kuat-mono/blob/master/kuat-docs/setup/public-api-inventory.md)
 
 ---
 
 ## Architecture
 
-This package provides **custom components** and **blocks** that are unique to Kuat. For standard UI components (Button, Dialog, etc.), install them directly via shadcn CLI with kuat-core theming.
-
 ```
 ┌─────────────────────────────────────────────────────┐
 │  Your Application                                   │
 ├─────────────────────────────────────────────────────┤
-│  Kuat Blocks (from this package)                    │
+│  Kuat blocks (KuatHeader, KuatCarousel, …)         │  ← This package
 ├─────────────────────────────────────────────────────┤
-│  Kuat Components (from this package)                │
+│  Kuat primitives (Button, Field, Select, …)        │  ← This package
 ├─────────────────────────────────────────────────────┤
-│  shadcn Components (installed directly)             │
+│  shadcn-only components (Dialog, DropdownMenu, …)     │  ← Installed in your app
 ├─────────────────────────────────────────────────────┤
-│  @equal-experts/kuat-core (design tokens)           │
+│  @equal-experts/kuat-core                            │
 └─────────────────────────────────────────────────────┘
 ```
 
@@ -27,65 +27,65 @@ This package provides **custom components** and **blocks** that are unique to Ku
 ## Installation
 
 ```bash
-# Using pnpm (recommended)
-pnpm add @equal-experts/kuat-react
+pnpm add @equal-experts/kuat-core @equal-experts/kuat-react
+```
 
-# Using npm
-npm install @equal-experts/kuat-react
+You need **both** packages: core supplies CSS variables and the Tailwind preset; this package supplies components.
 
-# Using yarn
-yarn add @equal-experts/kuat-react
-```
+### Peer dependencies
 
-### Peer Dependencies
+`react` and `react-dom` are required. Radix UI and other peers are listed in this package’s `package.json` under `peerDependencies`—install the primitives that match the components you use.
 
 ```bash
-pnpm add react react-dom @radix-ui/react-slot
+pnpm add react react-dom
+# Add @radix-ui/* and lucide-react as needed for your components — see peerDependencies
 ```
 
 ---
 
-## What's Included
+## What’s included
 
-### Custom Components
+### Utilities
 
-Components unique to Kuat, not available in shadcn:
+| Export | Description |
+|--------|-------------|
+| `cn` | `clsx` + `tailwind-merge` helper |
 
-| Component | Description |
-|-----------|-------------|
-| `ButtonGroup` | Groups buttons together with proper styling |
-| `ButtonGroupText` | Text element within a button group |
-| `ButtonGroupSeparator` | Separator between button group items |
+### Blocks and layout
 
-### Blocks (Coming Soon)
+| Area | Examples |
+|------|----------|
+| Header / brand | `KuatHeader`, `EELogo`, `EELogoIcon` |
+| Carousel | `KuatCarousel`, `KuatCarouselContent`, `KuatCarouselItem`, `KuatCarouselPrevious`, `KuatCarouselNext`, `useKuatCarousel` |
+| Logo lockup | `KuatLogoLockup` |
+| Progress | `KuatRadialProgress` |
+| Cards | `ContentCard` |
 
-Pre-built compositions for common patterns:
+### Form and actions
 
-| Block | Description |
-|-------|-------------|
-| `KuatHeader` | Brand header with logo, navigation, actions |
-| `KuatFooter` | Brand footer with links and legal |
-| `KuatSearchPattern` | Search input with suggestions |
+`Button`, `ButtonGroup`, `ButtonGroupText`, `ButtonGroupSeparator`, `Badge`, `Input`, `Textarea`, `Field` (+ subcomponents), `Select` / `KuatSelect` (+ Select primitives), `Checkbox` / `CheckboxField`, `RadioGroup` / `RadioField`, `Switch` / `SwitchField`, `Toggle`, `ToggleGroup`.
 
-### Utilities
+### Content and navigation
 
-| Utility | Description |
-|---------|-------------|
-| `cn()` | Class name merger using clsx + tailwind-merge |
+`Accordion`, `AlertDialog` (+ primitives), `Breadcrumb`.
 
----
+Interactive API details live in **Storybook** in this repo (`apps/storybook-react`).
 
-## Recommended Setup
+### Tree-shakable subpath imports
 
-For the best experience, combine this package with kuat-core and shadcn:
+`package.json` exposes subpaths such as `./button`, `./field`, `./switch`, `./kuat-radial-progress`, etc. Example:
 
-### Step 1: Install Dependencies
-
-```bash
-pnpm add @equal-experts/kuat-core @equal-experts/kuat-react
+```tsx
+import { KuatRadialProgress } from '@equal-experts/kuat-react/kuat-radial-progress';
 ```
 
-### Step 2: Configure Tailwind
+See [public-api-inventory.md](https://github.com/equalexperts/kuat-mono/blob/master/kuat-docs/setup/public-api-inventory.md) for the full subpath list.
+
+---
+
+## Recommended setup
+
+### 1. Tailwind
 
 ```typescript
 // tailwind.config.ts
@@ -101,35 +101,33 @@ export default {
 } satisfies Config;
 ```
 
-### Step 3: Import Styles
+### 2. Design tokens (once per app)
 
 ```typescript
 // main.tsx
 import '@equal-experts/kuat-core/variables.css';
 ```
 
-### Step 4: Install shadcn Components
+### 3. shadcn for gaps only
 
 ```bash
 npx shadcn@latest init
-npx shadcn@latest add button dialog dropdown-menu
+npx shadcn@latest add dialog dropdown-menu   # examples — skip `button` if you use Kuat Button
 ```
 
-### Step 5: Use Components Together
+### 4. Use Kuat + shadcn together
 
 ```tsx
-// Kuat custom components from this package
-import { ButtonGroup, ButtonGroupText } from '@equal-experts/kuat-react';
-
-// shadcn components from your local installation
-import { Button } from '@/components/ui/button';
+import { Button, ButtonGroup, Field } from '@equal-experts/kuat-react';
+import { Dialog, DialogContent, DialogTrigger } from '@/components/ui/dialog';
 
-function Example() {
+export function Example() {
   return (
     <ButtonGroup>
-      <Button variant="outline">Edit</Button>
-      <Button variant="outline">Save</Button>
-      <Button variant="destructive">Delete</Button>
+      <DialogTrigger asChild>
+        <Button variant="outline">Open</Button>
+      </DialogTrigger>
+      <Button>Save</Button>
     </ButtonGroup>
   );
 }
@@ -137,111 +135,61 @@ function Example() {
 
 ---
 
-## Component Examples
+## Component examples
 
 ### ButtonGroup
 
-Groups buttons together with seamless borders:
-
 ```tsx
-import { ButtonGroup } from '@equal-experts/kuat-react';
-import { Button } from '@/components/ui/button';
+import { ButtonGroup, ButtonGroupText, Button } from '@equal-experts/kuat-react';
 
-// Horizontal (default)
 <ButtonGroup>
   <Button variant="outline">Left</Button>
-  <Button variant="outline">Center</Button>
   <Button variant="outline">Right</Button>
 </ButtonGroup>
 
-// Vertical
 <ButtonGroup orientation="vertical">
   <Button variant="outline">Top</Button>
-  <Button variant="outline">Middle</Button>
   <Button variant="outline">Bottom</Button>
 </ButtonGroup>
 
-// With text label
 <ButtonGroup>
   <ButtonGroupText>Filter:</ButtonGroupText>
   <Button variant="outline">All</Button>
-  <Button variant="outline">Active</Button>
-  <Button variant="outline">Completed</Button>
 </ButtonGroup>
 ```
 
-### cn() Utility
-
-Merge class names with Tailwind conflict resolution:
+### `cn()` utility
 
 ```tsx
 import { cn } from '@equal-experts/kuat-react';
 
-function MyComponent({ className, ...props }) {
-  return (
-    <div
-      className={cn(
-        'bg-background text-foreground p-4',
-        className
-      )}
-      {...props}
-    />
-  );
+export function Box({ className, ...props }: React.ComponentProps<'div'>) {
+  return <div className={cn('bg-background p-4', className)} {...props} />;
 }
 ```
 
 ---
 
-## Migration Guide
-
-If you were importing standard components from this package, migrate to direct shadcn installation:
-
-### Before (Deprecated)
-
-```tsx
-import { Button, Dialog, Badge } from '@equal-experts/kuat-react';
-```
-
-### After (Recommended)
+## Migration (legacy projects)
 
-```tsx
-// Standard components from your local shadcn installation
-import { Button } from '@/components/ui/button';
-import { Dialog } from '@/components/ui/dialog';
-import { Badge } from '@/components/ui/badge';
+Older docs suggested installing **all** primitives via shadcn. Kuat now ships many components from this package.
 
-// Kuat-specific components from this package
-import { ButtonGroup } from '@equal-experts/kuat-react';
-```
+**Prefer**
 
-### Migration Steps
+- `import { Button, Badge, Field, … } from '@equal-experts/kuat-react'` for published primitives.
+- `import { … } from '@/components/ui/dialog'` (etc.) only for **shadcn-only** pieces.
 
-1. Ensure `@equal-experts/kuat-core` is installed
-2. Initialize shadcn: `npx shadcn@latest init`
-3. Install needed components: `npx shadcn@latest add button dialog badge`
-4. Update imports to use local components
-5. Keep imports for Kuat-specific components (ButtonGroup, etc.)
-
----
+**Dialog** is a typical shadcn-only import; **Button** should come from Kuat when you adopt the design system.
 
-## Deprecated Exports
+Steps:
 
-The following exports are deprecated and will be removed in the next major version. Install them directly via shadcn CLI instead:
-
-| Component | Replacement |
-|-----------|-------------|
-| `Button` | `npx shadcn@latest add button` |
-| `Accordion` | `npx shadcn@latest add accordion` |
-| `AlertDialog` | `npx shadcn@latest add alert-dialog` |
-| `Badge` | `npx shadcn@latest add badge` |
-
-These components are still exported for backward compatibility but will be themed correctly only when using kuat-core.
+1. Keep `@equal-experts/kuat-core` and add or update `@equal-experts/kuat-react`.
+2. Replace duplicate shadcn copies of Kuat primitives with imports from this package where possible.
+3. Reserve `components/ui/` for components Kuat does not publish.
 
 ---
 
-## TypeScript Support
-
-All components are fully typed:
+## TypeScript
 
 ```tsx
 import { ButtonGroup } from '@equal-experts/kuat-react';
@@ -252,25 +200,22 @@ type ButtonGroupProps = ComponentProps<typeof ButtonGroup>;
 
 ---
 
-## Dark Mode
+## Dark mode
 
-Dark mode is supported via the `.dark` class on your root element:
+Use the `.dark` class on the document root (or an ancestor). Tokens come from `kuat-core`.
 
 ```tsx
 <html className="dark">
-  <body>
-    <App />
-  </body>
+  <body>{/* … */}</body>
 </html>
 ```
 
-Components automatically adapt when using kuat-core design tokens.
-
 ---
 
-## Related Documentation
+## Related documentation
 
-- [Consumer Setup Guide](https://github.com/equalexperts/kuat-mono/blob/master/kuat-docs/setup/consumer-setup.md)
-- [kuat-core Integration](https://github.com/equalexperts/kuat-mono/blob/master/kuat-docs/setup/kuat-core-integration.md)
-- [Component Patterns](https://github.com/equalexperts/kuat-mono/blob/master/kuat-docs/rules/components/patterns.md)
-- [shadcn/ui Documentation](https://ui.shadcn.com)
+- [Consumer setup](https://github.com/equalexperts/kuat-mono/blob/master/kuat-docs/setup/consumer-setup.md)
+- [Choosing components](https://github.com/equalexperts/kuat-mono/blob/master/kuat-docs/setup/choosing-components.md)
+- [kuat-core integration](https://github.com/equalexperts/kuat-mono/blob/master/kuat-docs/setup/kuat-core-integration.md)
+- [Component patterns (contributors)](https://github.com/equalexperts/kuat-mono/blob/master/kuat-docs/rules/components/patterns.md)
+- [shadcn/ui](https://ui.shadcn.com)

package/dist/accordion-DwQCxX_5.js

@@ -0,0 +1,43 @@
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+import * as n from "react";
+import * as o from "@radix-ui/react-accordion";
+import { ChevronDown as d } from "lucide-react";
+import { c as s } from "./utils-DLUjLwnh.js";
+const A = o.Root, m = n.forwardRef(({ className: r, ...c }, a) => /* @__PURE__ */ e(
+  o.Item,
+  {
+    ref: a,
+    className: s("accordion-item", r),
+    ...c
+  }
+));
+m.displayName = "AccordionItem";
+const l = n.forwardRef(({ className: r, children: c, ...a }, i) => /* @__PURE__ */ e(o.Header, { className: "accordion-trigger-wrapper", children: /* @__PURE__ */ t(
+  o.Trigger,
+  {
+    ref: i,
+    className: s("accordion-trigger", r),
+    ...a,
+    children: [
+      c,
+      /* @__PURE__ */ e(d, { className: "accordion-trigger__icon" })
+    ]
+  }
+) }));
+l.displayName = o.Trigger.displayName;
+const p = n.forwardRef(({ className: r, children: c, ...a }, i) => /* @__PURE__ */ e(
+  o.Content,
+  {
+    ref: i,
+    className: "accordion-content",
+    ...a,
+    children: /* @__PURE__ */ e("div", { className: s("accordion-content__body", r), children: c })
+  }
+));
+p.displayName = o.Content.displayName;
+export {
+  A,
+  m as a,
+  l as b,
+  p as c
+};

package/dist/accordion.css

@@ -0,0 +1 @@
+/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-font-weight:initial;--tw-leading:initial}}}.accordion-item{border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--border)}.accordion-trigger-wrapper{display:flex}.accordion-trigger{padding-block:calc(var(--spacing,.25rem)*4);--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));transition-duration:.15s;transition-timing-function:default;flex:1;justify-content:space-between;align-items:center;display:flex}.accordion-trigger:hover{text-decoration-line:underline}.accordion-trigger[data-state=open]>svg,.accordion-trigger[data-state=open] .accordion-trigger__icon{rotate:180deg}.accordion-trigger svg,.accordion-trigger__icon{width:calc(var(--spacing,.25rem)*4);height:calc(var(--spacing,.25rem)*4);transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));flex-shrink:0;transition-duration:.2s}.accordion-content{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));--tw-leading:calc(var(--spacing,.25rem)*5);line-height:calc(var(--spacing,.25rem)*5);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));transition-duration:.15s;transition-timing-function:default;overflow:hidden}.accordion-content[data-state=closed]{animation:.2s ease-out accordion-up}.accordion-content[data-state=open]{animation:.2s ease-out accordion-down}.accordion-content__body{padding-top:calc(var(--spacing,.25rem)*0);padding-bottom:calc(var(--spacing,.25rem)*4)}@keyframes accordion-down{0%{height:0}to{height:var(--radix-accordion-content-height)}}@keyframes accordion-up{0%{height:var(--radix-accordion-content-height)}to{height:0}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-leading{syntax:"*";inherits:false}

package/dist/accordion.js

@@ -1,9 +1,10 @@
-import { c as r } from "./utils-qaFjX9_3.js";
-import { A as a, c as e, a as i, b as s } from "./accordion-CQDgmmJ5.js";
+import { c as n } from "./utils-DLUjLwnh.js";
+/* empty css                */
+import { A as i, c as t, a as e, b as s } from "./accordion-DwQCxX_5.js";
 export {
-  a as Accordion,
-  e as AccordionContent,
-  i as AccordionItem,
+  i as Accordion,
+  t as AccordionContent,
+  e as AccordionItem,
   s as AccordionTrigger,
-  r as cn
+  n as cn
 };

package/dist/alert-dialog-CT9DCCMH.js

@@ -0,0 +1,96 @@
+import { jsx as t, jsxs as c } from "react/jsx-runtime";
+import * as r from "react";
+import * as l from "@radix-ui/react-alert-dialog";
+import { c as i } from "./utils-DLUjLwnh.js";
+const R = l.Root, v = l.Trigger, d = l.Portal, s = r.forwardRef(({ className: a, ...e }, o) => /* @__PURE__ */ t(
+  l.Overlay,
+  {
+    className: i("alert-dialog-overlay", a),
+    ref: o,
+    ...e
+  }
+));
+s.displayName = l.Overlay.displayName;
+const n = r.forwardRef(({ className: a, ...e }, o) => /* @__PURE__ */ c(d, { children: [
+  /* @__PURE__ */ t(s, {}),
+  /* @__PURE__ */ t(
+    l.Content,
+    {
+      ref: o,
+      className: i("alert-dialog-content", a),
+      ...e
+    }
+  )
+] }));
+n.displayName = l.Content.displayName;
+const m = ({
+  className: a,
+  ...e
+}) => /* @__PURE__ */ t(
+  "div",
+  {
+    className: i("alert-dialog-header", a),
+    ...e
+  }
+);
+m.displayName = "AlertDialogHeader";
+const g = ({
+  className: a,
+  ...e
+}) => /* @__PURE__ */ t(
+  "div",
+  {
+    className: i("alert-dialog-footer", a),
+    ...e
+  }
+);
+g.displayName = "AlertDialogFooter";
+const p = r.forwardRef(({ className: a, ...e }, o) => /* @__PURE__ */ t(
+  l.Title,
+  {
+    ref: o,
+    className: i("alert-dialog-title", a),
+    ...e
+  }
+));
+p.displayName = l.Title.displayName;
+const N = r.forwardRef(({ className: a, ...e }, o) => /* @__PURE__ */ t(
+  l.Description,
+  {
+    ref: o,
+    className: i("alert-dialog-description", a),
+    ...e
+  }
+));
+N.displayName = l.Description.displayName;
+const f = r.forwardRef(({ className: a, ...e }, o) => /* @__PURE__ */ t(
+  l.Action,
+  {
+    ref: o,
+    className: i("alert-dialog-action", a),
+    ...e
+  }
+));
+f.displayName = l.Action.displayName;
+const y = r.forwardRef(({ className: a, ...e }, o) => /* @__PURE__ */ t(
+  l.Cancel,
+  {
+    ref: o,
+    className: i("alert-dialog-cancel", a),
+    ...e
+  }
+));
+y.displayName = l.Cancel.displayName;
+export {
+  R as A,
+  d as a,
+  s as b,
+  v as c,
+  n as d,
+  m as e,
+  g as f,
+  p as g,
+  N as h,
+  f as i,
+  y as j
+};

package/dist/alert-dialog.css

@@ -0,0 +1 @@
+/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}.alert-dialog-overlay{inset:calc(var(--spacing,.25rem)*0);z-index:50;background-color:#000c;position:fixed}.alert-dialog-overlay[data-state=open]{animation:.15s ease-out alert-dialog-fade-in}.alert-dialog-overlay[data-state=closed]{animation:.15s ease-out alert-dialog-fade-out}.alert-dialog-content{z-index:50;width:100%;max-width:var(--container-xl,36rem);--tw-translate-x: -50% ;--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y);gap:calc(var(--spacing,.25rem)*4);border-style:var(--tw-border-style);border-width:1px;border-color:var(--border);background-color:var(--background);padding:calc(var(--spacing,.25rem)*6);transition-property:.2s;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));display:grid;position:fixed;top:50%;left:50%;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.alert-dialog-content[data-state=open]{animation:.2s ease-out alert-dialog-content-in}.alert-dialog-content[data-state=closed]{animation:.2s ease-out alert-dialog-content-out}@media (min-width:640px){.alert-dialog-content{border-radius:var(--radius)}}.alert-dialog-header{gap:calc(var(--spacing,.25rem)*2);text-align:center;flex-direction:column;display:flex}@media (min-width:640px){.alert-dialog-header{text-align:left}}.alert-dialog-footer{gap:calc(var(--spacing,.25rem)*2);flex-direction:column-reverse;display:flex}@media (min-width:640px){.alert-dialog-footer{flex-direction:row;justify-content:flex-end}}.alert-dialog-title{font-size:var(--text-lg,1.125rem);line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75/1.125)));--tw-leading:calc(var(--spacing,.25rem)*7);line-height:calc(var(--spacing,.25rem)*7);--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600)}.alert-dialog-description{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));--tw-leading:calc(var(--spacing,.25rem)*5);line-height:calc(var(--spacing,.25rem)*5);color:var(--muted-foreground)}.alert-dialog-action{height:calc(var(--spacing,.25rem)*10);cursor:pointer;justify-content:center;align-items:center;gap:calc(var(--spacing,.25rem)*2);border-radius:calc(var(--radius) - 2px);border-style:var(--tw-border-style);background-color:var(--primary);padding-inline:calc(var(--spacing,.25rem)*4);padding-block:calc(var(--spacing,.25rem)*2);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));--tw-leading:calc(var(--spacing,.25rem)*5);line-height:calc(var(--spacing,.25rem)*5);--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);white-space:nowrap;color:var(--primary-foreground);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-outline-style:none;border-width:0;outline-style:none;transition-duration:.15s;display:inline-flex}.alert-dialog-action:hover{background-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.alert-dialog-action:hover{background-color:color-mix(in srgb,var(--primary)90%,transparent)}}.alert-dialog-action:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--ring);--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);--tw-ring-offset-color:var(--background);--tw-outline-style:none;outline-style:none}.alert-dialog-cancel{margin-top:calc(var(--spacing,.25rem)*2);height:calc(var(--spacing,.25rem)*10);cursor:pointer;justify-content:center;align-items:center;gap:calc(var(--spacing,.25rem)*2);border-radius:calc(var(--radius) - 2px);border-style:var(--tw-border-style);border-width:1px;border-color:var(--input);background-color:var(--background);padding-inline:calc(var(--spacing,.25rem)*4);padding-block:calc(var(--spacing,.25rem)*2);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));--tw-leading:calc(var(--spacing,.25rem)*5);line-height:calc(var(--spacing,.25rem)*5);--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);white-space:nowrap;color:var(--foreground);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-outline-style:none;outline-style:none;transition-duration:.15s;display:inline-flex}.alert-dialog-cancel:hover{background-color:var(--accent);color:var(--accent-foreground)}.alert-dialog-cancel:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--ring);--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);--tw-ring-offset-color:var(--background);--tw-outline-style:none;outline-style:none}@media (min-width:640px){.alert-dialog-cancel{margin-top:calc(var(--spacing,.25rem)*0)}}@keyframes alert-dialog-fade-in{0%{opacity:0}to{opacity:1}}@keyframes alert-dialog-fade-out{0%{opacity:1}to{opacity:0}}@keyframes alert-dialog-content-in{0%{opacity:0;transform:translate(-50%,-50%)scale(.95)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes alert-dialog-content-out{0%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(.95)}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}

package/dist/alert-dialog.js

@@ -1,16 +1,17 @@
-import { c as e } from "./utils-qaFjX9_3.js";
-import { A as o, i as t, j as i, d as g, h as s, f as A, e as D, b as c, a as n, g as f, c as p } from "./alert-dialog-CzXLOFRG.js";
+import { c as r } from "./utils-DLUjLwnh.js";
+/* empty css                */
+import { A as t, i, j as g, d as s, h as A, f as D, e as c, b as n, a as p, g as f, c as m } from "./alert-dialog-CT9DCCMH.js";
 export {
-  o as AlertDialog,
-  t as AlertDialogAction,
-  i as AlertDialogCancel,
-  g as AlertDialogContent,
-  s as AlertDialogDescription,
-  A as AlertDialogFooter,
-  D as AlertDialogHeader,
-  c as AlertDialogOverlay,
-  n as AlertDialogPortal,
+  t as AlertDialog,
+  i as AlertDialogAction,
+  g as AlertDialogCancel,
+  s as AlertDialogContent,
+  A as AlertDialogDescription,
+  D as AlertDialogFooter,
+  c as AlertDialogHeader,
+  n as AlertDialogOverlay,
+  p as AlertDialogPortal,
   f as AlertDialogTitle,
-  p as AlertDialogTrigger,
-  e as cn
+  m as AlertDialogTrigger,
+  r as cn
 };

package/dist/badge-Yftb6Tdy.js

@@ -0,0 +1,22 @@
+import { jsx as t } from "react/jsx-runtime";
+import { c as r } from "./utils-DLUjLwnh.js";
+const c = ["default", "secondary", "destructive", "outline", "ghost"], f = ["default", "round"];
+function g({ className: a, variant: e = "default", roundness: d = "default", ...u }) {
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      className: r("badge", `badge--${e}`, `badge--roundness-${d}`, a),
+      ...u
+    }
+  );
+}
+function b(a) {
+  const e = (a == null ? void 0 : a.variant) ?? "default", d = (a == null ? void 0 : a.roundness) ?? "default";
+  return r("badge", `badge--${e}`, `badge--roundness-${d}`);
+}
+export {
+  g as B,
+  c as a,
+  b,
+  f as c
+};

package/dist/badge.css

@@ -0,0 +1 @@
+/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial}}}.badge{border-style:var(--tw-border-style);padding-inline:calc(var(--spacing,.25rem)*2.5);padding-block:calc(var(--spacing,.25rem)*.5);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));--tw-leading:calc(var(--spacing,.25rem)*4);line-height:calc(var(--spacing,.25rem)*4);--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));border-width:1px;align-items:center;display:inline-flex}.badge--roundness-default{border-radius:0}.badge--roundness-round{border-radius:3.40282e38px}.badge--default{background-color:var(--primary);color:var(--primary-foreground);border-color:#0000}.badge--secondary{background-color:var(--secondary);color:var(--secondary-foreground);border-color:#0000}.badge--destructive{background-color:var(--destructive);color:var(--destructive-foreground);border-color:#0000}.badge--outline{color:var(--foreground)}.badge--ghost{color:var(--foreground);background-color:#0000;border-color:#0000}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}

package/dist/badge.js

@@ -1,7 +1,8 @@
-import { c as e } from "./utils-qaFjX9_3.js";
-import { B as s, b as t } from "./badge-DRUd-ban.js";
+import { c as e } from "./utils-DLUjLwnh.js";
+/* empty css                */
+import { B as t, b as m } from "./badge-Yftb6Tdy.js";
 export {
-  s as Badge,
-  t as badgeVariants,
+  t as Badge,
+  m as badgeVariants,
   e as cn
 };