@cryptlex/web-components 6.6.29 → 6.6.30

package/dist/components/avatar.d.ts

@@ -2,6 +2,7 @@ interface InitialString {
     initials: string[2];
 }
 export interface AvatarProps extends Omit<React.ComponentProps<'div'>, 'children'>, InitialString {
+    size?: 'sm' | 'lg';
 }
-export declare function Avatar({ className, initials, ...props }: AvatarProps): import("react/jsx-runtime").JSX.Element;
+export declare function Avatar({ className, initials, size, ...props }: AvatarProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/avatar.js

@@ -1,2 +1,2 @@
-import{jsx as t}from"react/jsx-runtime";import{classNames as r}from"../utilities/theme.js";import"clsx";function d({className:e,initials:n,...o}){return t("div",{className:r("relative body-sm font-mono font-bold flex items-center leading-none justify-center bg-accent text-accent-foreground select-none size-input shrink-0 overflow-hidden rounded-md",e),...o,children:n})}export{d as Avatar};
+import{jsx as s}from"react/jsx-runtime";import{classNames as r}from"../utilities/theme.js";import"clsx";const i={sm:"size-icon",lg:"size-input"};function m({className:e,initials:n,size:o="lg",...t}){return s("div",{className:r("relative body-sm font-mono font-bold flex items-center leading-none justify-center bg-accent text-accent-foreground select-none shrink-0 overflow-hidden rounded-full",e,i[o]),...t,children:n})}export{m as Avatar};
 //# sourceMappingURL=avatar.js.map

package/dist/components/avatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"avatar.js","sources":["../../lib/components/avatar.tsx"],"sourcesContent":["import { classNames } from '../utilities/theme';\n\ninterface InitialString {\n    initials: string[2];\n}\nexport interface AvatarProps extends Omit<React.ComponentProps<'div'>, 'children'>, InitialString {}\nexport function Avatar({ className, initials, ...props }: AvatarProps) {\n    return (\n        <div\n            className={classNames(\n                'relative body-sm font-mono font-bold flex items-center leading-none justify-center bg-accent text-accent-foreground select-none size-input shrink-0 overflow-hidden rounded-md',\n                className\n            )}\n            {...props}\n        >\n            {initials}\n        </div>\n    );\n}\n"],"names":["Avatar","className","initials","props","jsx","classNames"],"mappings":"wGAMO,SAASA,EAAO,CAAE,UAAAC,EAAW,SAAAC,EAAU,GAAGC,GAAsB,CACnE,OACIC,EAAC,MAAA,CACG,UAAWC,EACP,iLACAJ,CAAA,EAEH,GAAGE,EAEH,SAAAD,CAAA,CAAA,CAGb"}
+{"version":3,"file":"avatar.js","sources":["../../lib/components/avatar.tsx"],"sourcesContent":["import { classNames } from '../utilities/theme';\n\ninterface InitialString {\n    initials: string[2];\n}\nconst sizeClasses = {\n    sm: 'size-icon',\n    lg: 'size-input',\n};\nexport interface AvatarProps extends Omit<React.ComponentProps<'div'>, 'children'>, InitialString {\n    size?: 'sm' | 'lg';\n}\nexport function Avatar({ className, initials, size = 'lg', ...props }: AvatarProps) {\n    return (\n        <div\n            className={classNames(\n                'relative body-sm font-mono font-bold flex items-center leading-none justify-center bg-accent text-accent-foreground select-none shrink-0 overflow-hidden rounded-full',\n                className,\n                sizeClasses[size]\n            )}\n            {...props}\n        >\n            {initials}\n        </div>\n    );\n}\n"],"names":["sizeClasses","Avatar","className","initials","size","props","jsx","classNames"],"mappings":"wGAKA,MAAMA,EAAc,CAChB,GAAI,YACJ,GAAI,YACR,EAIO,SAASC,EAAO,CAAE,UAAAC,EAAW,SAAAC,EAAU,KAAAC,EAAO,KAAM,GAAGC,GAAsB,CAChF,OACIC,EAAC,MAAA,CACG,UAAWC,EACP,wKACAL,EACAF,EAAYI,CAAI,CAAA,EAEnB,GAAGC,EAEH,SAAAF,CAAA,CAAA,CAGb"}

package/dist/components/breadcrumbs.js

