https://www.autoclip.ai/_next/static/chunks/pages/components-a708ab032e1b5c00.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7505],{44373:function(e,t,n){"use strict";var r=n(63366),i=n(87462),o=n(67294),a=n(86010),l=n(94780),s=n(41796),c=n(81719),d=n(78884),h=n(75741),p=n(85893);const u=["absolute","children","className","component","flexItem","light","orientation","role","textAlign","variant"],x=(0,c.ZP)("div",{name:"MuiDivider",slot:"Root",overridesResolver:(e,t)=>{const{ownerState:n}=e;return[t.root,n.absolute&&t.absolute,t[n.variant],n.light&&t.light,"vertical"===n.orientation&&t.vertical,n.flexItem&&t.flexItem,n.children&&t.withChildren,n.children&&"vertical"===n.orientation&&t.withChildrenVertical,"right"===n.textAlign&&"vertical"!==n.orientation&&t.textAlignRight,"left"===n.textAlign&&"vertical"!==n.orientation&&t.textAlignLeft]}})((({theme:e,ownerState:t})=>(0,i.Z)({margin:0,flexShrink:0,borderWidth:0,borderStyle:"solid",borderColor:(e.vars||e).palette.divider,borderBottomWidth:"thin"},t.absolute&&{position:"absolute",bottom:0,left:0,width:"100%"},t.light&&{borderColor:e.vars?`rgba(${e.vars.palette.dividerChannel} / 0.08)`:(0,s.Fq)(e.palette.divider,.08)},"inset"===t.variant&&{marginLeft:72},"middle"===t.variant&&"horizontal"===t.orientation&&{marginLeft:e.spacing(2),marginRight:e.spacing(2)},"middle"===t.variant&&"vertical"===t.orientation&&{marginTop:e.spacing(1),marginBottom:e.spacing(1)},"vertical"===t.orientation&&{height:"100%",borderBottomWidth:0,borderRightWidth:"thin"},t.flexItem&&{alignSelf:"stretch",height:"auto"})),(({theme:e,ownerState:t})=>(0,i.Z)({},t.children&&{display:"flex",whiteSpace:"nowrap",textAlign:"center",border:0,"&::before, &::after":{position:"relative",width:"100%",borderTop:`thin solid ${(e.vars||e).palette.divider}`,top:"50%",content:'""',transform:"translateY(50%)"}})),(({theme:e,ownerState:t})=>(0,i.Z)({},t.children&&"vertical"===t.orientation&&{flexDirection:"column","&::before, &::after":{height:"100%",top:"0%",left:"50%",borderTop:0,borderLeft:`thin solid ${(e.vars||e).palette.divider}`,transform:"translateX(0%)"}})),(({ownerState:e})=>(0,i.Z)({},"right"===e.textAlign&&"vertical"!==e.orientation&&{"&::before":{width:"90%"},"&::after":{width:"10%"}},"left"===e.textAlign&&"vertical"!==e.orientation&&{"&::before":{width:"10%"},"&::after":{width:"90%"}}))),f=(0,c.ZP)("span",{name:"MuiDivider",slot:"Wrapper",overridesResolver:(e,t)=>{const{ownerState:n}=e;return[t.wrapper,"vertical"===n.orientation&&t.wrapperVertical]}})((({theme:e,ownerState:t})=>(0,i.Z)({display:"inline-block",paddingLeft:`calc(${e.spacing(1)} * 1.2)`,paddingRight:`calc(${e.spacing(1)} * 1.2)`},"vertical"===t.orientation&&{paddingTop:`calc(${e.spacing(1)} * 1.2)`,paddingBottom:`calc(${e.spacing(1)} * 1.2)`}))),m=o.forwardRef((function(e,t){const n=(0,d.Z)({props:e,name:"MuiDivider"}),{absolute:o=!1,children:s,className:c,component:m=(s?"div":"hr"),flexItem:g=!1,light:v=!1,orientation:b="horizontal",role:j=("hr"!==m?"separator":void 0),textAlign:Z="center",variant:w="fullWidth"}=n,y=(0,r.Z)(n,u),A=(0,i.Z)({},n,{absolute:o,component:m,flexItem:g,light:v,orientation:b,role:j,textAlign:Z,variant:w}),C=(e=>{const{absolute:t,children:n,classes:r,flexItem:i,light:o,orientation:a,textAlign:s,variant:c}=e,d={root:["root",t&&"absolute",c,o&&"light","vertical"===a&&"vertical",i&&"flexItem",n&&"withChildren",n&&"vertical"===a&&"withChildrenVertical","right"===s&&"vertical"!==a&&"textAlignRight","left"===s&&"vertical"!==a&&"textAlignLeft"],wrapper:["wrapper","vertical"===a&&"wrapperVertical"]};return(0,l.Z)(d,h.V,r)})(A);return(0,p.jsx)(x,(0,i.Z)({as:m,className:(0,a.Z)(C.root,c),role:j,ref:t,ownerState:A},y,{children:s?(0,p.jsx)(f,{className:C.wrapper,ownerState:A,children:s}):null}))}));t.Z=m},75741:function(e,t,n){"use strict";n.d(t,{V:function(){return o}});var r=n(1588),i=n(34867);function o(e){return(0,i.Z)("MuiDivider",e)}const a=(0,r.Z)("MuiDivider",["root","absolute","fullWidth","inset","middle","flexItem","light","vertical","withChildren","withChildrenVertical","textAlignRight","textAlignLeft","wrapper","wrapperVertical"]);t.Z=a},11290:function(e,t,n){"use strict";n.d(t,{$:function(){return o}});var r=n(70655),i=n(1902);function o(e,t){return void 0===t&&(t={}),(0,i.B)(e,(0,r.pi)({delimiter:"."},t))}},69199:function(e,t,n){var r=n(89881),i=n(98612);e.exports=function(e,t){var n=-1,o=i(e)?Array(e.length):[];return r(e,(function(e,r,i){o[++n]=t(e,r,i)})),o}},82689:function(e,t,n){var r=n(29932),i=n(97786),o=n(67206),a=n(69199),l=n(71131),s=n(7518),c=n(85022),d=n(6557),h=n(1469);e.exports=function(e,t,n){t=t.length?r(t,(function(e){return h(e)?function(t){return i(t,1===e.length?e[0]:e)}:e})):[d];var p=-1;t=r(t,s(o));var u=a(e,(function(e,n,i){return{criteria:r(t,(function(t){return t(e)})),index:++p,value:e}}));

