@adamosuiteservices/ui 2.10.11 → 2.10.13

package/docs/components/ui/accordion-rounded.md

@@ -107,7 +107,7 @@ Contenedor individual de cada item del accordion.
 **Estilos aplicados**:
 
 - `rounded-2xl`: Bordes muy redondeados
-- `bg-neutrals-50`: Fondo gris claro
+- `bg-muted`: Fondo gris claro
 - `mb-4`: Margen inferior de 1rem
 - `last:mb-0`: Sin margen en el último item
 
@@ -246,7 +246,7 @@ Solo un item abierto a la vez:
     />
     <AccordionContent>
       <div className="p-4 space-y-3">
-        <div className="rounded-lg border border-neutrals-200 p-3">
+        <div className="rounded-lg border p-3">
           <h4 className="text-sm font-semibold text-foreground">Full Name</h4>
           <p className="text-sm text-foreground mt-1">Required field</p>
         </div>
@@ -374,21 +374,21 @@ Varios items pueden estar abiertos simultáneamente:
     />
     <AccordionContent>
       <div className="p-4 space-y-4">
-        <div className="flex items-center justify-between p-3 bg-neutrals-50 rounded-lg">
+        <div className="flex items-center justify-between p-3 bg-muted rounded-lg">
           <div>
             <p className="text-sm font-semibold text-foreground">
               Credit Card
             </p>
             <p className="text-xs text-muted-foreground">•••• 4242</p>
           </div>
-          <span className="text-xs text-success-600 font-medium">Active</span>
+          <span className="text-xs text-success font-medium">Active</span>
         </div>
-        <div className="flex items-center justify-between p-3 bg-neutrals-50 rounded-lg">
+        <div className="flex items-center justify-between p-3 bg-muted rounded-lg">
           <div>
             <p className="text-sm font-semibold text-foreground">PayPal</p>
             <p className="text-xs text-muted-foreground">user@example.com</p>
           </div>
-          <span className="text-xs text-success-600 font-medium">Active</span>
+          <span className="text-xs text-success font-medium">Active</span>
         </div>
       </div>
     </AccordionContent>
@@ -548,7 +548,7 @@ Sin badges para diseño minimalista:
 | Característica     | Accordion Regular       | Accordion Rounded                 |
 | ------------------ | ----------------------- | --------------------------------- |
 | Bordes             | Esquinas cuadradas      | `rounded-2xl` (muy redondeado)    |
-| Fondo del Item     | Transparente con border | `bg-neutrals-50` (gris claro)     |
+| Fondo del Item     | Transparente con border | `bg-muted` (gris claro)           |
 | Separación         | Border entre items      | Margen `mb-4` entre items         |
 | Badge Support      | No (solo children)      | Sí (prop `badge` dedicada)        |
 | Estilo del Título  | Normal                  | Mayúsculas, compacto, color gris  |

package/docs/components/ui/accordion.md

@@ -236,7 +236,7 @@ El trigger incluye hover effect con subrayado:
   <AccordionItem value="phase-1">
     <AccordionTrigger>
       <div className="flex items-center gap-2">
-        <CheckCircleIcon className="h-4 w-4" />
+        <Icon symbol="check_circle" className="text-lg" />
         Phase 1: Planning
       </div>
     </AccordionTrigger>
@@ -260,7 +260,7 @@ El trigger incluye hover effect con subrayado:
 
 - Usa Radix UI Accordion internamente
 - Todos los estilos tienen prefijo ``
-- El icono ChevronDown se incluye automáticamente en el trigger
+- El icono keyboard_arrow_down se incluye automáticamente en el trigger
 - Las animaciones son manejadas por CSS y data attributes
 
 ## Referencias

package/docs/components/ui/alert.md

@@ -344,15 +344,15 @@ import { Progress } from "@adamosuiteservices/ui/progress";
       </div>
       <div className="flex gap-4 justify-between">
         <span>Memory usage:</span>
-        <span className="text-green-600">-23%</span>
+        <span className="text-success">-23%</span>
       </div>
       <div className="flex gap-4 justify-between">
         <span>CPU usage:</span>
-        <span className="text-green-600">-31%</span>
+        <span className="text-success">-31%</span>
       </div>
       <div className="flex gap-4 justify-between">
         <span>Battery life:</span>
-        <span className="text-green-600">+18%</span>
+        <span className="text-success">+18%</span>
       </div>
     </div>
   </AlertDescription>

package/docs/components/ui/avatar.md

@@ -378,16 +378,16 @@ Para mostrar estado online/offline/busy:
     <AvatarFallback>JD</AvatarFallback>
   </Avatar>
   {/* Indicador de estado */}
-  <span className="absolute bottom-0 right-0 block h-3 w-3 rounded-full bg-green-500 ring-2 ring-background" />
+  <span className="absolute bottom-0 right-0 block h-3 w-3 rounded-full bg-success ring-2 ring-background" />
 </div>
 ```
 
 **Variantes de estado**:
 
-- `bg-green-500`: Online
+- `bg-success`: Online
 - `bg-gray-400`: Offline
-- `bg-yellow-500`: Away/Idle
-- `bg-red-500`: Busy/Do Not Disturb
+- `bg-warning`: Away/Idle
+- `bg-destructive`: Busy/Do Not Disturb
 
 ### Avatar con Badge
 
@@ -525,7 +525,7 @@ Mantén tamaños consistentes por contexto:
 ```tsx
 <Avatar>
   <AvatarImage src={url} alt="User" />
