@nile-ui/nile-ui/dist/esm/index.js

Modern and beautiful looking component designs

import e,{forwardRef as a,useMemo as t}from"react";import r from"classnames";var c=function(){return c=Object.assign||function(e){for(var a,t=1,r=arguments.length;t<r;t++)for(var c in a=arguments[t])Object.prototype.hasOwnProperty.call(a,c)&&(e[c]=a[c]);return e},c.apply(this,arguments)};function n(e,a){var t={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&a.indexOf(r)<0&&(t[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var c=0;for(r=Object.getOwnPropertySymbols(e);c<r.length;c++)a.indexOf(r[c])<0&&Object.prototype.propertyIsEnumerable.call(e,r[c])&&(t[r[c]]=e[r[c]])}return t}"function"==typeof SuppressedError&&SuppressedError;var l=a((function(a,t){var l=a.className,o=a.color,i=a.size,s=void 0===i?"md":i,p=a.bordered,d=a.children,h=a.flat,u=a.square,f=a.pill,m=a.circle,g=a.block,x=a.loading,v=a.floating,w=a.noFloat,b=a.link,N=a.icon,z=n(a,["className","color","size","bordered","children","flat","square","pill","circle","block","loading","floating","noFloat","link","icon"]);return e.createElement("button",c({ref:t,className:r("btn",o,s,{square:u,bordered:p,block:g,flat:h,"border-radius-pill":f,floating:v,"no-float":w,link:b,loading:x,icon:N,circle:m},l)},z),d)}));function o(a){var t=a.className,l=a.fluid,o=a.children,i=n(a,["className","fluid","children"]);return e.createElement("div",c({className:r("container",{fluid:l},t)},i),o)}function i(a){var t,c=a.children,n=a.className,l=a.size,o=a.sizeSm,i=a.sizeMd,s=a.sizeLg,p=a.sizeXl,d=a.sizeXxl,h=a.offset,u=a.offsetSm,f=a.offsetMd,m=a.offsetLg,g=a.offsetXl,x=a.offsetXxl,v=a.contentWidth,w=a.orderFirst,b=a.orderLast;return e.createElement("div",{className:r("column",(t={},t["size-".concat(l)]=l,t["sm-size-".concat(o)]=o,t["md-size-".concat(i)]=i,t["lg-size-".concat(s)]=s,t["xl-size-".concat(p)]=p,t["xxl-size-".concat(d)]=d,t["has-offset-".concat(h)]=h,t["sm-has-offset-".concat(u)]=u,t["md-has-offset-".concat(f)]=f,t["lg-has-offset-".concat(m)]=m,t["xl-has-offset-".concat(g)]=g,t["xxl-has-offset-".concat(x)]=x,t["content-width"]=v,t["order-first"]=w,t["order-last"]=b,t),n)},c)}var s=e.forwardRef((function(a,t){var l,o=a.children,i=a.variant,s=void 0===i?3:i,p=a.fontSize,d=a.weight,h=a.textAlign,u=a.underline,f=a.lineThrough,m=a.italic,g=a.lowercase,x=a.uppercase,v=a.capitalize,w=a.truncate,b=a.wrap,N=a.nowrap,z=a.break,G=a.lineHeight,E=a.color,y=void 0===E?"darkestGray":E,k=a.className,S=n(a,["children","variant","fontSize","weight","textAlign","underline","lineThrough","italic","lowercase","uppercase","capitalize","truncate","wrap","nowrap","break","lineHeight","color","className"]);return e.createElement("h1",c({ref:t,className:r("title-".concat(s),"text-".concat(y),(l={"text-truncate":w,"text-wrap":b,"text-nowrap":N,"text-break":z,"text-lowercase":g,"text-uppercase":x,"text-capitalize":v,"text-italic":m,"text-underline":u,"text-linethrough":f},l["fs-".concat(p)]=p,l["fw-".concat(d)]=d,l["text-".concat(h)]=h,l["line-height-".concat(G)]=G,l),k)},S),o)}));function p(a){var n=a.className,l=a.children,i=a.title,p=a.titleProps,d=a.titleRef,h=void 0===d?null:d,u=a.wrapTitleWithContainer,f=t((function(){return i?"string"==typeof i?e.createElement(s,c({},p,{ref:h}),i):i:null}),[i,p,h]);return e.createElement("section",{className:r("section",n)},u?e.createElement(o,null,f):f,l)}function d(a){var t=a.children,l=a.color,o=a.striped,i=a.bordered,s=a.square,p=a.flat,d=a.hoverable,h=void 0===d||d,u=n(a,["children","color","striped","bordered","square","flat","hoverable"]);return e.createElement("div",{className:"has-table"},e.createElement("table",c({className:r("table",l,{bordered:i,square:s,striped:o,flat:p,hoverable:h})},u),t))}function h(a){var t,l=a.children,o=a.noGap,i=a.gap,s=a.gapX,p=a.gapY,d=a.columns,h=void 0===d?12:d,u=a.smGapX,f=a.mdGapX,m=a.lgGapX,g=a.xlGapX,x=a.xxlGapX,v=a.smGapY,w=a.mdGapY,b=a.lgGapY,N=a.xlGapY,z=a.xxlGapY,G=a.smGap,E=a.mdGap,y=a.lgGap,k=a.xlGap,S=a.xxlGap,X=a.className,C=n(a,["children","noGap","gap","gapX","gapY","columns","smGapX","mdGapX","lgGapX","xlGapX","xxlGapX","smGapY","mdGapY","lgGapY","xlGapY","xxlGapY","smGap","mdGap","lgGap","xlGap","xxlGap","className"]);return e.createElement("div",c({className:r("row",(t={"no-gap":o},t["has-gap-".concat(i)]=i,t["has-gap-x-".concat(s)]=s,t["has-gap-y-".concat(p)]=p,t["sm-has-gap-".concat(G)]=G,t["md-has-gap-".concat(E)]=E,t["lg-has-gap-".concat(y)]=y,t["xl-has-gap-".concat(k)]=k,t["xxl-has-gap-".concat(S)]=S,t["sm-has-gap-y-".concat(v)]=v,t["md-has-gap-y-".concat(w)]=w,t["lg-has-gap-y-".concat(b)]=b,t["xl-has-gap-y-".concat(N)]=N,t["xxl-has-gap-y-".concat(z)]=z,t["sm-has-gap-x-".concat(u)]=u,t["md-has-gap-x-".concat(f)]=f,t["lg-has-gap-x-".concat(m)]=m,t["xl-has-gap-x-".concat(g)]=g,t["xxl-has-gap-x-".concat(x)]=x,t["has-1-column"]=1===h,t["has-".concat(h,"-columns")]=1!==h,t),X)},C),l)}d.Head=function(a){var t=a.children,r=n(a,["children"]);return e.createElement("thead",c({},r),t)},d.Body=function(a){var t=a.children,r=n(a,["children"]);return e.createElement("tbody",c({},r),t)},d.Footer=function(a){var t=a.children,r=n(a,["children"]);return e.createElement("tfoot",c({},r),t)},d.Row=function(a){var t=a.children,r=n(a,["children"]);return e.createElement("tr",c({},r),t)},d.Cell=function(a){var t=a.children,r=a.as,l=void 0===r?"td":r,o=n(a,["children","as"]);return"td"===l?e.createElement("td",c({},o),t):e.createElement("th",c({},o),t)};var u=e.forwardRef((function(a,t){var l,o=a.children,i=a.fontSize,s=void 0===i?5:i,p=a.weight,d=void 0===p?400:p,h=a.textAlign,u=void 0===h?"left":h,f=a.underline,m=a.lineThrough,g=a.italic,x=a.lowercase,v=a.uppercase,w=a.capitalize,b=void 0===w||w,N=a.truncate,z=a.wrap,G=void 0===z||z,E=a.nowrap,y=a.break,k=void 0===y||y,S=a.lineHeight,X=void 0===S?"base":S,C=a.color,O=void 0===C?"darkestGray":C,Y=a.className,q=n(a,["children","fontSize","weight","textAlign","underline","lineThrough","italic","lowercase","uppercase","capitalize","truncate","wrap","nowrap","break","lineHeight","color","className"]);return e.createElement("p",c({ref:t,className:r("text-".concat(O),"mt-2 mb-4",(l={"text-truncate":N,"text-wrap":G,"text-nowrap":E,"text-break":k,"text-lowercase":x,"text-uppercase":v,"text-capitalize":b,"text-italic":g,"text-underline":f,"text-linethrough":m},l["fs-".concat(s)]=s,l["fw-".concat(d)]=d,l["text-".concat(u)]=u,l["line-height-".concat(X)]=X,l),Y)},q),o)})),f=e.forwardRef((function(a,t){var l,o=a.children,i=a.fontSize,s=a.weight,p=a.textAlign,d=a.underline,h=a.lineThrough,u=a.italic,f=a.lowercase,m=a.uppercase,g=a.capitalize,x=a.truncate,v=a.wrap,w=a.nowrap,b=a.break,N=a.lineHeight,z=a.color,G=void 0===z?"darkestGray":z,E=a.className,y=n(a,["children","fontSize","weight","textAlign","underline","lineThrough","italic","lowercase","uppercase","capitalize","truncate","wrap","nowrap","break","lineHeight","color","className"]);return e.createElement("h1",c({ref:t,className:r("subtitle","text-".concat(G),(l={"text-truncate":x,"text-wrap":v,"text-nowrap":w,"text-break":b,"text-lowercase":f,"text-uppercase":m,"text-capitalize":g,"text-italic":u,"text-underline":d,"text-linethrough":h},l["fs-".concat(i)]=i,l["fw-".concat(s)]=s,l["text-".concat(p)]=p,l["line-height-".concat(N)]=N,l),E)},y),o)})),m=e.forwardRef((function(a,t){var l,o=a.children,i=a.fontSize,s=void 0===i?6:i,p=a.weight,d=void 0===p?400:p,h=a.textAlign,u=a.underline,f=a.lineThrough,m=a.italic,g=a.lowercase,x=a.uppercase,v=a.capitalize,w=a.truncate,b=a.wrap,N=a.nowrap,z=a.break,G=a.lineHeight,E=void 0===G?"base":G,y=a.color,k=void 0===y?"darkestGray":y,S=a.className,X=n(a,["children","fontSize","weight","textAlign","underline","lineThrough","italic","lowercase","uppercase","capitalize","truncate","wrap","nowrap","break","lineHeight","color","className"]);return e.createElement("span",c({ref:t,className:r("text-".concat(k),(l={"text-truncate":w,"text-wrap":b,"text-nowrap":N,"text-break":z,"text-lowercase":g,"text-uppercase":x,"text-capitalize":v,"text-italic":m,"text-underline":u,"text-linethrough":f},l["fs-".concat(s)]=s,l["fw-".concat(d)]=d,l["text-".concat(h)]=h,l["line-height-".concat(E)]=E,l),S)},X),o)}));function g(a){var t=a.color,l=a.size,o=a.halfScreen,i=a.fullScreen,s=a.fullScreenWithNavbar,p=a.className,d=a.children,h=n(a,["color","size","halfScreen","fullScreen","fullScreenWithNavbar","className","children"]);return e.createElement("div",c({className:r("hero",t,l,{"half-screen":o,"full-screen":i,"full-screen-navbar":s},p)},h),d)}function x(a){var t=a.color,l=a.size,o=a.className,i=a.circle,s=a.square,p=a.image,d=a.alt,h=a.children,u=a.showBadge,f=a.badgeContent,m=a.badgeColor,g=a.badgePosition,x=n(a,["color","size","className","circle","square","image","alt","children","showBadge","badgeContent","badgeColor","badgePosition"]);return e.createElement("div",c({className:r("avatar",t,l,{circle:i,square:s},o)},x),p?e.createElement("img",{src:p,alt:d,className:"avatar-image"}):e.createElement("span",{className:"avatar-content"},h),u&&e.createElement("span",{className:r("avatar-badge",m,g)},f))}function v(a){var t=a.children,c=a.alwaysActive,n=a.position,l=a.color,o=a.content;return e.createElement("div",{className:"inline has-tooltip"},t,e.createElement("div",{className:r("tooltip",l,n,{"always-active":c})},o))}function w(a){var t=a.children,l=a.color,o=a.size,i=a.flat,s=a.hasClose,p=a.onClose,d=a.className,h=n(a,["children","color","size","flat","hasClose","onClose","className"]);return e.createElement("span",c({className:r("tag",o,l,{flat:i},d)},h),t,s&&e.createElement("button",{className:"close",onClick:p}))}function b(a){var t=a.className,l=a.children,o=n(a,["className","children"]);return e.createElement("div",c({className:r("btn-group",t)},o),l)}g.Body=function(a){var t=a.children,l=a.className,o=n(a,["children","className"]);return e.createElement("div",c({},o,{className:r("hero-body",l)}),t)};export{x as Avatar,l as Button,b as ButtonGroup,i as Col,o as Container,g as Hero,u as Paragraph,h as Row,p as Section,f as Subtitle,d as Table,w as Tag,m as Text,s as Title,v as Tooltip};
//# sourceMappingURL=index.js.map