@adamosuiteservices/ui 2.18.6 → 2.19.0

package/docs/components/ui/tabs-underline.md

@@ -10,27 +10,27 @@ Variant of the Tabs component with underline style instead of background.
 
 ```typescript
 import {
-  TabsUnderline,
-  TabsUnderlineList,
-  TabsUnderlineTrigger,
-  TabsUnderlineContent,
+  Tabs,
+  TabsList,
+  TabsTrigger,
+  TabsContent,
 } from "@adamosuiteservices/ui/tabs-underline";
 ```
 
 ## Anatomy
 
 ```tsx
-<TabsUnderline defaultValue="account">
-  <TabsUnderlineList>
-    <TabsUnderlineTrigger value="account">Account</TabsUnderlineTrigger>
-    <TabsUnderlineTrigger value="password">Password</TabsUnderlineTrigger>
-  </TabsUnderlineList>
-  <TabsUnderlineContent value="account">Account content</TabsUnderlineContent>
-  <TabsUnderlineContent value="password">Password content</TabsUnderlineContent>
-</TabsUnderline>
+<Tabs defaultValue="account">
+  <TabsList>
+    <TabsTrigger value="account">Account</TabsTrigger>
+    <TabsTrigger value="password">Password</TabsTrigger>
+  </TabsList>
+  <TabsContent value="account">Account content</TabsContent>
+  <TabsContent value="password">Password content</TabsContent>
+</Tabs>
 ```
 
-**Components**: 4 (TabsUnderline, TabsUnderlineList, TabsUnderlineTrigger, TabsUnderlineContent)
+**Components**: 4 (Tabs, TabsList, TabsTrigger, TabsContent)
 
 ## Props
 
@@ -41,18 +41,16 @@ Identical to `tabs` component. See tabs documentation for complete props.
 ### Basic
 
 ```tsx
-<TabsUnderline defaultValue="overview">
-  <TabsUnderlineList>
-    <TabsUnderlineTrigger value="overview">Overview</TabsUnderlineTrigger>
-    <TabsUnderlineTrigger value="analytics">Analytics</TabsUnderlineTrigger>
-    <TabsUnderlineTrigger value="reports">Reports</TabsUnderlineTrigger>
-  </TabsUnderlineList>
-  <TabsUnderlineContent value="overview">Overview content</TabsUnderlineContent>
-  <TabsUnderlineContent value="analytics">
-    Analytics content
-  </TabsUnderlineContent>
-  <TabsUnderlineContent value="reports">Reports content</TabsUnderlineContent>
-</TabsUnderline>
+<Tabs defaultValue="overview">
+  <TabsList>
+    <TabsTrigger value="overview">Overview</TabsTrigger>
+    <TabsTrigger value="analytics">Analytics</TabsTrigger>
+    <TabsTrigger value="reports">Reports</TabsTrigger>
+  </TabsList>
+  <TabsContent value="overview">Overview content</TabsContent>
+  <TabsContent value="analytics">Analytics content</TabsContent>
+  <TabsContent value="reports">Reports content</TabsContent>
+</Tabs>
 ```
 
 ### With icons
@@ -60,20 +58,20 @@ Identical to `tabs` component. See tabs documentation for complete props.
 ```tsx
 import { Icon } from "@adamosuiteservices/ui/icon";
 
-<TabsUnderlineList>
-  <TabsUnderlineTrigger value="charts">
+<TabsList>
+  <TabsTrigger value="charts">
     <Icon symbol="bar_chart" />
     Charts
-  </TabsUnderlineTrigger>
-  <TabsUnderlineTrigger value="table">
+  </TabsTrigger>
+  <TabsTrigger value="table">
     <Icon symbol="table" />
     Table
-  </TabsUnderlineTrigger>
-  <TabsUnderlineTrigger value="report">
+  </TabsTrigger>
+  <TabsTrigger value="report">
     <Icon symbol="description" />
     Report
-  </TabsUnderlineTrigger>
-</TabsUnderlineList>;
+  </TabsTrigger>
+</TabsList>;
 ```
 
 ## Differences with regular tabs
