@adamosuiteservices/ui 2.9.15 → 2.10.0

package/dist/tabs-underline.cjs

@@ -1,7 +1,7 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-BB_1_6y_.cjs"),s=require("./index-DmGzwG2z.cjs"),d=require("./index-DoxiiusW.cjs");require("react");function n({className:a,...t}){return e.jsxRuntimeExports.jsx(s.Root2,{"data-slot":"tabs",className:d.cn("adm:flex adm:flex-col adm:gap-2",a),...t})}function i({className:a,...t}){return e.jsxRuntimeExports.jsx(s.List,{"data-slot":"tabs-list",className:d.cn(`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-BB_1_6y_.cjs"),s=require("./index-DmGzwG2z.cjs"),n=require("./index-DoxiiusW.cjs");require("react");function d({className:t,...a}){return e.jsxRuntimeExports.jsx(s.Root2,{"data-slot":"tabs",className:n.cn("adm:flex adm:flex-col adm:gap-2",t),...a})}function i({className:t,...a}){return e.jsxRuntimeExports.jsx(s.List,{"data-slot":"tabs-list",className:n.cn(`
           adm:inline-flex adm:h-9 adm:w-fit adm:items-center adm:justify-center
           adm:p-[1px] adm:text-muted-foreground
-        `,a),...t})}function r({className:a,...t}){return e.jsxRuntimeExports.jsx(s.Trigger,{"data-slot":"tabs-trigger",className:d.cn(`
+        `,t),...a})}function r({className:t,...a}){return e.jsxRuntimeExports.jsx(s.Trigger,{"data-slot":"tabs-trigger",className:n.cn(`
           adm:inline-flex adm:h-[calc(100%-1px)] adm:flex-1 adm:items-center
           adm:justify-center adm:gap-1.5 adm:border-b-2 adm:border-b-transparent
           adm:px-2 adm:py-1 adm:text-sm adm:font-semibold adm:whitespace-nowrap
@@ -16,6 +16,9 @@
           adm:dark:data-[state=active]:border-input
           adm:dark:data-[state=active]:bg-input/30
           adm:dark:data-[state=active]:text-foreground
+          adm:[&_[data-slot=icon]]:pointer-events-none
+          adm:[&_[data-slot=icon]]:shrink-0
+          adm:[&_[data-slot=icon]:not([class*=text-])]:text-lg
           adm:[&_svg]:pointer-events-none adm:[&_svg]:shrink-0
           adm:[&_svg:not([class*=size-])]:size-4
-        `,a),...t})}function m({className:a,...t}){return e.jsxRuntimeExports.jsx(s.Content,{"data-slot":"tabs-content",className:d.cn("adm:flex-1 adm:outline-none",a),...t})}exports.Tabs=n;exports.TabsContent=m;exports.TabsList=i;exports.TabsTrigger=r;
+        `,t),...a})}function o({className:t,...a}){return e.jsxRuntimeExports.jsx(s.Content,{"data-slot":"tabs-content",className:n.cn("adm:flex-1 adm:outline-none",t),...a})}exports.Tabs=d;exports.TabsContent=o;exports.TabsList=i;exports.TabsTrigger=r;

package/dist/tabs-underline.js

@@ -1,5 +1,5 @@
 import { j as e } from "./jsx-runtime-BzflLqGi.js";
-import { R as s, L as r, T as i, C as m } from "./index-yWvyIlmA.js";
+import { R as s, L as n, T as i, C as r } from "./index-yWvyIlmA.js";
 import { c as d } from "./index-CRiPKpXj.js";
 import "react";
 function u({
@@ -20,7 +20,7 @@ function b({
   ...t
 }) {
   return /* @__PURE__ */ e.jsx(
-    r,
+    n,
     {
       "data-slot": "tabs-list",
       className: d(
@@ -58,6 +58,9 @@ function f({
           adm:dark:data-[state=active]:border-input
           adm:dark:data-[state=active]:bg-input/30
           adm:dark:data-[state=active]:text-foreground
+          adm:[&_[data-slot=icon]]:pointer-events-none
+          adm:[&_[data-slot=icon]]:shrink-0
+          adm:[&_[data-slot=icon]:not([class*=text-])]:text-lg
           adm:[&_svg]:pointer-events-none adm:[&_svg]:shrink-0
           adm:[&_svg:not([class*=size-])]:size-4
         `,