@@ -1,2 +1,2 @@
-import{jsx as n,jsxs as t}from"react/jsx-runtime";import{Link as i,composeRenderProps as o}from"react-aria-components";import{classNames as s}from"../utilities/theme.js";import{IcSlash as c,IcMoreHorizontal as m}from"./icons.js";import"clsx";import"react";function b({className:e,...r}){return n("nav",{children:n("ol",{className:s("flex list-none flex-wrap items-center gap-1 break-words",e),...r})})}function x({className:e,...r}){return n("li",{className:s("flex gap-1 items-center",e),...r})}function h({className:e,...r}){return n(i,{className:o(e,a=>s("btn btn-link p-0 text-sm",a)),...r})}function B({children:e,className:r,...a}){return n("span",{role:"presentation","aria-hidden":"true",className:s("opacity-70",r),...a,children:e||n(c,{className:"size-2"})})}function k({className:e,...r}){return t("span",{role:"presentation","aria-hidden":"true",className:s("flex size-input items-center justify-center",e),...r,children:[n(m,{className:"size-icon"}),n("span",{className:"sr-only",children:"More"})]})}export{k as BreadcrumbEllipsis,x as BreadcrumbItem,h as BreadcrumbLink,B as BreadcrumbSeparator,b as Breadcrumbs};
+import{jsx as n,jsxs as t}from"react/jsx-runtime";import{Link as i,composeRenderProps as o}from"react-aria-components";import{classNames as s}from"../utilities/theme.js";import{IcRight as c,IcMoreHorizontal as m}from"./icons.js";import"clsx";import"react";function x({className:e,...r}){return n("nav",{children:n("ol",{className:s("flex list-none flex-wrap items-center gap-1 break-words",e),...r})})}function b({className:e,...r}){return n("li",{className:s("flex gap-1 items-center",e),...r})}function h({className:e,...r}){return n(i,{className:o(e,a=>s("btn p-0 text-sm",a)),...r})}function B({children:e,className:r,...a}){return n("span",{role:"presentation","aria-hidden":"true",className:s("opacity-70",r),...a,children:e||n(c,{className:"size-icon"})})}function z({className:e,...r}){return t("span",{role:"presentation","aria-hidden":"true",className:s("flex size-input items-center justify-center",e),...r,children:[n(m,{className:"size-icon"}),n("span",{className:"sr-only",children:"More"})]})}export{z as BreadcrumbEllipsis,b as BreadcrumbItem,h as BreadcrumbLink,B as BreadcrumbSeparator,x as Breadcrumbs};
 //# sourceMappingURL=breadcrumbs.js.map

package/dist/components/breadcrumbs.js.map