@@ -95,12 +93,14 @@ import { Icon } from "@adamosuiteservices/ui/icon";
 
 ## Base styles
 
-- **List**: No background, `h-9`
+- **List**: No background, `h-12` (48px to match tabs)
+- **Trigger**: `px-3 py-2.5 gap-2 text-foreground`
 - **Trigger active**: `border-b-2 border-b-primary text-primary`
-- **Trigger inactive**: `border-b-2 border-b-transparent`
+- **Trigger inactive**: `border-b-2` (transparent border, set by the trigger's `border-b-2` class without active state)
+- **Trigger focus**: `ring-4 ring-primary/10`
 
 ## References
 
-- Ver [Tabs](./tabs.md) para documentación completa
+- See [Tabs](./tabs.md) for complete documentation
 - **Radix UI Tabs**: <https://www.radix-ui.com/primitives/docs/components/tabs>
 - **shadcn/ui Tabs**: <https://ui.shadcn.com/docs/components/tabs>

package/docs/components/ui/tabs.md

@@ -112,12 +112,14 @@ import { Icon } from "@adamosuiteservices/ui/icon";
 
 ## Base styles
 
-- **List**: `h-10 bg-muted border rounded-[12px] p-px`
-- **Trigger**: `h-[calc(100%-1px)] rounded-[10px] px-4 py-2.5 font-semibold`
-- **Trigger active**: `bg-primary text-primary-foreground shadow-sm`
+- **Root**: `flex flex-col gap-6`
+- **List**: `h-12 bg-accent rounded-2xl p-1 gap-1`
+- **Trigger**: `h-full rounded-[12px] px-3 py-2.5 text-sm font-semibold text-foreground`
+- **Trigger active**: `bg-background border border-input`
+- **Trigger focus**: `ring-4 ring-primary/10`
 - **Gap**: `gap-2` between icons and text
 
-**Note**: Tabs now have the same height as buttons and inputs (40px) to maintain visual consistency in forms and layouts.
+**Note**: Tabs now have a height of 48px to match the Figma design.
 
 ## References
 

package/docs/components/ui/textarea.md

@@ -153,7 +153,7 @@ function CommentForm() {
 }
 ```
 
-### Chat Input con Enter
+### Chat input with Enter
 
 ```tsx
 function ChatInput() {
@@ -223,11 +223,13 @@ function ChatInput() {
 
 - **Min height**: `min-h-16` default
 - **Border**: `border-input` with `shadow-xs`
-- **Focus**: `ring-ring/50` with `ring-[3px]`
+- **Background**: `bg-background`, `hover:bg-muted`
+- **Focus**: `border-primary-300 ring-4 ring-primary/10`
 - **Padding**: `px-3 py-2`
-- **Font**: `text-base` on mobile, `text-sm` on md+
+- **Font**: `text-sm`
 - **Field sizing**: `field-sizing-content` for auto-resize
-- **Invalid**: `border-destructive` with `ring-destructive/20`
+- **Invalid**: `border-destructive` with `focus-visible:ring-4 ring-destructive/10`
+- **Disabled**: `bg-input-disabled text-input-foreground-disabled opacity-100`
 
 ## Accessibility
 

package/docs/components/ui/timeline.md

@@ -0,0 +1,214 @@
+# Timeline component
+
+A composable timeline / stepper that renders a sequence of steps with dots, connector lines, and text content in either vertical or horizontal orientation.
+
+## Description
+
+`Timeline` is built from seven composable sub-components. Each step is a `TimelineItem` with a `status` that drives the dot appearance, connector color, and text color. Connector coloring is automatic: segments between completed steps are primary-colored; pending segments use the border color.
+
+## Features
+
+- Vertical (default) and horizontal orientations
+- Horizontal collapses to vertical on mobile (< 640 px) by default — opt out with `responsive={false}` for scroll
+- Three step statuses: `pending`, `active`, `complete`
+- Connector segments colored automatically based on step status
+- `TimelineTime` is optional — omit it when no timestamp is available
+- All sub-components accept `className` for custom styling
+- Semantic `<ol>` / `<li>` markup
+
+## Import
+
+```typescript
+import {
+  Timeline,
+  TimelineItem,
+  TimelineIndicator,
+  TimelineContent,
+  TimelineTitle,
+  TimelineDescription,
+  TimelineTime,
+  type TimelineProps,
+  type TimelineItemProps,
+  type TimelineIndicatorProps,
+  type TimelineContentProps,
+  type TimelineTitleProps,
+  type TimelineDescriptionProps,
+  type TimelineTimeProps,
+  type TimelineStatus,
+  type TimelineOrientation,
+} from "@adamosuiteservices/ui/timeline";
+```
+
+## Basic usage
+
+```tsx
+<Timeline>
+  <TimelineItem status="complete">
+    <TimelineIndicator />
+    <TimelineContent>
+      <TimelineTitle>Payment sent</TimelineTitle>
+      <TimelineTime>02 Sep. 2:35 PM</TimelineTime>
+    </TimelineContent>
+  </TimelineItem>
+  <TimelineItem status="active">
+    <TimelineIndicator />
+    <TimelineContent>
+      <TimelineTitle>Processing</TimelineTitle>
+      <TimelineDescription>Your payment is being routed.</TimelineDescription>
+      <TimelineTime>02 Sep. 2:36 PM</TimelineTime>
+    </TimelineContent>
+  </TimelineItem>
+  <TimelineItem status="pending">
+    <TimelineIndicator />
+    <TimelineContent>
+      <TimelineTitle>Confirmation</TimelineTitle>
+    </TimelineContent>
+  </TimelineItem>
+</Timeline>
+```
+
+## Horizontal orientation
+
+By default, `orientation="horizontal"` collapses to vertical below the `sm` breakpoint (640 px). Use `responsive={false}` to keep it horizontal at all sizes with overflow-x scroll instead.
+
+```tsx
+// Collapses to vertical on mobile (default)
+<Timeline orientation="horizontal" className="adm:w-full">
+  ...
+</Timeline>
+
+// Always horizontal — scrolls on small screens
+<Timeline orientation="horizontal" responsive={false}>
+  ...
+</Timeline>
+```
+
+## Props
+
+### Timeline
+
+| Prop          | Type                         | Default      | Description                                                                                                                                              |
+| ------------- | ---------------------------- | ------------ | -------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `orientation` | `"vertical" \| "horizontal"` | `"vertical"` | Layout direction of the step list                                                                                                                        |
+| `responsive`  | `boolean`                    | `true`       | Only applies when `orientation="horizontal"`. `true`: collapses to vertical below 640 px. `false`: stays horizontal at all sizes with overflow-x scroll. |
+| `className`   | `string`                     | —            | Additional CSS classes                                                                                                                                   |
+
+Renders as `<ol>`. Accepts all `<ol>` props.
+
+### TimelineItem
+
+| Prop        | Type                                  | Default     | Description                           |
+| ----------- | ------------------------------------- | ----------- | ------------------------------------- |
+| `status`    | `"pending" \| "active" \| "complete"` | `"pending"` | Visual and semantic state of the step |
+| `className` | `string`                              | —           | Additional CSS classes                |
+
+Renders as `<li>`. Accepts all `<li>` props.
+
+### TimelineIndicator
+
+| Prop        | Type     | Default | Description            |
+| ----------- | -------- | ------- | ---------------------- |
+| `className` | `string` | —       | Additional CSS classes |
+
+Renders the step dot and connector line. Takes `status` and `orientation` from context — no props required beyond optional `className`. Accepts all `<div>` props.
+
+### TimelineContent
+
+| Prop        | Type     | Default | Description            |
+| ----------- | -------- | ------- | ---------------------- |
+| `className` | `string` | —       | Additional CSS classes |
+
+Wrapper for the text area. Colors text based on `status` from context (`pending` → muted, `active`/`complete` → foreground). Accepts all `<div>` props.
+
+### TimelineTitle
+
+| Prop        | Type     | Default | Description            |
+| ----------- | -------- | ------- | ---------------------- |
+| `className` | `string` | —       | Additional CSS classes |
+
+Renders as a `<p>` with `text-sm font-semibold`. Accepts all `<p>` props.
+
+### TimelineDescription
+
+| Prop        | Type     | Default | Description            |
+| ----------- | -------- | ------- | ---------------------- |
+| `className` | `string` | —       | Additional CSS classes |
+
+Renders as a `<p>` with `text-sm font-normal`. Accepts all `<p>` props.
+
+### TimelineTime
+
+| Prop        | Type     | Default | Description            |
+| ----------- | -------- | ------- | ---------------------- |
+| `className` | `string` | —       | Additional CSS classes |
+
+Renders as a `<time>` element with `text-xs`. Optional — omit when no timestamp is available. Accepts all `<time>` props.
+
+## Examples
+
+### All complete
+
+```tsx
+<Timeline>
+  {steps.map((step) => (
+    <TimelineItem key={step.title} status="complete">
+      <TimelineIndicator />
+      <TimelineContent>
+        <TimelineTitle>{step.title}</TimelineTitle>
+        <TimelineTime>{step.time}</TimelineTime>
+      </TimelineContent>
+    </TimelineItem>
+  ))}
+</Timeline>
+```
+
+### Single active step with no history
+
+```tsx
+<Timeline>
+  <TimelineItem status="active">
+    <TimelineIndicator />
+    <TimelineContent>
+      <TimelineTitle>Verifying your identity.</TimelineTitle>
+      <TimelineDescription>
+        We are reviewing your documents.
+      </TimelineDescription>
+      <TimelineTime>02 Sep. 3:00 PM</TimelineTime>
+    </TimelineContent>
+  </TimelineItem>
+  <TimelineItem status="pending">
+    <TimelineIndicator />
+    <TimelineContent>
+      <TimelineTitle>Account activation.</TimelineTitle>
+    </TimelineContent>
+  </TimelineItem>
+</Timeline>
+```
+
+## Implementation notes
+
+### Responsive behavior
+
+`responsive` only has effect when `orientation="horizontal"`.
+
+- **`responsive={true}` (default)**: `useMediaQuery("(max-width: 639px)")` overrides the orientation to `"vertical"` on small screens. No scrollbar, no cramped layout.
+- **`responsive={false}`**: the orientation is always horizontal. The `<ol>` is wrapped in `<div class="overflow-x-auto">` and each item receives `min-w-28` so the content is scrollable without clipping.
+
+### Connector color logic
+
+Each connector segment is split in two halves. The connector below a step (vertical) or the right half of a step (horizontal) is colored by whether **that step itself** is `complete`. The left half of a horizontal step is colored by whether the **previous step** was `complete`. This is managed internally via React context — no extra props are needed.
+
+### `group-last:hidden` and `group-first:invisible`
+
+- The vertical connector of the last `TimelineItem` is hidden via `group-last:hidden` so no trailing line appears below the final step.
+- The horizontal left spacer of the first item uses `group-first:invisible` (takes space but is transparent) to keep the first dot center-aligned with the rest.
+
+## Accessibility
+
+- The container renders as a semantic `<ol>` (ordered list), and each step is an `<li>`.
+- The checkmark SVG inside completed dots has `aria-hidden="true"` since the status is conveyed through `data-status` and context.
+- Consider wrapping the timeline in a `<section>` or `<nav>` with an `aria-label` when it represents navigation steps (e.g. a checkout flow).
+
+## References
+
+- [WAI-ARIA: Patterns – Process steps](https://www.w3.org/WAI/ARIA/apg/)

package/docs/components/ui/toggle.md

@@ -204,7 +204,7 @@ function MediaControls() {
 - **Sizes**: `h-8 min-w-8` (sm), `h-9 min-w-9` (default), `h-10 min-w-10` (lg)
 - **State off**: `bg-transparent`
 - **State on**: `bg-accent text-accent-foreground`
-- **Hover**: `bg-muted text-muted-foreground`
+- **Hover**: `bg-subtle text-foreground`
 - **Outline**: `border border-input shadow-xs`
 - **Focus**: `ring-ring/50` with `ring-[3px]`
 

package/docs/components/ui/tooltip.md

@@ -281,11 +281,11 @@ function App() {
 
 ## Base styles
 
-- **Background**: `bg-primary`
-- **Text**: `text-primary-foreground text-xs`
+- **Background**: `bg-neutrals-900` (dark)
+- **Text**: `text-neutrals-0 text-xs` (white)
 - **Padding**: `px-3 py-1.5`
 - **Border radius**: `rounded-md`
-- **Arrow**: `size-2.5` with `bg-primary`
+- **Arrow**: `size-2.5` with `bg-neutrals-900`
 - **Z-index**: `z-50`
 - **Animation**: Fade + zoom in/out
 

package/llm.txt

@@ -1,6 +1,6 @@
 # Adamo UI Component Library - LLM Context
 
-> **CRITICAL**: This is a COMPLETE React component library with 46+ components. DO NOT create components that already exist. ALWAYS check this file first and use existing components.
+> **CRITICAL**: This is a COMPLETE React component library with 49+ components. DO NOT create components that already exist. ALWAYS check this file first and use existing components.
 
 ## 🚨 MOST IMPORTANT RULES
 
@@ -13,11 +13,11 @@
 
 4. **Users NEVER use `adm:` prefix** - Only library internals use it
 
-## 📦 Available Components (46+)
+## 📦 Available Components (49+)
 
 Before creating ANY component, verify it doesn't exist here. For implementation details, props, and examples, see the linked documentation.
 
-### Form Components (15)
+### Form Components (16)
 - **Button** [`docs/components/ui/button.md`] - `@adamosuiteservices/ui/button`
 - **Button Group** [`docs/components/ui/button-group.md`] - `@adamosuiteservices/ui/button-group`
 - **Input** [`docs/components/ui/input.md`] - `@adamosuiteservices/ui/input`
@@ -31,6 +31,7 @@ Before creating ANY component, verify it doesn't exist here. For implementation
 - **Field** [`docs/components/ui/field.md`] - `@adamosuiteservices/ui/field` (form wrapper with label/error)
 - **Label** [`docs/components/ui/label.md`] - `@adamosuiteservices/ui/label`
 - **Input Group** [`docs/components/ui/input-group.md`] - `@adamosuiteservices/ui/input-group`
+- **Amount Input** [`docs/components/ui/amount-input.md`] - `@adamosuiteservices/ui/amount-input` (monetary input with locale-based flag and currency)
 - **File Upload** [`docs/components/ui/file-upload.md`] - `@adamosuiteservices/ui/file-upload` ⚠️ Simple file upload
 - **File Upload V2** [`docs/components/ui/file-upload-v2.md`] - `@adamosuiteservices/ui/file-upload-v2` ⚠️ With unique IDs and metadata for server integration
 
@@ -57,13 +58,15 @@ Before creating ANY component, verify it doesn't exist here. For implementation
 - **Pagination** [`docs/components/ui/pagination.md`] - `@adamosuiteservices/ui/pagination`
 - **Sidebar** [`docs/components/layout/sidebar.md`] - `@adamosuiteservices/ui/sidebar`
 
-### Data Display Components (6)
+### Data Display Components (8)
 - **Table** [`docs/components/ui/table.md`] - `@adamosuiteservices/ui/table`
 - **Card** [`docs/components/ui/card.md`] - `@adamosuiteservices/ui/card`
 - **Badge** [`docs/components/ui/badge.md`] - `@adamosuiteservices/ui/badge`
 - **Avatar** [`docs/components/ui/avatar.md`] - `@adamosuiteservices/ui/avatar`
 - **Typography** [`docs/components/ui/typography.md`] - `@adamosuiteservices/ui/typography`
 - **Skeleton** [`docs/components/ui/skeleton.md`] - `@adamosuiteservices/ui/skeleton`
+- **Selectable Card** [`docs/components/ui/selectable-card.md`] - `@adamosuiteservices/ui/selectable-card` (radio/checkbox card selection)
+- **Timeline** [`docs/components/ui/timeline.md`] - `@adamosuiteservices/ui/timeline` (step-by-step vertical/horizontal timeline)
 
 ### Layout Components (5)
 - **Accordion** [`docs/components/ui/accordion.md`] - `@adamosuiteservices/ui/accordion`

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adamosuiteservices/ui",
-  "version": "2.18.6",
+  "version": "2.19.0",
   "private": false,
   "type": "module",
   "main": "./dist/index.js",
@@ -54,6 +54,10 @@
       "types": "./dist/components/ui/alert/alert.d.ts",
       "import": "./dist/alert.js"
     },
+    "./amount-input": {
+      "types": "./dist/components/ui/amount-input/amount-input.d.ts",
+      "import": "./dist/amount-input.js"
+    },
     "./avatar": {
       "types": "./dist/components/ui/avatar/avatar.d.ts",
       "import": "./dist/avatar.js"
@@ -174,6 +178,10 @@
       "types": "./dist/components/ui/separator/separator.d.ts",
       "import": "./dist/separator.js"
     },
+    "./selectable-card": {
+      "types": "./dist/components/ui/selectable-card/selectable-card.d.ts",
+      "import": "./dist/selectable-card.js"
+    },
     "./sheet": {
       "types": "./dist/components/ui/sheet/sheet.d.ts",
       "import": "./dist/sheet.js"
@@ -210,6 +218,10 @@
       "types": "./dist/components/ui/textarea/textarea.d.ts",
       "import": "./dist/textarea.js"
     },
+    "./timeline": {
+      "types": "./dist/components/ui/timeline/timeline.d.ts",
+      "import": "./dist/timeline.js"
+    },
     "./toggle": {
       "types": "./dist/components/ui/toggle/toggle.d.ts",
       "import": "./dist/toggle.js"

package/dist/button-BnUlAtuD.js

@@ -1,132 +0,0 @@
-"use client";
-import { j as e } from "./jsx-runtime-BzflLqGi.js";
-import { S as u } from "./index-BvLQnI56.js";
-import { S as g } from "./spinner-DQ5JLL3U.js";
-import { c as v } from "./index-CRiPKpXj.js";
-import { c as b } from "./index-BqtVL8d-.js";
-import "react";
-const l = b(
-  `
-    adm:inline-flex adm:items-center adm:justify-center adm:gap-2
-    adm:rounded-[12px] adm:text-sm adm:font-semibold adm:whitespace-nowrap
-    adm:transition-all adm:outline-none
-    adm:focus-visible:ring-[3px] adm:focus-visible:ring-ring/50
-    adm:disabled:pointer-events-none adm:disabled:opacity-50
-    adm:aria-invalid:border-destructive adm:aria-invalid:ring-destructive/20
-    adm:dark:aria-invalid:ring-destructive/40
-    adm:[&_svg]:pointer-events-none adm:[&_svg]:shrink-0
-    adm:[&_svg:not([class*=size-])]:size-5
-    adm:[&>[data-slot=icon]]:shrink-0 adm:[&>[data-slot=icon]]:text-2xl
-  `,
-  {
-    variants: {
-      variant: {
-        default: `
-          adm:bg-primary adm:text-primary-foreground
-          adm:hover:bg-primary-700
-        `,
-        success: `
-          adm:bg-success adm:text-white
-          adm:hover:bg-success-700
-          adm:focus-visible:ring-success/20
-          adm:dark:bg-success/60 adm:dark:focus-visible:ring-success/40
-        `,
-        "success-medium": `
-          adm:bg-success-50 adm:text-success
-          adm:hover:bg-success/20
-          adm:focus-visible:ring-success/20
-          adm:dark:bg-success-50/60 adm:dark:focus-visible:ring-success/40
-        `,
-        warning: `
-          adm:bg-warning adm:text-white
-          adm:hover:bg-warning-700
-          adm:focus-visible:ring-warning/20
-          adm:dark:bg-warning/60 adm:dark:focus-visible:ring-warning/40
-        `,
-        "warning-medium": `
-          adm:bg-warning-50 adm:text-warning
-          adm:hover:bg-warning/20
-          adm:focus-visible:ring-warning/20
-          adm:dark:bg-warning-50/60 adm:dark:focus-visible:ring-warning/40
-        `,
-        destructive: `
-          adm:bg-destructive adm:text-white
-          adm:hover:bg-destructive-700
-          adm:focus-visible:ring-destructive/20
-          adm:dark:bg-destructive/60 adm:dark:focus-visible:ring-destructive/40
-        `,
-        "destructive-medium": `
-          adm:bg-destructive-50 adm:text-destructive
-          adm:hover:bg-destructive/20
-          adm:focus-visible:ring-destructive/20
-          adm:dark:bg-destructive-50/60
-          adm:dark:focus-visible:ring-destructive/40
-        `,
-        outline: `
-          adm:border adm:bg-background adm:shadow-xs
-          adm:hover:bg-accent adm:hover:text-accent-foreground
-          adm:aria-invalid:border-destructive
-          adm:aria-invalid:ring-destructive/20
-          adm:dark:border-input adm:dark:bg-input/30 adm:dark:hover:bg-input/50
-          adm:dark:aria-invalid:ring-destructive/40
-        `,
-        secondary: `
-          adm:bg-secondary adm:text-secondary-foreground
-          adm:hover:bg-primary-200
-        `,
-        ghost: `
-          adm:text-primary
-          adm:hover:bg-primary-50
-          adm:dark:hover:bg-primary-50/20
-        `,
-        "ghost-neutral": `
-          adm:hover:bg-accent adm:hover:text-accent-foreground
-          adm:dark:hover:bg-accent/50
-        `,
-        link: "adm:text-primary",
-        "link-neutral": "adm:text-foreground"
-      },
-      size: {
-        default: "adm:h-10 adm:px-3",
-        sm: "adm:h-9 adm:px-3",
-        lg: "adm:h-11 adm:px-6",
-        icon: "adm:size-10",
-        "icon-sm": "adm:size-9",
-        "icon-lg": "adm:size-11"
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default"
-    }
-  }
-);
-function y({
-  className: i,
-  variant: s,
-  size: t,
-  asChild: d = !1,
-  loading: a = !1,
-  children: r,
-  disabled: m,
-  ...n
-}) {
-  const c = d && !a ? u : "button", o = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    a && /* @__PURE__ */ e.jsx(g, { className: "adm:text-base" }),
-    r
-  ] });
-  return /* @__PURE__ */ e.jsx(
-    c,
-    {
-      "data-slot": "button",
-      className: v(l({ variant: s, size: t, className: i })),
-      disabled: m || a,
-      ...n,
-      children: d && !a ? r : o
-    }
-  );
-}
-export {
-  y as B,
-  l as b
-};