@loja-integrada/admin-components 1.3.17 → 1.3.19

package/dist/chunk-2FXYZXCT.js

@@ -0,0 +1,8 @@
+import { a } from './chunk-AGCI6C3Z.js';
+import { cva } from 'class-variance-authority';
+import g, { useState, useEffect } from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+var N=cva("text-f6 border-y border-l border-primary font-semibold",{variants:{variant:{small:"px-4 py-1",default:"px-5 py-2",large:"px-6 py-4"},active:{true:"bg-primary text-base-1",false:"text-primary"},borderDirection:{left:"rounded-l",middle:"",right:"rounded-r border-r"},disabled:{true:"cursor-not-allowed opacity-50",false:""}}}),T=({items:o,defaultItem:c=o[0]?.slug,disabled:u=!1,className:f="",variant:m="default",value:r,onChange:a$1})=>{let[l,n]=useState(c);useEffect(()=>{r!==void 0&&n(r);},[r]);function b(t){t!==l&&(n(t),a$1&&a$1(t));}return jsx("nav",{id:"toggle-button","aria-label":"Toggle Button",className:f,children:jsx("ul",{className:"flex",children:o.map((t,s)=>{let p=s===0?"left":o.length-1===s?"right":"middle",i=u||t.disabled;return jsx("li",{children:jsx("button",{id:`toggle-button-${t.slug}`,type:"button",disabled:i,onClick:()=>b(t.slug),className:a(N({variant:m,active:t.slug===l,borderDirection:p,disabled:i}),t.className),children:t.content})},t.slug)})})})},x=g.forwardRef(T),h=g.memo(x);h.displayName="ToggleButton";
+
+export { h as a };

package/dist/forms/ToggleButton/ToggleButton.client.d.ts

@@ -15,6 +15,10 @@ interface ToggleButtonProps {
      * The default item to be selected
      * */
     defaultItem: string;
+    /**
+     * Controls the currently selected item externally (for controlled usage)
+     * */
+    value?: string;
     /**
      * If true, the button will be disabled
      * */
@@ -23,6 +27,10 @@ interface ToggleButtonProps {
      * Additional classes to be added to the component
      * */
     className?: string;
+    /**
+     * Base height of the component
+     * */
+    variant?: 'small' | 'default' | 'large';
     /**
      * Callback function when the selected item changes
      * */

package/dist/forms/ToggleButton/index.js

@@ -1,2 +1,2 @@
-"use client";export { a as ToggleButton } from '../../chunk-5DW7FCTC.js';
+"use client";export { a as ToggleButton } from '../../chunk-2FXYZXCT.js';
 import '../../chunk-AGCI6C3Z.js';

package/dist/forms/index.js

@@ -22,7 +22,7 @@ import '../chunk-7NYGOWFC.js';
 import '../chunk-TZI6YTCW.js';
 import '../chunk-ZWW7VJFD.js';
 export { a as Toggle } from '../chunk-K4PEKBET.js';
-export { a as ToggleButton } from '../chunk-5DW7FCTC.js';
+export { a as ToggleButton } from '../chunk-2FXYZXCT.js';
 import '../chunk-RLOTNDPD.js';
 import '../chunk-UF4BFCSP.js';
 export { a as Checkbox } from '../chunk-NRAIF4I3.js';

package/dist/index.js

@@ -27,7 +27,7 @@ export { b as ToastContainer, a as notify } from './chunk-7NYGOWFC.js';
 export { a as Tooltip } from './chunk-TZI6YTCW.js';
 export { a as Button } from './chunk-ZWW7VJFD.js';
 export { a as Toggle } from './chunk-K4PEKBET.js';
-export { a as ToggleButton } from './chunk-5DW7FCTC.js';
+export { a as ToggleButton } from './chunk-2FXYZXCT.js';
 export { a as Alert } from './chunk-RLOTNDPD.js';
 export { b as DataTable } from './chunk-UF4BFCSP.js';
 export { a as Checkbox } from './chunk-NRAIF4I3.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@loja-integrada/admin-components",
-  "version": "1.3.17",
+  "version": "1.3.19",
   "author": "Loja Integrada",
   "license": "MIT",
   "repository": {

package/dist/chunk-5DW7FCTC.js

@@ -1,8 +0,0 @@
-import { a } from './chunk-AGCI6C3Z.js';
-import { cva } from 'class-variance-authority';
-import i, { useState } from 'react';
-import { jsx } from 'react/jsx-runtime';
-
-var y=cva("text-f6 border-y border-l border-primary px-6 py-4 font-semibold",{variants:{active:{true:"bg-primary text-base-1",false:"text-primary"},borderDirection:{left:"rounded-l",middle:"",right:"rounded-r border-r"},disabled:{true:"cursor-not-allowed opacity-50",false:""}}}),v=({items:o,defaultItem:g=o[0]?.slug,disabled:d=!1,className:c="",onChange:r})=>{let[a$1,u]=useState(g);function b(t){t!==a$1&&(u(t),r&&r(t));}return jsx("nav",{id:"toggle-button","aria-label":"Toggle Button",className:c,children:jsx("ul",{className:"flex",children:o.map((t,l)=>{let m=l===0?"left":o.length-1===l?"right":"middle",n=d||t.disabled;return jsx("li",{children:jsx("button",{id:`toggle-button-${t.slug}`,type:"button",disabled:n,onClick:()=>b(t.slug),className:a(y({active:t.slug===a$1,borderDirection:m,disabled:n}),t.className),children:t.content})},t.slug)})})})},B=i.forwardRef(v),N=i.memo(B);N.displayName="ToggleButton";
-
-export { N as a };