@@ -1 +1 @@
-{"version":3,"file":"breadcrumbs.js","sources":["../../lib/components/breadcrumbs.tsx"],"sourcesContent":["import { Link as AriaLink, LinkProps as AriaLinkProps, composeRenderProps } from 'react-aria-components';\nimport { classNames } from '../utilities/theme';\nimport { IcMoreHorizontal, IcSlash } from './icons';\n\nexport function Breadcrumbs({ className, ...props }: React.ComponentProps<'ol'>) {\n    return (\n        <nav>\n            <ol\n                className={classNames('flex list-none flex-wrap items-center gap-1 break-words', className)}\n                {...props}\n            />\n        </nav>\n    );\n}\n\nexport function BreadcrumbItem({ className, ...props }: React.ComponentProps<'li'>) {\n    return <li className={classNames('flex gap-1 items-center', className)} {...props} />;\n}\n\nexport function BreadcrumbLink({ className, ...props }: AriaLinkProps) {\n    return (\n        <AriaLink\n            className={composeRenderProps(className, className => classNames('btn btn-link p-0 text-sm', className))}\n            {...props}\n        />\n    );\n}\n\nexport function BreadcrumbSeparator({ children, className, ...props }: React.ComponentProps<'span'>) {\n    return (\n        <span role=\"presentation\" aria-hidden=\"true\" className={classNames('opacity-70', className)} {...props}>\n            {children || <IcSlash className=\"size-2\" />}\n        </span>\n    );\n}\n\nexport function BreadcrumbEllipsis({ className, ...props }: React.ComponentProps<'span'>) {\n    return (\n        <span\n            role=\"presentation\"\n            aria-hidden=\"true\"\n            className={classNames('flex size-input items-center justify-center', className)}\n            {...props}\n        >\n            <IcMoreHorizontal className=\"size-icon\" />\n            <span className=\"sr-only\">More</span>\n        </span>\n    );\n}\n"],"names":["Breadcrumbs","className","props","jsx","classNames","BreadcrumbItem","BreadcrumbLink","AriaLink","composeRenderProps","BreadcrumbSeparator","children","IcSlash","BreadcrumbEllipsis","jsxs","IcMoreHorizontal"],"mappings":"gQAIO,SAASA,EAAY,CAAE,UAAAC,EAAW,GAAGC,GAAqC,CAC7E,SACK,MAAA,CACG,SAAAC,EAAC,KAAA,CACG,UAAWC,EAAW,0DAA2DH,CAAS,EACzF,GAAGC,CAAA,CAAA,EAEZ,CAER,CAEO,SAASG,EAAe,CAAE,UAAAJ,EAAW,GAAGC,GAAqC,CAChF,OAAOC,EAAC,MAAG,UAAWC,EAAW,0BAA2BH,CAAS,EAAI,GAAGC,EAAO,CACvF,CAEO,SAASI,EAAe,CAAE,UAAAL,EAAW,GAAGC,GAAwB,CACnE,OACIC,EAACI,EAAA,CACG,UAAWC,EAAmBP,EAAWA,GAAaG,EAAW,2BAA4BH,CAAS,CAAC,EACtG,GAAGC,CAAA,CAAA,CAGhB,CAEO,SAASO,EAAoB,CAAE,SAAAC,EAAU,UAAAT,EAAW,GAAGC,GAAuC,CACjG,SACK,OAAA,CAAK,KAAK,eAAe,cAAY,OAAO,UAAWE,EAAW,aAAcH,CAAS,EAAI,GAAGC,EAC5F,SAAAQ,KAAaC,EAAA,CAAQ,UAAU,SAAS,EAC7C,CAER,CAEO,SAASC,EAAmB,CAAE,UAAAX,EAAW,GAAGC,GAAuC,CACtF,OACIW,EAAC,OAAA,CACG,KAAK,eACL,cAAY,OACZ,UAAWT,EAAW,8CAA+CH,CAAS,EAC7E,GAAGC,EAEJ,SAAA,CAAAC,EAACW,EAAA,CAAiB,UAAU,WAAA,CAAY,EACxCX,EAAC,OAAA,CAAK,UAAU,UAAU,SAAA,MAAA,CAAI,CAAA,CAAA,CAAA,CAG1C"}
+{"version":3,"file":"breadcrumbs.js","sources":["../../lib/components/breadcrumbs.tsx"],"sourcesContent":["import { Link as AriaLink, LinkProps as AriaLinkProps, composeRenderProps } from 'react-aria-components';\nimport { classNames } from '../utilities/theme';\nimport { IcMoreHorizontal, IcRight } from './icons';\n\nexport function Breadcrumbs({ className, ...props }: React.ComponentProps<'ol'>) {\n    return (\n        <nav>\n            <ol\n                className={classNames('flex list-none flex-wrap items-center gap-1 break-words', className)}\n                {...props}\n            />\n        </nav>\n    );\n}\n\nexport function BreadcrumbItem({ className, ...props }: React.ComponentProps<'li'>) {\n    return <li className={classNames('flex gap-1 items-center', className)} {...props} />;\n}\n\nexport function BreadcrumbLink({ className, ...props }: AriaLinkProps) {\n    return (\n        <AriaLink\n            className={composeRenderProps(className, className => classNames('btn p-0 text-sm', className))}\n            {...props}\n        />\n    );\n}\n\nexport function BreadcrumbSeparator({ children, className, ...props }: React.ComponentProps<'span'>) {\n    return (\n        <span role=\"presentation\" aria-hidden=\"true\" className={classNames('opacity-70', className)} {...props}>\n            {children || <IcRight className=\"size-icon\" />}\n        </span>\n    );\n}\n\nexport function BreadcrumbEllipsis({ className, ...props }: React.ComponentProps<'span'>) {\n    return (\n        <span\n            role=\"presentation\"\n            aria-hidden=\"true\"\n            className={classNames('flex size-input items-center justify-center', className)}\n            {...props}\n        >\n            <IcMoreHorizontal className=\"size-icon\" />\n            <span className=\"sr-only\">More</span>\n        </span>\n    );\n}\n"],"names":["Breadcrumbs","className","props","jsx","classNames","BreadcrumbItem","BreadcrumbLink","AriaLink","composeRenderProps","BreadcrumbSeparator","children","IcRight","BreadcrumbEllipsis","jsxs","IcMoreHorizontal"],"mappings":"gQAIO,SAASA,EAAY,CAAE,UAAAC,EAAW,GAAGC,GAAqC,CAC7E,SACK,MAAA,CACG,SAAAC,EAAC,KAAA,CACG,UAAWC,EAAW,0DAA2DH,CAAS,EACzF,GAAGC,CAAA,CAAA,EAEZ,CAER,CAEO,SAASG,EAAe,CAAE,UAAAJ,EAAW,GAAGC,GAAqC,CAChF,OAAOC,EAAC,MAAG,UAAWC,EAAW,0BAA2BH,CAAS,EAAI,GAAGC,EAAO,CACvF,CAEO,SAASI,EAAe,CAAE,UAAAL,EAAW,GAAGC,GAAwB,CACnE,OACIC,EAACI,EAAA,CACG,UAAWC,EAAmBP,EAAWA,GAAaG,EAAW,kBAAmBH,CAAS,CAAC,EAC7F,GAAGC,CAAA,CAAA,CAGhB,CAEO,SAASO,EAAoB,CAAE,SAAAC,EAAU,UAAAT,EAAW,GAAGC,GAAuC,CACjG,SACK,OAAA,CAAK,KAAK,eAAe,cAAY,OAAO,UAAWE,EAAW,aAAcH,CAAS,EAAI,GAAGC,EAC5F,SAAAQ,KAAaC,EAAA,CAAQ,UAAU,YAAY,EAChD,CAER,CAEO,SAASC,EAAmB,CAAE,UAAAX,EAAW,GAAGC,GAAuC,CACtF,OACIW,EAAC,OAAA,CACG,KAAK,eACL,cAAY,OACZ,UAAWT,EAAW,8CAA+CH,CAAS,EAC7E,GAAGC,EAEJ,SAAA,CAAAC,EAACW,EAAA,CAAiB,UAAU,WAAA,CAAY,EACxCX,EAAC,OAAA,CAAK,UAAU,UAAU,SAAA,MAAA,CAAI,CAAA,CAAA,CAAA,CAG1C"}