1return l(u,(function(e,t){return c(e,t,n)}))}},71131:function(e){e.exports=function(e,t){var n=e.length;for(e.sort(t);n--;)e[n]=e[n].value;return e}},26393:function(e,t,n){var r=n(33448);e.exports=function(e,t){if(e!==t){var n=void 0!==e,i=null===e,o=e===e,a=r(e),l=void 0!==t,s=null===t,c=t===t,d=r(t);if(!s&&!d&&!a&&e>t||a&&l&&c&&!s&&!d||i&&l&&c||!n&&c||!o)return 1;if(!i&&!a&&!d&&e<t||d&&n&&o&&!i&&!a||s&&n&&o||!l&&o||!c)return-1}return 0}},85022:function(e,t,n){var r=n(26393);e.exports=function(e,t,n){for(var i=-1,o=e.criteria,a=t.criteria,l=o.length,s=n.length;++i<l;){var c=r(o[i],a[i]);if(c)return i>=s?c:c*("desc"==n[i]?-1:1)}return e.index-t.index}},75472:function(e,t,n){var r=n(82689),i=n(1469);e.exports=function(e,t,n,o){return null==e?[]:(i(t)||(t=null==t?[]:[t]),i(n=o?void 0:n)||(n=null==n?[]:[n]),r(e,t,n))}},42402:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components",function(){return n(70540)}])},58299:function(e,t,n){"use strict";n.d(t,{Z:function(){return d}});var r=n(85893),i=n(5152),o=n.n(i),a=n(11163),l=n(61953);const s=o()((()=>n.e(1450).then(n.bind(n,1450))),{loadableGenerated:{webpack:()=>[1450]},ssr:!1}),c=o()((()=>Promise.all([n.e(9072),n.e(9410)]).then(n.bind(n,99410))),{loadableGenerated:{webpack:()=>[99410]},ssr:!1});function d(e){let{children:t}=e;const{pathname:n}=(0,a.useRouter)(),i="/"===n;return(0,r.jsxs)(l.Z,{sx:{display:"flex",flexDirection:"column",height:1},children:[(0,r.jsx)(s,{}),(0,r.jsx)(l.Z,{component:"main",sx:{flexGrow:1,...!i&&{pt:{xs:8,md:11}}},children:t}),(0,r.jsx)(c,{})]})}},70540:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return N}});var r=n(85893),i=n(75472),o=n.n(i),a=n(9008),l=n.n(a),s=n(36336),c=n(9144),d=n(29630),h=n(44373),p=n(68346),u=n(61953),x=n(58299),f=n(9784),m=n(70655),g=n(11290);function v(e,t){return void 0===t&&(t={}),(0,g.$)(e,(0,m.pi)({delimiter:"_"},t))}const b=(e,t)=>"/components/".concat(e,"/").concat((0,f.o)(t)),j=["Colors","Typography","Shadows","Grid","Icons"].map((e=>({name:e,href:b("foundation",e),icon:"/assets/icons/components/ic_".concat(v(e),".png")}))),Z=["Accordion","Alert","Autocomplete","Avatar","Badge","Breadcrumbs","Buttons","Checkbox","Chip","Dialog","List","Menu","Pagination","Pickers","Popover","Progress","Radio Button","Rating","Slider","Stepper","Switch","Table","Tabs","Textfield","Timeline","Tooltip","Transfer List","TreeView","Data Grid"].map((e=>({name:e,href:b("mui",e),icon:"/assets/icons/components/ic_".concat(v(e),".png")}))),w=["Chart","Map","Editor","Copy to clipboard","Upload","Carousel","Multi language","Animate","Mega Menu","Form Validation","Lightbox","Image","Label","Scroll","Snackbar","Text Max Line","Navigation Bar","Organization Chart","Markdown"].map((e=>({name:e,href:b("extra",e),icon:"/assets/icons/components/ic_extra_".concat(v(e),".png")})));var y=n(52359),A=n(81719),C=n(41796),S=n(81832),_=n(35617),k=n(23062),T=n(45240);const M=(0,A.ZP)("div")((e=>{let{theme:t}=e;return{position:"relative",padding:t.spacing(10,0)}})),R=(0,A.ZP)("div")((e=>{let{theme:t}=e;return{top:0,left:0,right:0,bottom:0,zIndex:-1,position:"absolute",transform:"scaleX(-1)",...(0,_.v3)({color:(0,C.Fq)(t.palette.background.default,"light"===t.palette.mode?.9:.94),imgUrl:"/assets/background/overlay_2.jpg"})}}));function I(){const e=(0,S.Z)("up","sm");return(0,r.jsxs)(M,{children:[(0,r.jsxs)(s.Z,{component:T.NM,sx:{display:{md:"flex"},justifyContent:{md:"space-between"}},children:[(0,r.jsxs)(c.Z,{spacing:3,children:[(0,r.jsx)(y.m.div,{variants:(0,T.EU)().inUp,children:(0,r.jsx)(d.Z,{variant:"h3",component:"h1",children:"Components"})}),(0,r.jsx)(y.m.div,{variants:(0,T.EU)().inUp,children:(0,r.jsxs)(d.Z,{sx:{color:"text.secondary"},children:["With huge resource pack making deployment",(0,r.jsx)("br",{})," easy and expanding more effectively"]})})]}),e&&(0,r.jsx)(y.m.div,{variants:(0,T.EU)().inDown,children:(0,r.jsx)(k.Z,{disabledEffect:!0,alt:"hero",src:"/assets/illustrations/characters/character_7.png",sx:{maxWidth:320}})})]}),(0,r.jsx)(R,{})]})}var L=n(81401),B=n(35014);function E(e){let{item:t}=e;const{name:n,icon:i,href:o}=t;return(0,r.jsx)(p.Z,{href:o,underline:"none",target:"_blank",rel:"noopener",children:(0,r.jsxs)(L.Z,{variant:"outlined",sx:{borderColor:e=>(0,C.Fq)(e.palette.grey[500],.12)},children:[(0,r.jsx)(B.Z,{component:y.m.div,whileHover:"hover",sx:{p:2.5,color:"text.secondary",bgcolor:"background.neutral"},children:(0,r.jsx)(y.m.div,{variants:(0,T.U6)(1.1),transition:(0,T.BN)(),children:(0,r.jsx)(k.Z,{src:i,alt:n})})}),(0,r.jsx)(d.Z,{variant:"subtitle2",sx:{p:2,textAlign:"center"},children:n})]})})}function N(){return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(l(),{children:(0,r.jsx)("title",{children:" Components Overview | AutoClip"})}),(0,r.jsx)(I,{}),(0,r.jsxs)(s.Z,{sx:{pt:10,pb:15},children:[(0,r.jsxs)(c.Z,{spacing:3,children:[(0,r.jsxs)(c.Z,{spacing:1,children:[(0,r.jsx)(d.Z,{variant:"h5",children:"Foundation"}),(0,r.jsx)(d.Z,{variant:"body2",sx:{color:"text.secondary"},children:"Colors, Typography, Shadows\u2026"})]}),(0,r.jsx)($,{children:j.map((e=>(0,r.jsx)(E,{item:e},e.name)))})]}),(0,r.jsx)(h.Z,{sx:{borderStyle:"dashed",my:8}}),(0,r.jsxs)(c.Z,{spacing:3,children:[(0,r.jsxs)(c.Z,{spacing:1,children:[(0,r.jsx)(d.Z,{variant:"h5",children:"MUI"}),(0,r.jsxs)(d.Z,{variant:"body2",sx:{color:"text.secondary"},children:["Components from"," ",(0,r.jsx)(p.Z,{href:"https://mui.com/components/",target:"_blank",rel:"noopener",children:"MUI"}),"."]}),(0,r.jsx)(d.Z,{variant:"caption",sx:{color:"text.secondary"},children:(0,r.jsxs)("i",{children:["Some advanced components from MUI X will not be included. So you need to purchase a separate",(0,r.jsx)(p.Z,{href:"https://mui.com/pricing/",target:"_blank",rel:"noopener",sx:{ml:.5},children:"license"}),"."]})})]}),(0,r.jsx)($,{children:o()(Z,["name"],["asc"]).map((e=>(0,r.jsx)(E,{item:e},e.name)))})]}),(0,r.jsx)(h.Z,{sx:{borderStyle:"dashed",my:8}}),(0,r.jsxs)(c.Z,{spacing:3,children:[(0,r.jsxs)(c.Z,{spacing:1,children:[(0,r.jsx)(d.Z,{variant:"h5",children:"Extra Components"}),(0,r.jsx)(d.Z,{variant:"body2",sx:{color:"text.secondary"}