@@ -67,12 +70,12 @@ function f({
     }
   );
 }
-function p({
+function x({
   className: a,
   ...t
 }) {
   return /* @__PURE__ */ e.jsx(
-    m,
+    r,
     {
       "data-slot": "tabs-content",
       className: d("adm:flex-1 adm:outline-none", a),
@@ -82,7 +85,7 @@ function p({
 }
 export {
   u as Tabs,
-  p as TabsContent,
+  x as TabsContent,
   b as TabsList,
   f as TabsTrigger
 };

package/dist/tabs.cjs

@@ -1,7 +1,7 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-BB_1_6y_.cjs"),d=require("./index-DmGzwG2z.cjs"),s=require("./index-DoxiiusW.cjs");require("react");function n({className:a,...t}){return e.jsxRuntimeExports.jsx(d.Root2,{"data-slot":"tabs",className:s.cn("adm:flex adm:flex-col adm:gap-2",a),...t})}function r({className:a,...t}){return e.jsxRuntimeExports.jsx(d.List,{"data-slot":"tabs-list",className:s.cn(`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-BB_1_6y_.cjs"),d=require("./index-DmGzwG2z.cjs"),s=require("./index-DoxiiusW.cjs");require("react");function n({className:a,...t}){return e.jsxRuntimeExports.jsx(d.Root2,{"data-slot":"tabs",className:s.cn("adm:flex adm:flex-col adm:gap-2",a),...t})}function i({className:a,...t}){return e.jsxRuntimeExports.jsx(d.List,{"data-slot":"tabs-list",className:s.cn(`
           adm:inline-flex adm:h-9 adm:w-fit adm:items-center adm:justify-center
           adm:rounded-lg adm:bg-muted adm:p-[1px] adm:text-muted-foreground
-        `,a),...t})}function i({className:a,...t}){return e.jsxRuntimeExports.jsx(d.Trigger,{"data-slot":"tabs-trigger",className:s.cn(`
+        `,a),...t})}function r({className:a,...t}){return e.jsxRuntimeExports.jsx(d.Trigger,{"data-slot":"tabs-trigger",className:s.cn(`
           adm:inline-flex adm:h-[calc(100%-1px)] adm:flex-1 adm:items-center
           adm:justify-center adm:gap-1.5 adm:rounded-md adm:border
           adm:border-transparent adm:px-2 adm:py-1 adm:text-sm adm:font-semibold
@@ -17,6 +17,9 @@
           adm:dark:data-[state=active]:border-input
           adm:dark:data-[state=active]:bg-input/30
           adm:dark:data-[state=active]:text-foreground
+          adm:[&_[data-slot=icon]]:pointer-events-none
+          adm:[&_[data-slot=icon]]:shrink-0
+          adm:[&_[data-slot=icon]:not([class*=text-])]:text-lg
           adm:[&_svg]:pointer-events-none adm:[&_svg]:shrink-0
           adm:[&_svg:not([class*=size-])]:size-4
-        `,a),...t})}function m({className:a,...t}){return e.jsxRuntimeExports.jsx(d.Content,{"data-slot":"tabs-content",className:s.cn("adm:flex-1 adm:outline-none",a),...t})}exports.Tabs=n;exports.TabsContent=m;exports.TabsList=r;exports.TabsTrigger=i;
+        `,a),...t})}function o({className:a,...t}){return e.jsxRuntimeExports.jsx(d.Content,{"data-slot":"tabs-content",className:s.cn("adm:flex-1 adm:outline-none",a),...t})}exports.Tabs=n;exports.TabsContent=o;exports.TabsList=i;exports.TabsTrigger=r;

package/dist/tabs.js

@@ -1,5 +1,5 @@
 import { j as e } from "./jsx-runtime-BzflLqGi.js";
-import { R as s, L as m, T as r, C as i } from "./index-yWvyIlmA.js";
+import { R as s, L as m, T as n, C as o } from "./index-yWvyIlmA.js";
 import { c as d } from "./index-CRiPKpXj.js";
 import "react";
 function u({
@@ -39,7 +39,7 @@ function g({
   ...t
 }) {
   return /* @__PURE__ */ e.jsx(
-    r,
+    n,
     {
       "data-slot": "tabs-trigger",
       className: d(
@@ -59,6 +59,9 @@ function g({
           adm:dark:data-[state=active]:border-input
           adm:dark:data-[state=active]:bg-input/30
           adm:dark:data-[state=active]:text-foreground
+          adm:[&_[data-slot=icon]]:pointer-events-none
+          adm:[&_[data-slot=icon]]:shrink-0
+          adm:[&_[data-slot=icon]:not([class*=text-])]:text-lg
           adm:[&_svg]:pointer-events-none adm:[&_svg]:shrink-0
           adm:[&_svg:not([class*=size-])]:size-4
         `,
@@ -68,12 +71,12 @@ function g({
     }
   );
 }
-function b({
+function x({
   className: a,
   ...t
 }) {
   return /* @__PURE__ */ e.jsx(
-    i,
+    o,
     {
       "data-slot": "tabs-content",
       className: d("adm:flex-1 adm:outline-none", a),
@@ -83,7 +86,7 @@ function b({
 }
 export {
   u as Tabs,
-  b as TabsContent,
+  x as TabsContent,
   f as TabsList,
   g as TabsTrigger
 };

package/dist/toggle.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./jsx-runtime-BB_1_6y_.cjs"),g=require("react"),r=require("./index-BWaO7kQK.cjs"),f=require("./index-CocSS1YK.cjs"),b=require("./index-DoxiiusW.cjs"),v=require("./index-BTzZJcis.cjs");function p(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const a in e)if(a!=="default"){const d=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,d.get?d:{enumerable:!0,get:()=>e[a]})}}return t.default=e,Object.freeze(t)}const x=p(g);var i="Toggle",s=x.forwardRef((e,t)=>{const{pressed:a,defaultPressed:d,onPressedChange:l,...c}=e,[n,u]=r.useControllableState({prop:a,onChange:l,defaultProp:d??!1,caller:i});return o.jsxRuntimeExports.jsx(f.Primitive.button,{type:"button","aria-pressed":n,"data-state":n?"on":"off","data-disabled":e.disabled?"":void 0,...c,ref:t,onClick:r.composeEventHandlers(e.onClick,()=>{e.disabled||u(!n)})})});s.displayName=i;var h=s;const m=v.cva(`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./jsx-runtime-BB_1_6y_.cjs"),g=require("react"),r=require("./index-BWaO7kQK.cjs"),f=require("./index-CocSS1YK.cjs"),b=require("./index-DoxiiusW.cjs"),v=require("./index-BTzZJcis.cjs");function p(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const a in e)if(a!=="default"){const n=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,n.get?n:{enumerable:!0,get:()=>e[a]})}}return t.default=e,Object.freeze(t)}const x=p(g);var s="Toggle",i=x.forwardRef((e,t)=>{const{pressed:a,defaultPressed:n,onPressedChange:l,...c}=e,[d,u]=r.useControllableState({prop:a,onChange:l,defaultProp:n??!1,caller:s});return o.jsxRuntimeExports.jsx(f.Primitive.button,{type:"button","aria-pressed":d,"data-state":d?"on":"off","data-disabled":e.disabled?"":void 0,...c,ref:t,onClick:r.composeEventHandlers(e.onClick,()=>{e.disabled||u(!d)})})});i.displayName=s;var h=i;const m=v.cva(`
     adm:inline-flex adm:items-center adm:justify-center adm:gap-2 adm:rounded-md
     adm:text-sm adm:font-medium adm:whitespace-nowrap
     adm:transition-[color,box-shadow] adm:outline-none
@@ -9,9 +9,12 @@
     adm:aria-invalid:border-destructive adm:aria-invalid:ring-destructive/20
     adm:data-[state=on]:bg-accent adm:data-[state=on]:text-accent-foreground
     adm:dark:aria-invalid:ring-destructive/40
+    adm:[&_[data-slot=icon]]:pointer-events-none
+    adm:[&_[data-slot=icon]]:shrink-0
+    adm:[&_[data-slot=icon]:not([class*=text-])]:text-lg
     adm:[&_svg]:pointer-events-none adm:[&_svg]:shrink-0
     adm:[&_svg:not([class*=size-])]:size-4
   `,{variants:{variant:{default:"adm:bg-transparent",outline:`
             adm:border adm:border-input adm:bg-transparent adm:shadow-xs
             adm:hover:bg-accent adm:hover:text-accent-foreground
-          `},size:{default:"adm:h-9 adm:min-w-9 adm:px-2",sm:"adm:h-8 adm:min-w-8 adm:px-1.5",lg:"adm:h-10 adm:min-w-10 adm:px-2.5"}},defaultVariants:{variant:"default",size:"default"}});function j({className:e,variant:t,size:a,...d}){return o.jsxRuntimeExports.jsx(h,{"data-slot":"toggle",className:b.cn(m({variant:t,size:a,className:e})),...d})}exports.Toggle=j;exports.toggleVariants=m;
+          `},size:{default:"adm:h-9 adm:min-w-9 adm:px-2",sm:"adm:h-8 adm:min-w-8 adm:px-1.5",lg:"adm:h-10 adm:min-w-10 adm:px-2.5"}},defaultVariants:{variant:"default",size:"default"}});function j({className:e,variant:t,size:a,...n}){return o.jsxRuntimeExports.jsx(h,{"data-slot":"toggle",className:b.cn(m({variant:t,size:a,className:e})),...n})}exports.Toggle=j;exports.toggleVariants=m;

package/dist/toggle.js

@@ -1,33 +1,33 @@
-import { j as o } from "./jsx-runtime-BzflLqGi.js";
+import { j as r } from "./jsx-runtime-BzflLqGi.js";
 import * as c from "react";
 import { u, c as g } from "./index-C0UREtMP.js";
 import { P as f } from "./index-BMWt1NBG.js";
 import { c as v } from "./index-CRiPKpXj.js";
 import { c as p } from "./index-BqtVL8d-.js";
-var s = "Toggle", n = c.forwardRef((a, e) => {
-  const { pressed: t, defaultPressed: d, onPressedChange: i, ...m } = a, [r, l] = u({
+var n = "Toggle", s = c.forwardRef((a, e) => {
+  const { pressed: t, defaultPressed: d, onPressedChange: i, ...m } = a, [o, l] = u({
     prop: t,
     onChange: i,
     defaultProp: d ?? !1,
-    caller: s
+    caller: n
   });
-  return /* @__PURE__ */ o.jsx(
+  return /* @__PURE__ */ r.jsx(
     f.button,
     {
       type: "button",
-      "aria-pressed": r,
-      "data-state": r ? "on" : "off",
+      "aria-pressed": o,
+      "data-state": o ? "on" : "off",
       "data-disabled": a.disabled ? "" : void 0,
       ...m,
       ref: e,
       onClick: g(a.onClick, () => {
-        a.disabled || l(!r);
+        a.disabled || l(!o);
       })
     }
   );
 });
-n.displayName = s;
-var b = n;
+s.displayName = n;
+var b = s;
 const x = p(
   `
     adm:inline-flex adm:items-center adm:justify-center adm:gap-2 adm:rounded-md
@@ -40,6 +40,9 @@ const x = p(
     adm:aria-invalid:border-destructive adm:aria-invalid:ring-destructive/20
     adm:data-[state=on]:bg-accent adm:data-[state=on]:text-accent-foreground
     adm:dark:aria-invalid:ring-destructive/40
+    adm:[&_[data-slot=icon]]:pointer-events-none
+    adm:[&_[data-slot=icon]]:shrink-0
+    adm:[&_[data-slot=icon]:not([class*=text-])]:text-lg
     adm:[&_svg]:pointer-events-none adm:[&_svg]:shrink-0
     adm:[&_svg:not([class*=size-])]:size-4
   `,
@@ -70,7 +73,7 @@ function k({
   size: t,
   ...d
 }) {
-  return /* @__PURE__ */ o.jsx(
+  return /* @__PURE__ */ r.jsx(
     b,
     {
       "data-slot": "toggle",

package/docs/components/layout/sidebar.md

@@ -37,19 +37,19 @@ import { Link } from "react-router-dom"; // o Next.js Link
 
     <SidebarMenu>
       <SidebarMenuItem>
-        <HomeIcon /> Dashboard
+        <Icon symbol="home" /> Dashboard
       </SidebarMenuItem>
       <SidebarMenuItem>
-        <FolderIcon /> Projects
+        <Icon symbol="folder" /> Projects
       </SidebarMenuItem>
       <SidebarMenuItem>
-        <SettingsIcon /> Settings
+        <Icon symbol="settings" /> Settings
       </SidebarMenuItem>
     </SidebarMenu>
 
     <SidebarFooter>
       <SidebarMenuItem>
-        <CircleUserRoundIcon /> Profile
+        <Icon symbol="account_circle" /> Profile
       </SidebarMenuItem>
     </SidebarFooter>
   </SidebarContent>
@@ -149,7 +149,7 @@ Item individual del menú con hover effects.
 | className | `string`                   | Clases adicionales      |
 | ...props  | `ComponentProps<"button">` | Props nativas de button |
 
-**Comportamiento**: Oculto automáticamente en desktop (xl:hidden). Incluye icono MenuIcon de lucide-react.
+**Comportamiento**: Oculto automáticamente en desktop (xl:hidden). Incluye icono menu de Material Symbols.
 
 ### SidebarHeader
 
@@ -207,12 +207,7 @@ import {
   SidebarTopBar,
   SidebarTrigger,
 } from "@adamosuiteservices/ui/sidebar";
-import {
-  CircleUserRoundIcon,
-  HomeIcon,
-  SettingsIcon,
-  FolderIcon,
-} from "lucide-react";
+import { Icon } from "@adamosuiteservices/ui/icon";
 
 export default function AppLayout() {
   return (
@@ -224,19 +219,19 @@ export default function AppLayout() {
 
         <SidebarMenu>
           <SidebarMenuItem>
-            <HomeIcon /> Dashboard
+            <Icon symbol="home" /> Dashboard
           </SidebarMenuItem>
           <SidebarMenuItem>
-            <FolderIcon /> Projects
+            <Icon symbol="folder" /> Projects
           </SidebarMenuItem>
           <SidebarMenuItem>
-            <SettingsIcon /> Settings
+            <Icon symbol="settings" /> Settings
           </SidebarMenuItem>
         </SidebarMenu>
 
         <SidebarFooter>
           <SidebarMenuItem>
-            <CircleUserRoundIcon /> Profile
+            <Icon symbol="account_circle" /> Profile
           </SidebarMenuItem>
         </SidebarFooter>
       </SidebarContent>
@@ -295,13 +290,13 @@ El ejemplo principal muestra el uso más simple - items como buttons con iconos:
 ```tsx
 <SidebarMenu>
   <SidebarMenuItem>
-    <HomeIcon /> Dashboard
+    <Icon symbol="home" /> Dashboard
   </SidebarMenuItem>
   <SidebarMenuItem>
-    <FolderIcon /> Projects
+    <Icon symbol="folder" /> Projects
   </SidebarMenuItem>
   <SidebarMenuItem>
-    <SettingsIcon /> Settings
+    <Icon symbol="settings" /> Settings
   </SidebarMenuItem>
 </SidebarMenu>
 ```
@@ -314,12 +309,12 @@ import { Link } from "react-router-dom";
 <SidebarMenu>
   <SidebarMenuItem asChild>
     <Link to="/dashboard">
-      <HomeIcon /> Dashboard
+      <Icon symbol="home" /> Dashboard
     </Link>
   </SidebarMenuItem>
   <SidebarMenuItem asChild>
     <Link to="/settings">
-      <SettingsIcon /> Settings
+      <Icon symbol="settings" /> Settings
     </Link>
   </SidebarMenuItem>
 </SidebarMenu>;
@@ -333,7 +328,7 @@ import Link from "next/link";
 <SidebarMenu>
   <SidebarMenuItem asChild>
     <Link href="/dashboard">
-      <HomeIcon /> Dashboard
+      <Icon symbol="home" /> Dashboard
     </Link>
   </SidebarMenuItem>
 </SidebarMenu>;
@@ -348,12 +343,12 @@ const pathname = usePathname(); // Next.js o similar
   <SidebarMenuItem
     className={pathname === "/dashboard" ? "adm:bg-white/20" : ""}
   >
-    <HomeIcon /> Dashboard
+    <Icon symbol="home" /> Dashboard
   </SidebarMenuItem>
   <SidebarMenuItem
     className={pathname === "/settings" ? "adm:bg-white/20" : ""}
   >
-    <SettingsIcon /> Settings
+    <Icon symbol="settings" /> Settings
   </SidebarMenuItem>
 </SidebarMenu>;
 ```