-  <AvatarFallback className="bg-blue-500 text-white">AB</AvatarFallback>
+  <AvatarFallback className="bg-primary text-primary-foreground">AB</AvatarFallback>
 </Avatar>
 ```
 
@@ -534,11 +534,11 @@ Mantén tamaños consistentes por contexto:
 ```typescript
 function getAvatarColor(name: string): string {
   const colors = [
-    "bg-red-500",
-    "bg-blue-500",
-    "bg-green-500",
-    "bg-yellow-500",
-    "bg-purple-500",
+    "bg-destructive",
+    "bg-primary",
+    "bg-success",
+    "bg-warning",
+    "bg-primary",
   ];
   const index = name.charCodeAt(0) % colors.length;
   return colors[index];

package/docs/components/ui/badge.md

@@ -499,29 +499,11 @@ Para etiquetas promocionales.
 ```tsx
 import { Icon } from "@adamosuiteservices/ui/icon";
 
-<div className="space-y-4">
-  {/* Badges básicos */}
-  <div className="flex gap-2">
-    <Badge variant="destructive">Sale</Badge>
-    <Badge variant="default">New</Badge>
-    <Badge variant="secondary">Bestseller</Badge>
-    <Badge variant="outline">Limited</Badge>
-  </div>
-
-  {/* Badges personalizados */}
-  <div className="flex gap-2">
-    <Badge className="bg-green-100 text-green-800 dark:bg-green-900 dark:text-green-200">
-      Free Shipping
-    </Badge>
-    <Badge className="bg-purple-100 text-purple-800 dark:bg-purple-900 dark:text-purple-200">
-      <Icon symbol="star" />
-      Premium
-    </Badge>
-    <Badge className="bg-yellow-100 text-yellow-800 dark:bg-yellow-900 dark:text-yellow-200">
-      <Icon symbol="redeem" />
-      Bundle Deal
-    </Badge>
-  </div>
+<div className="flex gap-2">
+  <Badge variant="destructive">Sale</Badge>
+  <Badge variant="default">New</Badge>
+  <Badge variant="secondary">Bestseller</Badge>
+  <Badge variant="outline">Limited</Badge>
 </div>;
 ```
 
@@ -548,12 +530,10 @@ import { Icon } from "@adamosuiteservices/ui/icon";
 
   <div className="flex items-center gap-2">
     <Avatar className="size-6">
-      <AvatarFallback>ML</AvatarFallback>
+      <AvatarImage src="https://github.com/shadcn.png" alt="@shadcn" />
+      <AvatarFallback>CN</AvatarFallback>
     </Avatar>
-    <Badge variant="default">
-      <Icon symbol="verified" />
-      maxleiter
-    </Badge>
+    <Badge variant="secondary">shadcn</Badge>
   </div>
 </div>;
 ```
@@ -578,32 +558,9 @@ import { Icon } from "@adamosuiteservices/ui/icon";
     Best Value
   </Badge>
   <Badge variant="outline">Free Trial</Badge>
-</div>;
-```
-
-### Colores Personalizados
-
-Para casos especiales de branding.
-
-```tsx
-import { Icon } from "@adamosuiteservices/ui/icon";
-
-<div className="flex gap-2">
-  <Badge className="bg-blue-500 text-white dark:bg-blue-600">
-    <Icon symbol="verified" />
-    Verified
-  </Badge>
-  <Badge className="bg-green-500 text-white dark:bg-green-600">
+  <Badge variant="success-medium">
     <Icon symbol="check" />
-    Success
-  </Badge>
-  <Badge className="bg-purple-500 text-white dark:bg-purple-600">
-    <Icon symbol="star" />
-    Premium
-  </Badge>
-  <Badge className="bg-orange-500 text-white dark:bg-orange-600">
-    <Icon symbol="trending_up" />
-    Trending
+    Money Back Guarantee
   </Badge>
 </div>;
 ```

package/docs/components/ui/button.md

@@ -1072,7 +1072,7 @@ function Navigation() {
 
 ```tsx
 // ❌ Incorrecto - className sobrescribe variantes
-<Button className="bg-red-500">Click</Button>
+<Button className="bg-destructive">Click</Button>
 
 // ✅ Correcto - Usa variantes predefinidas
 <Button variant="destructive">Click</Button>

package/docs/components/ui/calendar.md

@@ -781,7 +781,7 @@ const bookedDates = [
     booked: bookedDates,
   }}
   modifiersClassNames={{
-    booked: "bg-red-100 text-red-900",
+    booked: "bg-destructive/10 text-destructive",
   }}
   className="rounded-md border"
 />;

package/docs/components/ui/combobox.md

@@ -270,10 +270,10 @@ const options = [
   searchable
   options={frameworks}
   classNames={{
-    trigger: "border-2 border-blue-500 w-64",
-    popover: "border-blue-200 shadow-lg",
-    item: "rounded px-3 py-2 hover:bg-blue-50",
-    check: "text-blue-600",
+    trigger: "border-2 border-primary w-64",
+    popover: "border-border shadow-lg",
+    item: "rounded px-3 py-2 hover:bg-accent",
+    check: "text-primary",
   }}
 />
 ```
@@ -335,7 +335,7 @@ const [values, setValues] = useState<string[]>([]);
   {values.length > 0 && (
     <button
       onClick={() => setValues([])}
-      className="text-xs text-blue-600 hover:text-blue-800 underline"
+      className="text-xs text-primary hover:text-primary/80 underline"
     >
       Clear all
     </button>
@@ -390,7 +390,7 @@ El prop `renders` permite personalizar completamente la UI usando el patrón ren
       <div className="flex items-center gap-2">
         <span>{text}</span>
         {text && (
-          <span className="px-1.5 py-0.5 text-xs bg-green-100 text-green-700 rounded font-medium">
+          <span className="px-1.5 py-0.5 text-xs bg-success/10 text-success rounded font-medium">
             Active
           </span>
         )}
@@ -411,7 +411,7 @@ El prop `renders` permite personalizar completamente la UI usando el patrón ren
   renders={{
     optionLabel: ({ option }) => (
       <div className="flex items-center gap-2">
-        <span className="font-semibold text-blue-600">🚀</span>
+        <span className="font-semibold text-primary">🚀</span>
         <span>{option.label}</span>
       </div>
     ),

package/docs/components/ui/hover-card.md

@@ -192,7 +192,7 @@ import { Icon } from "@adamosuiteservices/ui/icon";
           <span>4.1k</span>
         </div>
         <div className="flex items-center gap-1">
-          <div className="h-3 w-3 rounded-full bg-blue-500" />
+          <div className="h-3 w-3 rounded-full bg-primary" />
           <span>TypeScript</span>
         </div>
       </div>

package/docs/components/ui/icon.md

@@ -84,7 +84,7 @@ Usa clases de texto Tailwind para controlar el tamaño del icono. Se pueden comb
 <Icon symbol="star" className="adm:text-5xl" />   {/* ~48px */}
 
 // Combinando tamaño con color
-<Icon symbol="star" className="adm:text-2xl adm:text-yellow-500" />
+<Icon symbol="star" className="adm:text-2xl adm:text-warning" />
 ```
 
 ### fill
@@ -190,7 +190,7 @@ function FavoriteButton() {
         fill={isFavorite ? 1 : 0}
         className={cn(
           "adm:text-lg",
-          isFavorite ? "adm:text-red-500" : "adm:text-gray-400"
+          isFavorite ? "adm:text-destructive" : "adm:text-muted-foreground"
         )}
       />
       {isFavorite ? "Liked" : "Like"}
@@ -261,7 +261,7 @@ const commonIcons = [
 <Icon
   symbol="notification"
   weight={300}
-  className="adm:text-2xl adm:text-blue-500 adm:drop-shadow-sm"
+  className="adm:text-2xl adm:text-primary adm:drop-shadow-sm"
 />
 ```
 
@@ -270,7 +270,7 @@ const commonIcons = [
 ```tsx
 <Icon
   symbol="refresh"
-  className="adm:text-2xl adm:animate-spin adm:text-blue-500"
+  className="adm:text-2xl adm:animate-spin adm:text-primary"
 />
 ```
 
@@ -291,7 +291,7 @@ const commonIcons = [
 <Card>
   <CardHeader>
     <div className="adm:flex adm:items-center adm:gap-2">
-      <Icon symbol="folder" className="adm:text-2xl adm:text-blue-500" />
+      <Icon symbol="folder" className="adm:text-2xl adm:text-primary" />
       <CardTitle>Documents</CardTitle>
     </div>
   </CardHeader>
@@ -311,17 +311,17 @@ const commonIcons = [
 
 ```tsx
 <div className="adm:flex adm:items-center adm:gap-2">
-  <Icon symbol="check_circle" fill={1} className="adm:text-green-500" />
+  <Icon symbol="check_circle" fill={1} className="adm:text-success" />
   <span>Completed</span>
 </div>
 
 <div className="adm:flex adm:items-center adm:gap-2">
-  <Icon symbol="error" fill={1} className="adm:text-red-500" />
+  <Icon symbol="error" fill={1} className="adm:text-destructive" />
   <span>Error</span>
 </div>
 
 <div className="adm:flex adm:items-center adm:gap-2">
-  <Icon symbol="schedule" fill={1} className="adm:text-yellow-500" />
+  <Icon symbol="schedule" fill={1} className="adm:text-warning" />
   <span>Pending</span>
 </div>
 ```
@@ -396,7 +396,7 @@ const commonIcons = [
 {
   /* ✅ Correcto - Peso mayor para énfasis */
 }
-<Icon symbol="warning" weight={500} fill={1} className="adm:text-yellow-500" />;
+<Icon symbol="warning" weight={500} fill={1} className="adm:text-warning" />;
 
 {
   /* ❌ Evitar - Peso muy pesado sin propósito */
@@ -408,9 +408,9 @@ const commonIcons = [
 
 ```tsx
 {/* ✅ Correcto - Estados con significado claro */}
-<Icon symbol="check_circle" fill={1} className="adm:text-green-500" />  {/* Éxito */}
-<Icon symbol="error" fill={1} className="adm:text-red-500" />           {/* Error */}
-<Icon symbol="info" fill={1} className="adm:text-blue-500" />           {/* Info */}
+<Icon symbol="check_circle" fill={1} className="adm:text-success" />  {/* Éxito */}
+<Icon symbol="error" fill={1} className="adm:text-destructive" />           {/* Error */}
+<Icon symbol="info" fill={1} className="adm:text-primary" />           {/* Info */}
 
 {/* ✅ Correcto - Estados interactivos */}
 <Icon symbol="favorite" fill={liked ? 1 : 0} />

package/docs/components/ui/input-group.md

@@ -79,12 +79,12 @@ import {
 
 ### InputGroupButton
 
-| Prop      | Tipo                                     | Default    | Descripción                              |
-| --------- | ---------------------------------------- | ---------- | ---------------------------------------- |
-| `size`    | `"xs" \| "sm" \| "icon-xs" \| "icon-sm"` | `"xs"`     | Tamaño del botón                         |
-| `variant` | Button variants                          | `"ghost"`  | Variante del botón                       |
-| `type`    | `string`                                 | `"button"` | Tipo HTML del botón                      |
-| ...rest   | -                                        | -          | Todas las props de Button excepto `size` |
+| Prop      | Tipo                                     | Default           | Descripción                              |
+| --------- | ---------------------------------------- | ----------------- | ---------------------------------------- |
+| `size`    | `"xs" \| "sm" \| "icon-xs" \| "icon-sm"` | `"xs"`            | Tamaño del botón                         |
+| `variant` | Button variants                          | `"ghost-neutral"` | Variante del botón                       |
+| `type`    | `string`                                 | `"button"`        | Tipo HTML del botón                      |
+| ...rest   | -                                        | -                 | Todas las props de Button excepto `size` |
 
 **Sizes**:
 
@@ -235,7 +235,7 @@ import {
   <InputGroupAddon align="inline-end">
     <Tooltip>
       <TooltipTrigger asChild>
-        <InputGroupButton variant="ghost" size="icon-xs">
+        <InputGroupButton size="icon-xs">
           <Icon symbol="info" className="text-base" />
         </InputGroupButton>
       </TooltipTrigger>
@@ -268,7 +268,6 @@ function App() {
         />
         <InputGroupAddon align="inline-end">
           <InputGroupButton
-            variant="ghost"
             size="icon-xs"
             onClick={() => setShowPassword(!showPassword)}
             aria-label={showPassword ? "Hide password" : "Show password"}
@@ -315,7 +314,7 @@ import {
   <InputGroupAddon align="inline-end">
     <DropdownMenu>
       <DropdownMenuTrigger asChild>
-        <InputGroupButton variant="ghost" size="icon-xs">
+        <InputGroupButton size="icon-xs">
           <Icon symbol="more_horiz" className="text-base" />
         </InputGroupButton>
       </DropdownMenuTrigger>
@@ -362,11 +361,7 @@ import { Label } from "@adamosuiteservices/ui/label";
     </Label>
     <Tooltip>
       <TooltipTrigger asChild>
-        <InputGroupButton
-          variant="ghost"
-          className="ml-auto rounded-full"
-          size="icon-xs"
-        >
+        <InputGroupButton className="ml-auto rounded-full" size="icon-xs">
           <Icon symbol="info" className="text-base" />
         </InputGroupButton>
       </TooltipTrigger>

package/docs/components/ui/popover.md

@@ -306,7 +306,7 @@ import { Icon } from "@adamosuiteservices/ui/icon";
     <PopoverContent className="w-80">
       <div className="space-y-3">
         <div className="flex items-center gap-2">
-          <Icon symbol="error" className="text-lg text-blue-500" />
+          <Icon symbol="error" className="text-lg text-primary" />
           <h4 className="font-medium">About this feature</h4>
         </div>
         <p className="text-sm text-muted-foreground">
@@ -359,7 +359,7 @@ import { Separator } from "@adamosuiteservices/ui/separator";
             <p className="text-sm font-medium">New message</p>
             <p className="text-xs text-muted-foreground">2 min ago</p>
           </div>
-          <div className="h-2 w-2 bg-blue-500 rounded-full mt-1" />
+          <div className="h-2 w-2 bg-primary rounded-full mt-1" />
         </div>
       </div>
       <Separator />

package/docs/components/ui/spinner.md

@@ -50,7 +50,7 @@ import { Spinner } from "@adamosuiteservices/ui/spinner";
 ```tsx
 <Spinner className="text-primary" />
 <Spinner className="text-destructive" />
-<Spinner className="text-blue-500" />
+<Spinner className="text-warning" />
 ```
 
 ### En Botones

package/docs/components/ui/table.md

@@ -174,7 +174,7 @@ const invoices = [
 ## Estilos Base
 
 - **Container**: `rounded-xl border` con `overflow-x-auto`
-- **Head**: `bg-neutrals-50 text-muted-foreground text-xs uppercase`
+- **Head**: `bg-muted/50 text-muted-foreground text-xs uppercase`
 - **Row hover**: `hover:bg-muted/50`
 - **Cell**: `p-4 text-sm text-muted-foreground`
 

package/docs/components/ui/tooltip.md

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

package/docs/components/ui/typography.md

@@ -264,7 +264,7 @@ import { Typography } from "@adamosuiteservices/ui/typography";
 - **Default element**: `<p>` cuando `asChild=false`
 - **Default variants**: `variant="sm"` y `color="default"`
 - **Data attribute**: `data-slot="typography"` para identificación
-- **Color variants**: Incluye colores default (neutrals-700) y muted (neutrals-500)
+- **Color variants**: Incluye colores default (foreground) y muted (muted-foreground)
 - **Extensibilidad**: Combina con utility classes para estilos adicionales (weight, spacing, etc.)
 
 ## Troubleshooting

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adamosuiteservices/ui",
-  "version": "2.10.11",
+  "version": "2.10.13",
   "private": false,
   "type": "module",
   "main": "./dist/index.js",
@@ -283,6 +283,7 @@
     "globals": "^16.4.0",
     "husky": "^9.1.7",
     "lint-staged": "^16.2.6",
+    "rollup-preserve-directives": "^1.1.3",
     "storybook": "^10.0.0",
     "tw-animate-css": "^1.4.0",
     "typescript": "~5.9.3",

package/dist/checkbox-Bn7H8EaT.cjs

@@ -1,22 +0,0 @@
-"use strict";const o=require("./jsx-runtime-BB_1_6y_.cjs"),H=require("react"),w=require("./index-_XxjJPRD.cjs"),L=require("./index-cwZN7ZY3.cjs"),_=require("./index-BWaO7kQK.cjs"),G=require("./index-DYxWvftI.cjs"),K=require("./index-bSPhqlcX.cjs"),U=require("./index-Bd0gQB0k.cjs"),P=require("./index-CocSS1YK.cjs"),N=require("./icon-Bg5HV6Ls.cjs"),y=require("./index-DoxiiusW.cjs");function X(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const a=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(r,n,a.get?a:{enumerable:!0,get:()=>e[n]})}}return r.default=e,Object.freeze(r)}const d=X(H);var g="Checkbox",[J]=L.createContextScope(g),[Q,I]=J(g);function V(e){const{__scopeCheckbox:r,checked:n,children:a,defaultChecked:c,disabled:t,form:p,name:x,onCheckedChange:u,required:f,value:h="on",internal_do_not_use_render:l}=e,[m,v]=_.useControllableState({prop:n,defaultProp:c??!1,onChange:u,caller:g}),[k,C]=d.useState(null),[R,s]=d.useState(null),i=d.useRef(!1),j=k?!!p||!!k.closest("form"):!0,E={checked:m,disabled:t,setChecked:v,control:k,setControl:C,name:x,form:p,value:h,hasConsumerStoppedPropagationRef:i,required:f,defaultChecked:b(c)?!1:c,isFormControl:j,bubbleInput:R,setBubbleInput:s};return o.jsxRuntimeExports.jsx(Q,{scope:r,...E,children:W(l)?l(E):a})}var S="CheckboxTrigger",O=d.forwardRef(({__scopeCheckbox:e,onKeyDown:r,onClick:n,...a},c)=>{const{control:t,value:p,disabled:x,checked:u,required:f,setControl:h,setChecked:l,hasConsumerStoppedPropagationRef:m,isFormControl:v,bubbleInput:k}=I(S,e),C=w.useComposedRefs(c,h),R=d.useRef(u);return d.useEffect(()=>{const s=t?.form;if(s){const i=()=>l(R.current);return s.addEventListener("reset",i),()=>s.removeEventListener("reset",i)}},[t,l]),o.jsxRuntimeExports.jsx(P.Primitive.button,{type:"button",role:"checkbox","aria-checked":b(u)?"mixed":u,"aria-required":f,"data-state":A(u),"data-disabled":x?"":void 0,disabled:x,value:p,...a,ref:C,onKeyDown:_.composeEventHandlers(r,s=>{s.key==="Enter"&&s.preventDefault()}),onClick:_.composeEventHandlers(n,s=>{l(i=>b(i)?!0:!i),k&&v&&(m.current=s.isPropagationStopped(),m.current||s.stopPropagation())})})});O.displayName=S;var B=d.forwardRef((e,r)=>{const{__scopeCheckbox:n,name:a,checked:c,defaultChecked:t,required:p,disabled:x,value:u,onCheckedChange:f,form:h,...l}=e;return o.jsxRuntimeExports.jsx(V,{__scopeCheckbox:n,checked:c,defaultChecked:t,disabled:x,required:p,onCheckedChange:f,name:a,form:h,value:u,internal_do_not_use_render:({isFormControl:m})=>o.jsxRuntimeExports.jsxs(o.jsxRuntimeExports.Fragment,{children:[o.jsxRuntimeExports.jsx(O,{...l,ref:r,__scopeCheckbox:n}),m&&o.jsxRuntimeExports.jsx(D,{__scopeCheckbox:n})]})})});B.displayName=g;var M="CheckboxIndicator",T=d.forwardRef((e,r)=>{const{__scopeCheckbox:n,forceMount:a,...c}=e,t=I(M,n);return o.jsxRuntimeExports.jsx(U.Presence,{present:a||b(t.checked)||t.checked===!0,children:o.jsxRuntimeExports.jsx(P.Primitive.span,{"data-state":A(t.checked),"data-disabled":t.disabled?"":void 0,...c,ref:r,style:{pointerEvents:"none",...e.style}})})});T.displayName=M;var $="CheckboxBubbleInput",D=d.forwardRef(({__scopeCheckbox:e,...r},n)=>{const{control:a,hasConsumerStoppedPropagationRef:c,checked:t,defaultChecked:p,required:x,disabled:u,name:f,value:h,form:l,bubbleInput:m,setBubbleInput:v}=I($,e),k=w.useComposedRefs(n,v),C=G.usePrevious(t),R=K.useSize(a);d.useEffect(()=>{const i=m;if(!i)return;const j=window.HTMLInputElement.prototype,q=Object.getOwnPropertyDescriptor(j,"checked").set,z=!c.current;if(C!==t&&q){const F=new Event("click",{bubbles:z});i.indeterminate=b(t),q.call(i,b(t)?!1:t),i.dispatchEvent(F)}},[m,C,t,c]);const s=d.useRef(b(t)?!1:t);return o.jsxRuntimeExports.jsx(P.Primitive.input,{type:"checkbox","aria-hidden":!0,defaultChecked:p??s.current,required:x,disabled:u,name:f,value:h,form:l,...r,tabIndex:-1,ref:k,style:{...r.style,...R,position:"absolute",pointerEvents:"none",opacity:0,margin:0,transform:"translateX(-100%)"}})});D.displayName=$;function W(e){return typeof e=="function"}function b(e){return e==="indeterminate"}function A(e){return b(e)?"indeterminate":e?"checked":"unchecked"}function Y({className:e,...r}){return o.jsxRuntimeExports.jsx(B,{"data-slot":"checkbox",className:y.cn(`
-          adm:peer adm:size-5 adm:shrink-0 adm:rounded-[6px] adm:border
-          adm:border-input adm:shadow-xs adm:transition-shadow adm:outline-none
-          adm:focus-visible:border-ring adm:focus-visible:ring-[3px]
-          adm:focus-visible:ring-ring/50
-          adm:disabled:cursor-not-allowed adm:disabled:opacity-50
-          adm:aria-invalid:border-destructive
-          adm:aria-invalid:ring-destructive/20
-          adm:data-[state=checked]:border-primary
-          adm:data-[state=checked]:bg-primary
-          adm:data-[state=checked]:text-primary-foreground
-          adm:dark:bg-input/30 adm:dark:aria-invalid:ring-destructive/40
-          adm:dark:data-[state=checked]:bg-primary
-        `,e),...r,children:o.jsxRuntimeExports.jsxs(T,{"data-slot":"checkbox-indicator",className:`
-          adm:group adm:grid adm:place-content-center adm:text-current
-          adm:transition-none
-          adm:*:data-[slot=icon]:text-current
-        `,children:[o.jsxRuntimeExports.jsx(N.Icon,{symbol:"check",className:y.cn("adm:text-base adm:text-white",`
-            adm:group-data-[state=indeterminate]:hidden
-          `)}),o.jsxRuntimeExports.jsx(N.Icon,{symbol:"remove",className:y.cn("adm:text-base adm:text-primary",`
-            adm:group-data-[state=checked]:hidden
-          `)})]})})}exports.Checkbox=Y;

package/dist/icon-DG_i4bz2.js

@@ -1,35 +0,0 @@
-import { j as r } from "./jsx-runtime-BzflLqGi.js";
-import { c } from "./index-CRiPKpXj.js";
-function d({
-  symbol: t,
-  fill: o = 0,
-  weight: s = 300,
-  grade: n = 0,
-  opticalSize: a = 24,
-  className: i,
-  style: e,
-  ...l
-}) {
-  const m = {
-    fontVariationSettings: `
-      'FILL' ${o},
-      'wght' ${s},
-      'GRAD' ${n},
-      'opsz' ${a}
-    `,
-    ...e
-  };
-  return /* @__PURE__ */ r.jsx(
-    "span",
-    {
-      "data-slot": "icon",
-      className: c("material-symbols-outlined adm:inline-block adm:text-2xl", i),
-      style: m,
-      ...l,
-      children: t
-    }
-  );
-}
-export {
-  d as I
-};

package/dist/index-BFyr34mw.cjs

@@ -1,5 +0,0 @@
-"use strict";const V=require("react"),g=require("./index-BWaO7kQK.cjs"),D=require("./index-_XxjJPRD.cjs"),O=require("./index-cwZN7ZY3.cjs"),j=require("./index-WIv2ndLu.cjs"),B=require("./index-BeWgla7c.cjs"),E=require("./index-DMs8RL3E.cjs"),Z=require("./index-Dbj9vHNq.cjs"),y=require("./index-Bd0gQB0k.cjs"),m=require("./index-CocSS1YK.cjs"),a=require("./jsx-runtime-BB_1_6y_.cjs");function z(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const o in e)if(o!=="default"){const r=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(t,o,r.get?r:{enumerable:!0,get:()=>e[o]})}}return t.default=e,Object.freeze(t)}const i=z(V);function K(e){const t=U(e),o=i.forwardRef((r,n)=>{const{children:s,...c}=r,l=i.Children.toArray(s),u=l.find(J);if(u){const p=u.props.children,x=l.map(R=>R===u?i.Children.count(p)>1?i.Children.only(null):i.isValidElement(p)?p.props.children:null:R);return a.jsxRuntimeExports.jsx(t,{...c,ref:n,children:i.isValidElement(p)?i.cloneElement(p,void 0,x):null})}return a.jsxRuntimeExports.jsx(t,{...c,ref:n,children:s})});return o.displayName=`${e}.Slot`,o}function U(e){const t=i.forwardRef((o,r)=>{const{children:n,...s}=o;if(i.isValidElement(n)){const c=X(n),l=Q(s,n.props);return n.type!==i.Fragment&&(l.ref=r?D.composeRefs(r,c):c),i.cloneElement(n,l)}return i.Children.count(n)>1?i.Children.only(null):null});return t.displayName=`${e}.SlotClone`,t}var Y=Symbol("radix.slottable");function J(e){return i.isValidElement(e)&&typeof e.type=="function"&&"__radixId"in e.type&&e.type.__radixId===Y}function Q(e,t){const o={...t};for(const r in t){const n=e[r],s=t[r];/^on[A-Z]/.test(r)?n&&s?o[r]=(...l)=>{const u=s(...l);return n(...l),u}:n&&(o[r]=n):r==="style"?o[r]={...n,...s}:r==="className"&&(o[r]=[n,s].filter(Boolean).join(" "))}return{...e,...o}}function X(e){let t=Object.getOwnPropertyDescriptor(e.props,"ref")?.get,o=t&&"isReactWarning"in t&&t.isReactWarning;return o?e.ref:(t=Object.getOwnPropertyDescriptor(e,"ref")?.get,o=t&&"isReactWarning"in t&&t.isReactWarning,o?e.props.ref:e.props.ref||e.ref)}var C="Dialog",[I]=O.createContextScope(C),[ee,d]=I(C),N=e=>{const{__scopeDialog:t,children:o,open:r,defaultOpen:n,onOpenChange:s,modal:c=!0}=e,l=i.useRef(null),u=i.useRef(null),[p,x]=g.useControllableState({prop:r,defaultProp:n??!1,onChange:s,caller:C});return a.jsxRuntimeExports.jsx(ee,{scope:t,triggerRef:l,contentRef:u,contentId:j.useId(),titleId:j.useId(),descriptionId:j.useId(),open:p,onOpenChange:x,onOpenToggle:i.useCallback(()=>x(R=>!R),[x]),modal:c,children:o})};N.displayName=C;var b="DialogTrigger",T=i.forwardRef((e,t)=>{const{__scopeDialog:o,...r}=e,n=d(b,o),s=D.useComposedRefs(t,n.triggerRef);return a.jsxRuntimeExports.jsx(m.Primitive.button,{type:"button","aria-haspopup":"dialog","aria-expanded":n.open,"aria-controls":n.contentId,"data-state":P(n.open),...r,ref:s,onClick:g.composeEventHandlers(e.onClick,n.onOpenToggle)})});T.displayName=b;var _="DialogPortal",[te,A]=I(_,{forceMount:void 0}),S=e=>{const{__scopeDialog:t,forceMount:o,children:r,container:n}=e,s=d(_,t);return a.jsxRuntimeExports.jsx(te,{scope:t,forceMount:o,children:i.Children.map(r,c=>a.jsxRuntimeExports.jsx(y.Presence,{present:o||s.open,children:a.jsxRuntimeExports.jsx(Z.Portal,{asChild:!0,container:n,children:c})}))})};S.displayName=_;var v="DialogOverlay",M=i.forwardRef((e,t)=>{const o=A(v,e.__scopeDialog),{forceMount:r=o.forceMount,...n}=e,s=d(v,e.__scopeDialog);return s.modal?a.jsxRuntimeExports.jsx(y.Presence,{present:r||s.open,children:a.jsxRuntimeExports.jsx(ne,{...n,ref:t})}):null});M.displayName=v;var oe=K("DialogOverlay.RemoveScroll"),ne=i.forwardRef((e,t)=>{const{__scopeDialog:o,...r}=e,n=d(v,o);return a.jsxRuntimeExports.jsx(E.ReactRemoveScroll,{as:oe,allowPinchZoom:!0,shards:[n.contentRef],children:a.jsxRuntimeExports.jsx(m.Primitive.div,{"data-state":P(n.open),...r,ref:t,style:{pointerEvents:"auto",...r.style}})})}),f="DialogContent",w=i.forwardRef((e,t)=>{const o=A(f,e.__scopeDialog),{forceMount:r=o.forceMount,...n}=e,s=d(f,e.__scopeDialog);return a.jsxRuntimeExports.jsx(y.Presence,{present:r||s.open,children:s.modal?a.jsxRuntimeExports.jsx(re,{...n,ref:t}):a.jsxRuntimeExports.jsx(se,{...n,ref:t})})});w.displayName=f;var re=i.forwardRef((e,t)=>{const o=d(f,e.__scopeDialog),r=i.useRef(null),n=D.useComposedRefs(t,o.contentRef,r);return i.useEffect(()=>{const s=r.current;if(s)return E.hideOthers(s)},[]),a.jsxRuntimeExports.jsx(F,{...e,ref:n,trapFocus:o.open,disableOutsidePointerEvents:!0,onCloseAutoFocus:g.composeEventHandlers(e.onCloseAutoFocus,s=>{s.preventDefault(),o.triggerRef.current?.focus()}),onPointerDownOutside:g.composeEventHandlers(e.onPointerDownOutside,s=>{const c=s.detail.originalEvent,l=c.button===0&&c.ctrlKey===!0;(c.button===2||l)&&s.preventDefault()}),onFocusOutside:g.composeEventHandlers(e.onFocusOutside,s=>s.preventDefault())})}),se=i.forwardRef((e,t)=>{const o=d(f,e.__scopeDialog),r=i.useRef(!1),n=i.useRef(!1);return a.jsxRuntimeExports.jsx(F,{...e,ref:t,trapFocus:!1,disableOutsidePointerEvents:!1,onCloseAutoFocus:s=>{e.onCloseAutoFocus?.(s),s.defaultPrevented||(r.current||o.triggerRef.current?.focus(),s.preventDefault()),r.current=!1,n.current=!1},onInteractOutside:s=>{e.onInteractOutside?.(s),s.defaultPrevented||(r.current=!0,s.detail.originalEvent.type==="pointerdown"&&(n.current=!0));const c=s.target;o.triggerRef.current?.contains(c)&&s.preventDefault(),s.detail.originalEvent.type==="focusin"&&n.current&&s.preventDefault()}})}),F=i.forwardRef((e,t)=>{const{__scopeDialog:o,trapFocus:r,onOpenAutoFocus:n,onCloseAutoFocus:s,...c}=e,l=d(f,o),u=i.useRef(null),p=D.useComposedRefs(t,u);return E.useFocusGuards(),a.jsxRuntimeExports.jsxs(a.jsxRuntimeExports.Fragment,{children:[a.jsxRuntimeExports.jsx(E.FocusScope,{asChild:!0,loop:!0,trapped:r,onMountAutoFocus:n,onUnmountAutoFocus:s,children:a.jsxRuntimeExports.jsx(B.DismissableLayer,{role:"dialog",id:l.contentId,"aria-describedby":l.descriptionId,"aria-labelledby":l.titleId,"data-state":P(l.open),...c,ref:p,onDismiss:()=>l.onOpenChange(!1)})}),a.jsxRuntimeExports.jsxs(a.jsxRuntimeExports.Fragment,{children:[a.jsxRuntimeExports.jsx(ie,{titleId:l.titleId}),a.jsxRuntimeExports.jsx(le,{contentRef:u,descriptionId:l.descriptionId})]})]})}),h="DialogTitle",W=i.forwardRef((e,t)=>{const{__scopeDialog:o,...r}=e,n=d(h,o);return a.jsxRuntimeExports.jsx(m.Primitive.h2,{id:n.titleId,...r,ref:t})});W.displayName=h;var $="DialogDescription",q=i.forwardRef((e,t)=>{const{__scopeDialog:o,...r}=e,n=d($,o);return a.jsxRuntimeExports.jsx(m.Primitive.p,{id:n.descriptionId,...r,ref:t})});q.displayName=$;var L="DialogClose",k=i.forwardRef((e,t)=>{const{__scopeDialog:o,...r}=e,n=d(L,o);return a.jsxRuntimeExports.jsx(m.Primitive.button,{type:"button",...r,ref:t,onClick:g.composeEventHandlers(e.onClick,()=>n.onOpenChange(!1))})});k.displayName=L;function P(e){return e?"open":"closed"}var G="DialogTitleWarning",[Re,H]=O.createContext2(G,{contentName:f,titleName:h,docsSlug:"dialog"}),ie=({titleId:e})=>{const t=H(G),o=`\`${t.contentName}\` requires a \`${t.titleName}\` for the component to be accessible for screen reader users.
-
-If you want to hide the \`${t.titleName}\`, you can wrap it with our VisuallyHidden component.
-
-For more information, see https://radix-ui.com/primitives/docs/components/${t.docsSlug}`;return i.useEffect(()=>{e&&(document.getElementById(e)||console.error(o))},[o,e]),null},ae="DialogDescriptionWarning",le=({contentRef:e,descriptionId:t})=>{const r=`Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${H(ae).contentName}}.`;return i.useEffect(()=>{const n=e.current?.getAttribute("aria-describedby");t&&n&&(document.getElementById(t)||console.warn(r))},[r,e,t]),null},ce=N,ue=T,de=S,pe=M,fe=w,ge=W,xe=q,me=k;exports.Close=me;exports.Content=fe;exports.Description=xe;exports.Overlay=pe;exports.Portal=de;exports.Root=ce;exports.Title=ge;exports.Trigger=ue;

package/dist/index-BX9hz-JD.js

@@ -1,15 +0,0 @@
-import * as o from "react";
-import n from "react-dom";
-import { P as f } from "./index-BMWt1NBG.js";
-import { u } from "./index-CCKe-Mpx.js";
-import { j as c } from "./jsx-runtime-BzflLqGi.js";
-var l = "Portal", p = o.forwardRef((r, a) => {
-  const { container: e, ...s } = r, [i, m] = o.useState(!1);
-  u(() => m(!0), []);
-  const t = e || i && globalThis?.document?.body;
-  return t ? n.createPortal(/* @__PURE__ */ c.jsx(f.div, { ...s, ref: a }), t) : null;
-});
-p.displayName = l;
-export {
-  p as P
-};