1,children:"Some custom components / use 3rd party dependencies (chart, map, editor\u2026)."})]}),(0,r.jsx)($,{children:w.map((e=>(0,r.jsx)(E,{item:e},e.name)))})]})]})]})}function $(e){let{children:t}=e;return(0,r.jsx)(u.Z,{display:"grid",gridTemplateColumns:{xs:"repeat(2, 1fr)",sm:"repeat(3, 1fr)",md:"repeat(4, 1fr)",lg:"repeat(6, 1fr)"},gap:2.5,children:t})}N.getLayout=e=>(0,r.jsx)(x.Z,{children:e})},1902:function(e,t,n){"use strict";n.d(t,{B:function(){return a}});function r(e){return e.toLowerCase()}var i=[/([a-z0-9])([A-Z])/g,/([A-Z])([A-Z][a-z])/g],o=/[^A-Z0-9]+/gi;function a(e,t){void 0===t&&(t={});for(var n=t.splitRegexp,a=void 0===n?i:n,s=t.stripRegexp,c=void 0===s?o:s,d=t.transform,h=void 0===d?r:d,p=t.delimiter,u=void 0===p?" ":p,x=l(l(e,a,"$1\0$2"),c,"\0"),f=0,m=x.length;"\0"===x.charAt(f);)f++;for(;"\0"===x.charAt(m-1);)m--;return x.slice(f,m).split("\0").map(h).join(u)}function l(e,t,n){return t instanceof RegExp?e.replace(t,n):t.reduce((function(e,t){return e.replace(t,n)}),e)}},9784:function(e,t,n){"use strict";n.d(t,{o:function(){return o}});var r=n(70655),i=n(11290);function o(e,t){return void 0===t&&(t={}),(0,i.$)(e,(0,r.pi)({delimiter:"-"},t))}}},function(e){e.O(0,[9774,2888,179],(function(){return t=42402,e(e.s=t);var t}));var t=e.O();_N_E=t}]);