https://uko-react.vercel.app/assets/buttons-BXpDB3k9.js

1import{ae as M,aa as P,r as v,ad as k,j as r,s as E,a2 as B,ag as y,a9 as R,d as V,at as D,ai as f,al as G,c as A,B as e,bl as N,bn as U,bm as p,bT as g,I as c}from"./index-D78hS3DF.js";import{C as $,B as o}from"./tooltip-BWMkG53P.js";import{F as x}from"./Folder-NAcZLKbD.js";import{A as l}from"./Add-CLpNqgvn.js";import{S as s}from"./Stack-3uW9po9K.js";import{B as n}from"./ButtonGroup-CjRO6ne7.js";import"./StepLabel-B5CRpXtC.js";import"./TableContainer-CSj5AJIx.js";import"./TableBody-Sbt8UN5X.js";import"./TableCell-DcCPlD_C.js";import"./TableHead-UsyefiED.js";import"./Delete-ADBz3y3w.js";import"./Search-6veKaYRo.js";function H(i){return P("MuiFab",i)}const C=M("MuiFab",["root","primary","secondary","extended","circular","focusVisible","disabled","colorInherit","sizeSmall","sizeMedium","sizeLarge","info","error","warning","success"]),_=i=>{const{color:a,variant:d,classes:j,size:u}=i,m={root:["root",d,`size${y(u)}`,a==="inherit"?"colorInherit":a]},b=R(m,H,j);return{...j,...b}},q=E(V,{name:"MuiFab",slot:"Root",shouldForwardProp:i=>D(i)||i==="classes",overridesResolver:(i,a)=>{const{ownerState:d}=i;return[a.root,a[d.variant],a[`size${y(d.size)}`],d.color==="inherit"&&a.colorInherit,a[y(d.size)],a[d.color]]}})(f(({theme:i})=>{var a,d;return{...i.typography.button,minHeight:36,transition:i.transitions.create(["background-color","box-shadow","border-color"],{duration:i.transitions.duration.short}),borderRadius:"50%",padding:0,minWidth:0,width:56,height:56,zIndex:(i.vars||i).zIndex.fab,boxShadow:(i.vars||i).shadows[6],"&:active":{boxShadow:(i.vars||i).shadows[12]},color:i.vars?i.vars.palette.text.primary:(d=(a=i.palette).getContrastText)==null?void 0:d.call(a,i.palette.grey[300]),backgroundColor:(i.vars||i).palette.grey[300],"&:hover":{backgroundColor:(i.vars||i).palette.grey.A100,"@media (hover: none)":{backgroundColor:(i.vars||i).palette.grey[300]},textDecoration:"none"},[`&.${C.focusVisible}`]:{boxShadow:(i.vars||i).shadows[6]},variants:[{props:{size:"small"},style:{width:40,height:40}},{props:{size:"medium"},style:{width:48,height:48}},{props:{variant:"extended"},style:{borderRadius:48/2,padding:"0 16px",width:"auto",minHeight:"auto",minWidth:48,height:48}},{props:{variant:"extended",size:"small"},style:{width:"auto",padding:"0 8px",borderRadius:34/2,minWidth:34,he

1ight:34}},{props:{variant:"extended",size:"medium"},style:{width:"auto",padding:"0 16px",borderRadius:40/2,minWidth:40,height:40}},{props:{color:"inherit"},style:{color:"inherit"}}]}}),f(({theme:i})=>({variants:[...Object.entries(i.palette).filter(G(["dark","contrastText"])).map(([a])=>({props:{color:a},style:{color:(i.vars||i).palette[a].contrastText,backgroundColor:(i.vars||i).palette[a].main,"&:hover":{backgroundColor:(i.vars||i).palette[a].dark,"@media (hover: none)":{backgroundColor:(i.vars||i).palette[a].main}}}}))]})),f(({theme:i})=>({[`&.${C.disabled}`]:{color:(i.vars||i).palette.action.disabled,boxShadow:(i.vars||i).shadows[0],backgroundColor:(i.vars||i).palette.action.disabledBackground}}))),t=v.forwardRef(function(a,d){const j=k({props:a,name:"MuiFab"}),{children:u,className:m,color:b="default",component:S="button",disabled:T=!1,disableFocusRipple:z=!1,focusVisibleClassName:W,size:F="large",variant:O="circular",...L}=j,I={...j,color:b,component:S,disabled:T,disableFocusRipple:z,size:F,variant:O},w=_(I);return r.jsx(q,{className:B(w.root,m),component:S,disabled:T,focusRipple:!z,focusVisibleClassName:B(w.focusVisible,W),ownerState:I,ref:d,...L,classes:w,children:u})}),h=A(r.jsx("path",{d:"M14.59 7.41 18.17 11H6v2h12.17l-3.59 3.59L16 18l6-6-6-6zM2 6v12h2V6z"}),"Start");function J(){return r.jsxs(s,{alignItems:"center",direction:"row",flexWrap:"wrap",gap:3,children:[r.jsxs(t,{size:"small",variant:"extended",color:"primary","aria-label":"add",children:[r.jsx(l,{})," Small"]}),r.jsxs(t,{size:"medium",variant:"extended",color:"primary","aria-label":"add",children:[r.jsx(l,{})," Medium"]}),r.jsxs(t,{size:"large",variant:"extended",color:"primary","aria-label":"add",children:[r.jsx(l,{})," Large"]}),r.jsx(t,{size:"small",color:"primary","aria-label":"add",children:r.jsx(l,{})}),r.jsx(t,{size:"medium",color:"primary","aria-label":"add",children:r.jsx(l,{})}),r.jsx(t,{size:"large",color:"primary","aria-label":"add",children:r.jsx(l,{})})]})}function K(){return r.jsxs(s,{direction:"row",flexWrap:"wrap",gap:3,children:[r.jsx(t,{color:"primary","aria-label":"add",children:r.jsx(l,{})}),r.jsx(t,{color:"secondary","aria-label":"add",children:r.jsx(l,{})}),r.jsx(t,{color:"warning","aria-label":"add",children:r.jsx(l,{})}),r.jsx(t,{color:"error","aria-label":"add",children:r.jsx(l,{})}),r.jsx(t,{color:"success","aria-label":"add",children:r.jsx(l,{})}),r.jsx(t,{color:"default","aria-label":"add",children:r.jsx(l,{})})]})}function Q(){return r.jsxs(s,{direction:"row",flexWrap:"wrap",gap:3,children:[r.jsxs(t,{variant:"extended",color:"primary","aria-label":"add",children:[r.jsx(l,{})," Primary"]}),r.jsxs(t,{variant:"extended",color:"secondary","aria-label":"add",children:[r.jsx(l,{})," Secondary"]}),r.jsxs(t,{variant:"extended",color:"warning","aria-label":"add",children:[r.jsx(l,{})," Warning"]}),r.jsxs(t,{variant:"extended",color:"error","aria-label":"add",children:[r.jsx(l,{})," Error"]}),r.jsxs(t,{variant:"extended",color:"success","aria-label":"add",children:[r.jsx(l,{})," Success"]}),r.jsxs(t,{variant:"extended",color:"default","aria-label":"add",children:[r.jsx(l,{})," Default"]})]})}function X(){return r.jsxs(s,{direction:"row",flexWrap:"wrap",gap:3,children:[r.jsx(e,{variant:"text",color:"inherit",children:"Default"}),r.jsx(e,{variant:"text",color:"primary",children:"Primary"}),r.jsx(e,{variant:"text",color:"secondary",children:"Secondary"}),r.jsx(e,{variant:"text",color:"warning",children:"Warning"}),r.jsx(e,{variant:"text",color:"error",children:"Error"}),r.jsx(e,{variant:"text",color:"success",children:"Success"})]})}function Y(){return r.jsxs(s,{alignItems:"center",direction:"row",flexWrap:"wrap",gap:3,children:[r.jsx(e,{size:"large",variant:"contained",color:"primary",children:"Large"}),r.jsx(e,{size:"medium",variant:"contained",color:"primary",children:"Medium"}),r.jsx(e,{size:"small",variant:"contained",color:"primary",children:"Small"})]})}function Z(){return r.jsxs(s,{direction:"row",flexWrap:"wrap",gap:3,children:[r.jsx(e,{color:"primary",startIcon:r.jsx(l,{}),children:"Icon Start"}

1),r.jsx(e,{variant:"outlined",endIcon:r.jsx(l,{}),children:"Icon End"}),r.jsx(e,{variant:"text",endIcon:r.jsx(l,{}),children:"Icon End With Text"})]})}function rr(){return r.jsxs(s,{direction:"row",flexWrap:"wrap",gap:3,children:[r.jsx(e,{variant:"outlined",color:"inherit",children:"Default"}),r.jsx(e,{variant:"outlined",color:"primary",children:"Primary"}),r.jsx(e,{variant:"outlined",color:"secondary",children:"Secondary"}),r.jsx(e,{variant:"outlined",color:"warning",children:"Warning"}),r.jsx(e,{variant:"outlined",color:"error",children:"Error"}),r.jsx(e,{variant:"outlined",color:"success",children:"Success"})]})}function er(){return r.jsxs(s,{direction:"row",flexWrap:"wrap",gap:3,children:[r.jsx(e,{variant:"contained",color:"inherit",children:"Default"}),r.jsx(e,{variant:"contained",color:"primary",children:"Primary"}),r.jsx(e,{variant:"contained",color:"secondary",children:"Secondary"}),r.jsx(e,{variant:"contained",color:"warning",children:"Warning"}),r.jsx(e,{variant:"contained",color:"error",children:"Error"}),r.jsx(e,{variant:"contained",color:"success",children:"Success"})]})}function ir(){return r.jsxs(s,{direction:"row",flexWrap:"wrap",gap:3,children:[r.jsxs(n,{variant:"text",children:[r.jsx(e,{children:"One"}),r.jsx(e,{children:"Two"}),r.jsx(e,{children:"Three"})]}),r.jsxs(n,{color:"secondary",variant:"text",children:[r.jsx(e,{children:"One"}),r.jsx(e,{children:"Two"}),r.jsx(e,{children:"Three"})]}),r.jsxs(n,{color:"success",variant:"text",children:[r.jsx(e,{children:"One"}),r.jsx(e,{children:"Two"}),r.jsx(e,{children:"Three"})]}),r.jsxs(n,{color:"warning",variant:"text",children:[r.jsx(e,{children:"One"}),r.jsx(e,{children:"Two"}),r.jsx(e,{children:"Three"})]}),r.jsxs(n,{color:"error",variant:"text",children:[r.jsx(e,{children:"One"}),r.jsx(e,{children:"Two"}),r.jsx(e,{children:"Three"})]})]})}function nr(){return r.jsxs(v.Fragment,{children:[r.jsxs(s,{mb:4,alignItems:"center",direction:"row",flexWrap:"wrap",gap:3,children:[r.jsxs(n,{size:"small",variant:"contained",children:[r.jsx(e,{children:"Small"}),r.jsx(e,{children:"Small"}),r.jsx(e,{children:"Small"})]}),r.jsxs(n,{size:"medium",color:"secondary",variant:"contained",children:[r.jsx(e,{children:"Medium"}),r.jsx(e,{children:"Medium"}),r.jsx(e,{children:"Medium"})]}),r.jsxs(n,{size:"large",color:"success",variant:"contained",children:[r.jsx(e,{children:"Large"}),r.jsx(e,{children:"Large"}),r.jsx(e,{children:"Large"})]})]}),r.jsxs(s,{mb:4,alignItems:"center",direction:"row",flexWrap:"wrap",gap:3,children:[r.jsxs(n,{size:"small",variant:"outlined",children:[r.jsx(e,{children:"Small"}),r.jsx(e,{children:"Small"}),r.jsx(e,{children:"Small"})]}),r.jsxs(n,{size:"medium",color:"secondary",variant:"outlined",children:[r.jsx(e,{children:"Medium"}),r.jsx(e,{children:"Medium"}),r.jsx(e,{children:"Medium"})]}),r.jsxs(n,{size:"large",color:"success",variant:"outlined",children:[r.jsx(e,{children:"Large"}),r.jsx(e,{children:"Large"}),r.jsx(e,{children:"Large"})]})]}),r.jsxs(s,{alignItems:"center",direction:"row",flexWrap:"wrap",gap:3,children:[r.jsxs(n,{size:"small",variant:"text",children:[r.jsx(e,{children:"Small"}),r.jsx(e,{children:"Small"}),r.jsx(e,{children:"Small"})]}),r.jsxs(n,{size:"medium",color:"secondary",variant:"text",children:[r.jsx(e,{children:"Medium"}),r.jsx(e,{children:"Medium"}),r.jsx(e,{children:"Medium"})]}),r.jsxs(n,{size:"large",color:"success",variant:"text",children:[r.jsx(e,{children:"Large"}),r.jsx(e,{children:"Large"}),r.jsx(e,{children:"Large"})]})]})]})}function ar(){return r.jsxs(s,{direction:"row",flexWrap:"wrap",gap:3,children:[r.jsxs(n,{variant:"outlined",children:[r.jsx(e,{children:"One"}),r.jsx(e,{children:"Two"}),r.jsx(e,{children:"Three"})]}),r.jsxs(n,{color:"secondary",variant:"outlined",children:[r.jsx(e,{children:"One"}),r.jsx(e,{children:"Two"}),r.jsx(e,{children:"Three"})]}),r.jsxs(n,{color:"success",variant:"outlined",children:[r.jsx(e,{children:"One"}),r.jsx(e,{children:"Two"}),r.jsx(e,{children:"Three"})]}),r.jsxs(n,{color:"warning",variant:"outlined",children:[r.jsx(e,{children:"One"}),r.jsx(e,{children:"Two"}),r.jsx(e,{children:"Three"})]}),r.jsxs(n,{color:"error",variant:"outlined",children:[r.jsx(e,{children:"One"}),r.jsx(e,{children:"Two"}),r.jsx(e,{children:"Three"})]})]})}function sr(){return r.jsxs(s,{direction:"row",flexWrap:"wrap",gap:3,children:[r.jsxs(n,{variant:"contained",children:[r.jsx(e,{children:"One"}),r.jsx(e,{children:"Two"}),r.jsx(e,{children:"Three"})]}),r.jsxs(n,{color:"secondary",variant:"contained",children:[r.jsx(e,{children:"One"}),r.jsx(e,{children:"Two"}),r.jsx(e,{children:"Three"})]}),r.jsxs(n,{color:"success",variant:"contained",children:[r.jsx(e,{children:"One"}),r.jsx(e,{children:"Two"}),r.jsx(e,{children:"Three"})]}),r.jsxs(n,{color:"warning",variant:"contained",children:[r.jsx(e,{children:"One"}),r.jsx(e,{children:"Two"}),r.jsx(e,{children:"Three"})]}),r.jsxs(n,{color:"error",variant:"contained",children:[r.jsx(e,{children:"One"}),r.jsx(e,{children:"Two"}),r.jsx(e,{children:"Three"})]})]})}function lr(){const[i,a]=v.useState("1"),d=v.useCallback((j,u)=>a(u),[]);return r.jsx($,{title:"Buttons",fullLink:"https://mui.com/material-ui/react-button",children:r.jsxs(N,{value:i,children:[r.jsxs(U,{onChange:d,children:[r.jsx(p,{value:"1",label:"Buttons"}),r.jsx(p,{value:"2",label:"Loading Button"}),r.jsx(p,{value:"3",label:"Floating Action Button"}),r.jsx(p,{value:"4",label:"Group Buttons"})]}),r.jsx(g,{value:"1",children:r.jsxs(s,{mt:5,spacing:4,children:[r.jsx(o,{title:"Contained Button",children:r.jsx(er,{})}),r.jsx(o,{title:"Outlined Button",children:r.jsx(rr,{})}),r.jsx(o,{title:"Text Button",children:r.jsx(X,{})}),r.jsx(o,{title:"With Icon",children:r.jsx(Z,{})}),r.jsx(o,{title:"Icon Button",children:r.jsxs(s,{direction:"row",flexWrap:"wrap",gap:3,children:[r.jsx(c,{children:r.jsx(x,{})}),r.jsx(c,{color:"primary",children:r.jsx(x,{})}),r.jsx(c,{color:"secondary",children:r.jsx(x,{})}),r.jsx(c,{color:"success",children:r.jsx(x,{})}),r.jsx(c,{color:"warning",children:r.jsx(x,{})}),r.jsx(c,{color:"error",children:r.jsx(x,{})}),r.jsx(c,{color:"info",children:r.jsx(x,{})})]})}),r.jsx(o,{title:"Sizes",children:r.jsx(Y,{})})]})}),r.jsx(g,{value:"2",children:r.jsxs(s,{mt:5,spacing:4,children:[r.jsx(o,{title:"Contained",children:r.jsxs(s,{direction:"row",gap:3,children:[r.jsx(e,{loading:!0,variant:"contained",children:"Submit"}),r.jsx(e,{loading:!0,loadingIndicator:"Loading…",variant:"contained",children:"Fetch data"}),r.jsx(e,{loading:!0,loadingPosition:"start",startIcon:r.jsx(h,{}),children:"Start"}

1),r.jsx(e,{loading:!0,loadingPosition:"end",endIcon:r.jsx(h,{}),children:"End"})]})}),r.jsx(o,{title:"Outlined",children:r.jsxs(s,{direction:"row",gap:3,children:[r.jsx(e,{loading:!0,variant:"outlined",children:"Submit"}),r.jsx(e,{loading:!0,loadingIndicator:"Loading…",variant:"outlined",children:"Fetch data"}),r.jsx(e,{loading:!0,variant:"outlined",loadingPosition:"start",startIcon:r.jsx(h,{}),children:"Start"}),r.jsx(e,{loading:!0,variant:"outlined",loadingPosition:"end",endIcon:r.jsx(h,{}),children:"End"})]})}),r.jsx(o,{title:"Text",children:r.jsxs(s,{direction:"row",gap:3,children:[r.jsx(e,{loading:!0,variant:"text",children:"Submit"}),r.jsx(e,{loading:!0,loadingIndicator:"Loading…",variant:"text",children:"Fetch data"}),r.jsx(e,{loading:!0,variant:"text",loadingPosition:"start",startIcon:r.jsx(h,{}),children:"Start"}),r.jsx(e,{loading:!0,variant:"text",loadingPosition:"end",endIcon:r.jsx(h,{}),children:"End"})]})})]})}),r.jsx(g,{value:"3",children:r.jsxs(s,{mt:5,spacing:4,children:[r.jsx(o,{title:"Default",children:r.jsx(K,{})}),r.jsx(o,{title:"Extended",children:r.jsx(Q,{})}),r.jsx(o,{title:"Sizes",children:r.jsx(J,{})})]})}),r.jsx(g,{value:"4",children:r.jsxs(s,{mt:5,spacing:4,children:[r.jsx(o,{title:"Contained",children:r.jsx(sr,{})}),r.jsx(o,{title:"Outlined",children:r.jsx(ar,{})}),r.jsx(o,{title:"Text",children:r.jsx(ir,{})}),r.jsx(o,{title:"Sizes",children:r.jsx(nr,{})})]})})]})})}function wr(){return r.jsx(lr,{})}export{wr as default};