@cryptlex/web-components 6.5.4 → 6.6.0

package/dist/components/breadcrumbs.js

@@ -1,2 +1,2 @@
-import{jsx as a,jsxs as i}from"react/jsx-runtime";import{Breadcrumbs as c,Breadcrumb as m,Link as s,composeRenderProps as o}from"react-aria-components";import{classNames as t}from"../utilities/primitives.js";import{IcRight as d,IcMoreHorizontal as u}from"./icons.js";import"clsx";import"lodash-es";import"react";function N({className:e,...r}){return a(c,{className:t("flex flex-wrap items-center gap-1.5 break-words body-sm text-muted-foreground sm:gap-2.5",e),...r})}function h({className:e,...r}){return a(m,{className:t("inline-flex items-center gap-1.5 sm:gap-2.5",e),...r})}function y({className:e,...r}){return a(s,{className:o(e,n=>t("transition-colors","data-[hovered]:text-foreground","data-[disabled]:pointer-events-none data-[disabled]:opacity-50","data-[current]:pointer-events-auto data-[current]:opacity-100",n)),...r})}function v({children:e,className:r,...n}){return a("span",{role:"presentation","aria-hidden":"true",className:t("[&>svg]:size-icon",r),...n,children:e||a(d,{})})}function z({className:e,...r}){return i("span",{role:"presentation","aria-hidden":"true",className:t("flex size-input items-center justify-center",e),...r,children:[a(u,{className:"size-icon"}),a("span",{className:"sr-only",children:"More"})]})}function j({className:e,...r}){return a(s,{className:o(e,n=>t("font-normal text-foreground",n)),...r})}export{z as BreadcrumbEllipsis,h as BreadcrumbItem,y as BreadcrumbLink,j as BreadcrumbPage,v as BreadcrumbSeparator,N as Breadcrumbs};
+import{jsx as n,jsxs as o}from"react/jsx-runtime";import{Breadcrumbs as c,Breadcrumb as m,Link as s,composeRenderProps as i}from"react-aria-components";import{classNames as a}from"../utilities/primitives.js";import{IcRight as u,IcMoreHorizontal as l}from"./icons.js";import"clsx";import"lodash-es";import"react";function g({className:r,...e}){return n(c,{className:a("flex flex-wrap items-center gap-2 break-words body-sm",r),...e})}function h({className:r,...e}){return n(m,{className:a("inline-flex items-center gap-1",r),...e})}function k({className:r,...e}){return n(s,{className:i(r,t=>a("btn btn-link input-dim","data-[current]:no-underline",t)),...e})}function y({children:r,className:e,...t}){return n("span",{role:"presentation","aria-hidden":"true",className:a("[&>svg]:size-icon opacity-70",e),...t,children:r||n(u,{})})}function z({className:r,...e}){return o("span",{role:"presentation","aria-hidden":"true",className:a("flex size-input items-center justify-center",r),...e,children:[n(l,{className:"size-icon"}),n("span",{className:"sr-only",children:"More"})]})}function j({className:r,...e}){return n(s,{className:i(r,t=>a("font-normal text-foreground",t)),...e})}export{z as BreadcrumbEllipsis,h as BreadcrumbItem,k as BreadcrumbLink,j as BreadcrumbPage,y as BreadcrumbSeparator,g 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 {\n    Breadcrumb as AriaBreadcrumb,\n    BreadcrumbProps as AriaBreadcrumbProps,\n    Breadcrumbs as AriaBreadcrumbs,\n    BreadcrumbsProps as AriaBreadcrumbsProps,\n    Link as AriaLink,\n    LinkProps as AriaLinkProps,\n    composeRenderProps,\n} from 'react-aria-components';\n\nimport { classNames } from '../utilities/primitives';\nimport { IcMoreHorizontal, IcRight } from './icons';\n\nexport function Breadcrumbs<T extends object>({ className, ...props }: AriaBreadcrumbsProps<T>) {\n    return (\n        <AriaBreadcrumbs\n            className={classNames(\n                'flex flex-wrap items-center gap-1.5 break-words body-sm text-muted-foreground sm:gap-2.5',\n                className\n            )}\n            {...props}\n        />\n    );\n}\n\nexport function BreadcrumbItem({ className, ...props }: AriaBreadcrumbProps) {\n    return (\n        <AriaBreadcrumb className={classNames('inline-flex items-center gap-1.5 sm:gap-2.5', className)} {...props} />\n    );\n}\n\nexport function BreadcrumbLink({ className, ...props }: AriaLinkProps) {\n    return (\n        <AriaLink\n            className={composeRenderProps(className, className =>\n                classNames(\n                    'transition-colors',\n                    /* Hover */\n                    'data-[hovered]:text-foreground',\n                    /* Disabled */\n                    'data-[disabled]:pointer-events-none data-[disabled]:opacity-50',\n                    /* Current */\n                    'data-[current]:pointer-events-auto data-[current]:opacity-100',\n                    className\n                )\n            )}\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('[&>svg]:size-icon', className)} {...props}>\n            {children || <IcRight />}\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\ninterface BreadcrumbPageProps extends Omit<AriaLinkProps, 'href'> {}\n\nexport function BreadcrumbPage({ className, ...props }: BreadcrumbPageProps) {\n    return (\n        <AriaLink\n            className={composeRenderProps(className, className => classNames('font-normal text-foreground', className))}\n            {...props}\n        />\n    );\n}\n"],"names":["Breadcrumbs","className","props","jsx","AriaBreadcrumbs","classNames","BreadcrumbItem","AriaBreadcrumb","BreadcrumbLink","AriaLink","composeRenderProps","BreadcrumbSeparator","children","IcRight","BreadcrumbEllipsis","jsxs","IcMoreHorizontal","BreadcrumbPage"],"mappings":"wTAaO,SAASA,EAA8B,CAAE,UAAAC,EAAW,GAAGC,GAAkC,CAC5F,OACIC,EAACC,EAAA,CACG,UAAWC,EACP,2FACAJ,CAAA,EAEH,GAAGC,CAAA,CAAA,CAGhB,CAEO,SAASI,EAAe,CAAE,UAAAL,EAAW,GAAGC,GAA8B,CACzE,OACIC,EAACI,GAAe,UAAWF,EAAW,8CAA+CJ,CAAS,EAAI,GAAGC,EAAO,CAEpH,CAEO,SAASM,EAAe,CAAE,UAAAP,EAAW,GAAGC,GAAwB,CACnE,OACIC,EAACM,EAAA,CACG,UAAWC,EAAmBT,EAAWA,GACrCI,EACI,oBAEA,iCAEA,iEAEA,gEACAJ,CAAA,CACJ,EAEH,GAAGC,CAAA,CAAA,CAGhB,CAEO,SAASS,EAAoB,CAAE,SAAAC,EAAU,UAAAX,EAAW,GAAGC,GAAuC,CACjG,SACK,OAAA,CAAK,KAAK,eAAe,cAAY,OAAO,UAAWG,EAAW,oBAAqBJ,CAAS,EAAI,GAAGC,EACnG,SAAAU,GAAYT,EAACU,IAAQ,EAC1B,CAER,CAEO,SAASC,EAAmB,CAAE,UAAAb,EAAW,GAAGC,GAAuC,CACtF,OACIa,EAAC,OAAA,CACG,KAAK,eACL,cAAY,OACZ,UAAWV,EAAW,8CAA+CJ,CAAS,EAC7E,GAAGC,EAEJ,SAAA,CAAAC,EAACa,EAAA,CAAiB,UAAU,WAAA,CAAY,EACxCb,EAAC,OAAA,CAAK,UAAU,UAAU,SAAA,MAAA,CAAI,CAAA,CAAA,CAAA,CAG1C,CAIO,SAASc,EAAe,CAAE,UAAAhB,EAAW,GAAGC,GAA8B,CACzE,OACIC,EAACM,EAAA,CACG,UAAWC,EAAmBT,EAAWA,GAAaI,EAAW,8BAA+BJ,CAAS,CAAC,EACzG,GAAGC,CAAA,CAAA,CAGhB"}
+{"version":3,"file":"breadcrumbs.js","sources":["../../lib/components/breadcrumbs.tsx"],"sourcesContent":["import {\n    Breadcrumb as AriaBreadcrumb,\n    BreadcrumbProps as AriaBreadcrumbProps,\n    Breadcrumbs as AriaBreadcrumbs,\n    BreadcrumbsProps as AriaBreadcrumbsProps,\n    Link as AriaLink,\n    LinkProps as AriaLinkProps,\n    composeRenderProps,\n} from 'react-aria-components';\n\nimport { classNames } from '../utilities/primitives';\nimport { IcMoreHorizontal, IcRight } from './icons';\n\nexport function Breadcrumbs<T extends object>({ className, ...props }: AriaBreadcrumbsProps<T>) {\n    return (\n        <AriaBreadcrumbs\n            className={classNames('flex flex-wrap items-center gap-2 break-words body-sm', className)}\n            {...props}\n        />\n    );\n}\n\nexport function BreadcrumbItem({ className, ...props }: AriaBreadcrumbProps) {\n    return <AriaBreadcrumb className={classNames('inline-flex items-center gap-1', className)} {...props} />;\n}\n\nexport function BreadcrumbLink({ className, ...props }: AriaLinkProps) {\n    return (\n        <AriaLink\n            className={composeRenderProps(className, className =>\n                classNames('btn btn-link input-dim', 'data-[current]:no-underline', className)\n            )}\n            {...props}\n        />\n    );\n}\n\nexport function BreadcrumbSeparator({ children, className, ...props }: React.ComponentProps<'span'>) {\n    return (\n        <span\n            role=\"presentation\"\n            aria-hidden=\"true\"\n            className={classNames('[&>svg]:size-icon opacity-70', className)}\n            {...props}\n        >\n            {children || <IcRight />}\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\ninterface BreadcrumbPageProps extends Omit<AriaLinkProps, 'href'> {}\n\nexport function BreadcrumbPage({ className, ...props }: BreadcrumbPageProps) {\n    return (\n        <AriaLink\n            className={composeRenderProps(className, className => classNames('font-normal text-foreground', className))}\n            {...props}\n        />\n    );\n}\n"],"names":["Breadcrumbs","className","props","jsx","AriaBreadcrumbs","classNames","BreadcrumbItem","AriaBreadcrumb","BreadcrumbLink","AriaLink","composeRenderProps","BreadcrumbSeparator","children","IcRight","BreadcrumbEllipsis","jsxs","IcMoreHorizontal","BreadcrumbPage"],"mappings":"wTAaO,SAASA,EAA8B,CAAE,UAAAC,EAAW,GAAGC,GAAkC,CAC5F,OACIC,EAACC,EAAA,CACG,UAAWC,EAAW,wDAAyDJ,CAAS,EACvF,GAAGC,CAAA,CAAA,CAGhB,CAEO,SAASI,EAAe,CAAE,UAAAL,EAAW,GAAGC,GAA8B,CACzE,OAAOC,EAACI,GAAe,UAAWF,EAAW,iCAAkCJ,CAAS,EAAI,GAAGC,EAAO,CAC1G,CAEO,SAASM,EAAe,CAAE,UAAAP,EAAW,GAAGC,GAAwB,CACnE,OACIC,EAACM,EAAA,CACG,UAAWC,EAAmBT,EAAWA,GACrCI,EAAW,yBAA0B,8BAA+BJ,CAAS,CAAA,EAEhF,GAAGC,CAAA,CAAA,CAGhB,CAEO,SAASS,EAAoB,CAAE,SAAAC,EAAU,UAAAX,EAAW,GAAGC,GAAuC,CACjG,OACIC,EAAC,OAAA,CACG,KAAK,eACL,cAAY,OACZ,UAAWE,EAAW,+BAAgCJ,CAAS,EAC9D,GAAGC,EAEH,SAAAU,KAAaC,EAAA,CAAA,CAAQ,CAAA,CAAA,CAGlC,CAEO,SAASC,EAAmB,CAAE,UAAAb,EAAW,GAAGC,GAAuC,CACtF,OACIa,EAAC,OAAA,CACG,KAAK,eACL,cAAY,OACZ,UAAWV,EAAW,8CAA+CJ,CAAS,EAC7E,GAAGC,EAEJ,SAAA,CAAAC,EAACa,EAAA,CAAiB,UAAU,WAAA,CAAY,EACxCb,EAAC,OAAA,CAAK,UAAU,UAAU,SAAA,MAAA,CAAI,CAAA,CAAA,CAAA,CAG1C,CAIO,SAASc,EAAe,CAAE,UAAAhB,EAAW,GAAGC,GAA8B,CACzE,OACIC,EAACM,EAAA,CACG,UAAWC,EAAmBT,EAAWA,GAAaI,EAAW,8BAA+BJ,CAAS,CAAC,EACzG,GAAGC,CAAA,CAAA,CAGhB"}

package/dist/components/button.js

@@ -1,2 +1,2 @@
-"use client";import{jsx as r,jsxs as c,Fragment as o}from"react/jsx-runtime";import{cva as p}from"class-variance-authority";import{Button as l,composeRenderProps as i}from"react-aria-components";import{classNames as d}from"../utilities/primitives.js";import{Loader as f}from"./loader.js";import"clsx";import"lodash-es";import"./icons.js";import"react";const v=p("btn",{variants:{variant:{primary:"btn-primary",secondary:"btn-secondary",destructive:"btn-destructive",neutral:"btn-neutral",ghost:"btn-ghost",link:"text-primary underline-offset-4 hover:underline"},size:{default:"input-dim",icon:"size-input",none:""}},defaultVariants:{variant:"neutral",size:"default"}});function k({className:e,variant:a,size:s,children:m,isPending:n,active:b,...u}){return r(l,{...u,className:i(e,t=>d(v({variant:a,size:s,className:t}),e)),children:i(m,t=>c(o,{children:[n&&r(f,{}),!n&&r(o,{children:t})]}))})}export{k as Button,v as buttonVariants};
+"use client";import{jsx as r,jsxs as u,Fragment as o}from"react/jsx-runtime";import{cva as p}from"class-variance-authority";import{Button as l,composeRenderProps as i}from"react-aria-components";import{classNames as d}from"../utilities/primitives.js";import{Loader as f}from"./loader.js";import"clsx";import"lodash-es";import"./icons.js";import"react";const b=p("btn",{variants:{variant:{primary:"btn-primary",secondary:"btn-secondary",destructive:"btn-destructive",neutral:"btn-neutral",ghost:"btn-ghost",link:"btn-link"},size:{default:"input-dim",icon:"size-input",none:""}},defaultVariants:{variant:"neutral",size:"default"}});function V({className:n,variant:a,size:s,children:m,isPending:e,active:v,...c}){return r(l,{...c,className:i(n,t=>d(b({variant:a,size:s,className:t}),n)),children:i(m,t=>u(o,{children:[e&&r(f,{}),!e&&r(o,{children:t})]}))})}export{V as Button,b as buttonVariants};
 //# sourceMappingURL=button.js.map

package/dist/components/button.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.js","sources":["../../lib/components/button.tsx"],"sourcesContent":["'use client';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { Button as AriaButton, composeRenderProps, type ButtonProps as AriaButtonProps } from 'react-aria-components';\nimport { classNames } from '../utilities/primitives';\nimport { Loader } from './loader';\n\nexport const buttonVariants = cva('btn', {\n    variants: {\n        variant: {\n            primary: 'btn-primary',\n            secondary: 'btn-secondary',\n            destructive: 'btn-destructive',\n            neutral: 'btn-neutral',\n            ghost: 'btn-ghost',\n            link: 'text-primary underline-offset-4 hover:underline',\n        },\n        size: {\n            default: 'input-dim',\n            icon: 'size-input',\n            none: '',\n        },\n    },\n    defaultVariants: {\n        variant: 'neutral',\n        size: 'default',\n    },\n});\n\nexport type ButtonProps = AriaButtonProps &\n    VariantProps<typeof buttonVariants> & {\n        ref?: React.Ref<HTMLButtonElement>;\n        active?: boolean;\n    };\n\nexport function Button({\n    className: additionalClasses,\n    variant,\n    size,\n    children,\n    isPending,\n    active,\n    ...props\n}: ButtonProps) {\n    return (\n        <AriaButton\n            {...props}\n            className={composeRenderProps(additionalClasses, className =>\n                classNames(\n                    buttonVariants({\n                        variant,\n                        size,\n                        className,\n                    }),\n                    additionalClasses\n                )\n            )}\n        >\n            {composeRenderProps(children, children => (\n                <>\n                    {isPending && <Loader />}\n                    {!isPending && <>{children}</>}\n                </>\n            ))}\n        </AriaButton>\n    );\n}\n"],"names":["buttonVariants","cva","Button","additionalClasses","variant","size","children","isPending","active","props","jsx","AriaButton","composeRenderProps","className","classNames","jsxs","Fragment","Loader"],"mappings":"gWAMO,MAAMA,EAAiBC,EAAI,MAAO,CACrC,SAAU,CACN,QAAS,CACL,QAAS,cACT,UAAW,gBACX,YAAa,kBACb,QAAS,cACT,MAAO,YACP,KAAM,iDAAA,EAEV,KAAM,CACF,QAAS,YACT,KAAM,aACN,KAAM,EAAA,CACV,EAEJ,gBAAiB,CACb,QAAS,UACT,KAAM,SAAA,CAEd,CAAC,EAQM,SAASC,EAAO,CACnB,UAAWC,EACX,QAAAC,EACA,KAAAC,EACA,SAAAC,EACA,UAAAC,EACA,OAAAC,EACA,GAAGC,CACP,EAAgB,CACZ,OACIC,EAACC,EAAA,CACI,GAAGF,EACJ,UAAWG,EAAmBT,EAAmBU,GAC7CC,EACId,EAAe,CACX,QAAAI,EACA,KAAAC,EACA,UAAAQ,CAAA,CACH,EACDV,CAAA,CACJ,EAGH,SAAAS,EAAmBN,EAAUA,GAC1BS,EAAAC,EAAA,CACK,SAAA,CAAAT,KAAcU,EAAA,EAAO,EACrB,CAACV,GAAaG,EAAAM,EAAA,CAAG,SAAAV,CAAAA,CAAS,CAAA,EAC/B,CACH,CAAA,CAAA,CAGb"}
+{"version":3,"file":"button.js","sources":["../../lib/components/button.tsx"],"sourcesContent":["'use client';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { Button as AriaButton, composeRenderProps, type ButtonProps as AriaButtonProps } from 'react-aria-components';\nimport { classNames } from '../utilities/primitives';\nimport { Loader } from './loader';\n\nexport const buttonVariants = cva('btn', {\n    variants: {\n        variant: {\n            primary: 'btn-primary',\n            secondary: 'btn-secondary',\n            destructive: 'btn-destructive',\n            neutral: 'btn-neutral',\n            ghost: 'btn-ghost',\n            link: 'btn-link',\n        },\n        size: {\n            default: 'input-dim',\n            icon: 'size-input',\n            none: '',\n        },\n    },\n    defaultVariants: {\n        variant: 'neutral',\n        size: 'default',\n    },\n});\n\nexport type ButtonProps = AriaButtonProps &\n    VariantProps<typeof buttonVariants> & {\n        ref?: React.Ref<HTMLButtonElement>;\n        active?: boolean;\n    };\n\nexport function Button({\n    className: additionalClasses,\n    variant,\n    size,\n    children,\n    isPending,\n    active,\n    ...props\n}: ButtonProps) {\n    return (\n        <AriaButton\n            {...props}\n            className={composeRenderProps(additionalClasses, className =>\n                classNames(\n                    buttonVariants({\n                        variant,\n                        size,\n                        className,\n                    }),\n                    additionalClasses\n                )\n            )}\n        >\n            {composeRenderProps(children, children => (\n                <>\n                    {isPending && <Loader />}\n                    {!isPending && <>{children}</>}\n                </>\n            ))}\n        </AriaButton>\n    );\n}\n"],"names":["buttonVariants","cva","Button","additionalClasses","variant","size","children","isPending","active","props","jsx","AriaButton","composeRenderProps","className","classNames","jsxs","Fragment","Loader"],"mappings":"gWAMO,MAAMA,EAAiBC,EAAI,MAAO,CACrC,SAAU,CACN,QAAS,CACL,QAAS,cACT,UAAW,gBACX,YAAa,kBACb,QAAS,cACT,MAAO,YACP,KAAM,UAAA,EAEV,KAAM,CACF,QAAS,YACT,KAAM,aACN,KAAM,EAAA,CACV,EAEJ,gBAAiB,CACb,QAAS,UACT,KAAM,SAAA,CAEd,CAAC,EAQM,SAASC,EAAO,CACnB,UAAWC,EACX,QAAAC,EACA,KAAAC,EACA,SAAAC,EACA,UAAAC,EACA,OAAAC,EACA,GAAGC,CACP,EAAgB,CACZ,OACIC,EAACC,EAAA,CACI,GAAGF,EACJ,UAAWG,EAAmBT,EAAmBU,GAC7CC,EACId,EAAe,CACX,QAAAI,EACA,KAAAC,EACA,UAAAQ,CAAA,CACH,EACDV,CAAA,CACJ,EAGH,SAAAS,EAAmBN,EAAUA,GAC1BS,EAAAC,EAAA,CACK,SAAA,CAAAT,KAAcU,EAAA,EAAO,EACrB,CAACV,GAAaG,EAAAM,EAAA,CAAG,SAAAV,CAAAA,CAAS,CAAA,EAC/B,CACH,CAAA,CAAA,CAGb"}

package/dist/components/searchfield.js

@@ -1,2 +1,2 @@
-import{jsx as e,jsxs as l}from"react/jsx-runtime";import{composeRenderProps as a,SearchField as s,Input as p,Button as m}from"react-aria-components";import{classNames as t}from"../utilities/primitives.js";import{FormField as u,FieldGroup as h}from"./field.js";import{IcSearch as f,IcRemove as F}from"./icons.js";import"clsx";import"lodash-es";import"class-variance-authority";import"react";function g({className:r,...i}){return e(s,{className:a(r,o=>t("group",o)),...i})}function b({className:r,...i}){return e(p,{className:a(r,o=>t("min-w-0 ring-0 focus-visible:outline-none flex-1 bg-popover px-2 py-1.5 placeholder:text-muted-foreground [&::-webkit-search-cancel-button]:hidden",o)),...i})}function N({className:r,...i}){return e(m,{className:a(r,o=>t("opacity-70 ring-offset-background transition-opacity","data-[hovered]:opacity-100","data-[disabled]:pointer-events-none","group-data-[empty]:invisible",o)),...i})}function A({label:r,description:i,className:o,errorMessage:n,...c}){return e(g,{className:a(o,d=>t("group form-field",d)),...c,children:e(u,{label:r,description:i,errorMessage:n,children:l(h,{children:[e(f,{"aria-hidden":!0,className:"size-icon"}),e(b,{placeholder:""}),e(N,{children:e(F,{"aria-hidden":!0,className:"size-icon"})})]})})})}export{A as SearchField};
+import{jsx as e,jsxs as m}from"react/jsx-runtime";import{composeRenderProps as n,SearchField as s,Input as p,Button as d}from"react-aria-components";import{classNames as t}from"../utilities/primitives.js";import{FormField as u,FieldGroup as h}from"./field.js";import{IcSearch as f,IcRemove as F}from"./icons.js";import"clsx";import"lodash-es";import"class-variance-authority";import"react";function b({className:r,...i}){return e(s,{className:n(r,o=>t("group",o)),...i})}function g({className:r,...i}){return e(p,{className:n(r,o=>t("min-w-0 ring-0 focus-visible:outline-none flex-1 bg-popover px-2 py-1.5 placeholder:text-muted-foreground [&::-webkit-search-cancel-button]:hidden",o)),...i})}function x({className:r,...i}){return e(d,{className:n(r,o=>t("btn btn-ghost h-input px-2 -me-2","group-data-[empty]:invisible",o)),...i})}function R({label:r,description:i,className:o,errorMessage:a,...c}){return e(b,{className:n(o,l=>t("group form-field",l)),...c,children:e(u,{label:r,description:i,errorMessage:a,children:m(h,{children:[e(f,{"aria-hidden":!0,className:"size-icon"}),e(g,{placeholder:""}),e(x,{children:e(F,{"aria-hidden":!0,className:"size-icon"})})]})})})}export{R as SearchField};
 //# sourceMappingURL=searchfield.js.map

package/dist/components/searchfield.js.map

@@ -1 +1 @@
-{"version":3,"file":"searchfield.js","sources":["../../lib/components/searchfield.tsx"],"sourcesContent":["import {\n    Button as AriaButton,\n    ButtonProps as AriaButtonProps,\n    Input as AriaInput,\n    InputProps as AriaInputProps,\n    SearchField as AriaSearchField,\n    SearchFieldProps as AriaSearchFieldProps,\n    composeRenderProps,\n} from 'react-aria-components';\n\nimport { classNames } from '../utilities/primitives';\n\nimport { FieldGroup, FormField, type FormFieldProps } from './field';\nimport { IcRemove, IcSearch } from './icons';\n\nfunction ASearchField({ className, ...props }: AriaSearchFieldProps) {\n    return (\n        <AriaSearchField\n            className={composeRenderProps(className, className => classNames('group', className))}\n            {...props}\n        />\n    );\n}\n\nfunction ASearchFieldInput({ className, ...props }: AriaInputProps) {\n    return (\n        <AriaInput\n            className={composeRenderProps(className, className =>\n                classNames(\n                    'min-w-0 ring-0 focus-visible:outline-none flex-1 bg-popover px-2 py-1.5 placeholder:text-muted-foreground [&::-webkit-search-cancel-button]:hidden',\n                    className\n                )\n            )}\n            {...props}\n        />\n    );\n}\n\nfunction SearchFieldClear({ className, ...props }: AriaButtonProps) {\n    return (\n        <AriaButton\n            className={composeRenderProps(className, className =>\n                classNames(\n                    'opacity-70 ring-offset-background transition-opacity',\n                    /* Hover */\n                    'data-[hovered]:opacity-100',\n                    /* Disabled */\n                    'data-[disabled]:pointer-events-none',\n                    /* Empty */\n                    'group-data-[empty]:invisible',\n                    className\n                )\n            )}\n            {...props}\n        />\n    );\n}\n\nexport interface SearchFieldProps extends AriaSearchFieldProps, FormFieldProps {}\nexport function SearchField({ label, description, className, errorMessage, ...props }: SearchFieldProps) {\n    return (\n        <ASearchField\n            className={composeRenderProps(className, className => classNames('group form-field', className))}\n            {...props}\n        >\n            <FormField label={label} description={description} errorMessage={errorMessage}>\n                <FieldGroup>\n                    <IcSearch aria-hidden className=\"size-icon\" />\n                    <ASearchFieldInput placeholder=\"\" />\n                    <SearchFieldClear>\n                        <IcRemove aria-hidden className=\"size-icon\" />\n                    </SearchFieldClear>\n                </FieldGroup>\n            </FormField>\n        </ASearchField>\n    );\n}\n"],"names":["ASearchField","className","props","jsx","AriaSearchField","composeRenderProps","classNames","ASearchFieldInput","AriaInput","SearchFieldClear","AriaButton","SearchField","label","description","errorMessage","FormField","FieldGroup","IcSearch","IcRemove"],"mappings":"sYAeA,SAASA,EAAa,CAAE,UAAAC,EAAW,GAAGC,GAA+B,CACjE,OACIC,EAACC,EAAA,CACG,UAAWC,EAAmBJ,EAAWA,GAAaK,EAAW,QAASL,CAAS,CAAC,EACnF,GAAGC,CAAA,CAAA,CAGhB,CAEA,SAASK,EAAkB,CAAE,UAAAN,EAAW,GAAGC,GAAyB,CAChE,OACIC,EAACK,EAAA,CACG,UAAWH,EAAmBJ,EAAWA,GACrCK,EACI,qJACAL,CAAA,CACJ,EAEH,GAAGC,CAAA,CAAA,CAGhB,CAEA,SAASO,EAAiB,CAAE,UAAAR,EAAW,GAAGC,GAA0B,CAChE,OACIC,EAACO,EAAA,CACG,UAAWL,EAAmBJ,EAAWA,GACrCK,EACI,uDAEA,6BAEA,sCAEA,+BACAL,CAAA,CACJ,EAEH,GAAGC,CAAA,CAAA,CAGhB,CAGO,SAASS,EAAY,CAAE,MAAAC,EAAO,YAAAC,EAAa,UAAAZ,EAAW,aAAAa,EAAc,GAAGZ,GAA2B,CACrG,OACIC,EAACH,EAAA,CACG,UAAWK,EAAmBJ,EAAWA,GAAaK,EAAW,mBAAoBL,CAAS,CAAC,EAC9F,GAAGC,EAEJ,WAACa,EAAA,CAAU,MAAAH,EAAc,YAAAC,EAA0B,aAAAC,EAC/C,WAACE,EAAA,CACG,SAAA,CAAAb,EAACc,EAAA,CAAS,cAAW,GAAC,UAAU,YAAY,EAC5Cd,EAACI,EAAA,CAAkB,YAAY,EAAA,CAAG,EAClCJ,EAACM,GACG,SAAAN,EAACe,EAAA,CAAS,cAAW,GAAC,UAAU,YAAY,CAAA,CAChD,CAAA,CAAA,CACJ,CAAA,CACJ,CAAA,CAAA,CAGZ"}
+{"version":3,"file":"searchfield.js","sources":["../../lib/components/searchfield.tsx"],"sourcesContent":["import {\n    Button as AriaButton,\n    ButtonProps as AriaButtonProps,\n    Input as AriaInput,\n    InputProps as AriaInputProps,\n    SearchField as AriaSearchField,\n    SearchFieldProps as AriaSearchFieldProps,\n    composeRenderProps,\n} from 'react-aria-components';\n\nimport { classNames } from '../utilities/primitives';\n\nimport { FieldGroup, FormField, type FormFieldProps } from './field';\nimport { IcRemove, IcSearch } from './icons';\n\nfunction ASearchField({ className, ...props }: AriaSearchFieldProps) {\n    return (\n        <AriaSearchField\n            className={composeRenderProps(className, className => classNames('group', className))}\n            {...props}\n        />\n    );\n}\n\nfunction ASearchFieldInput({ className, ...props }: AriaInputProps) {\n    return (\n        <AriaInput\n            className={composeRenderProps(className, className =>\n                classNames(\n                    'min-w-0 ring-0 focus-visible:outline-none flex-1 bg-popover px-2 py-1.5 placeholder:text-muted-foreground [&::-webkit-search-cancel-button]:hidden',\n                    className\n                )\n            )}\n            {...props}\n        />\n    );\n}\n// TODO, standardize this as FieldGroup action button. Document that there can only be one.\nfunction SearchFieldClear({ className, ...props }: AriaButtonProps) {\n    return (\n        <AriaButton\n            className={composeRenderProps(className, className =>\n                classNames('btn btn-ghost h-input px-2 -me-2', 'group-data-[empty]:invisible', className)\n            )}\n            {...props}\n        />\n    );\n}\n\nexport interface SearchFieldProps extends AriaSearchFieldProps, FormFieldProps {}\nexport function SearchField({ label, description, className, errorMessage, ...props }: SearchFieldProps) {\n    return (\n        <ASearchField\n            className={composeRenderProps(className, className => classNames('group form-field', className))}\n            {...props}\n        >\n            <FormField label={label} description={description} errorMessage={errorMessage}>\n                <FieldGroup>\n                    <IcSearch aria-hidden className=\"size-icon\" />\n                    <ASearchFieldInput placeholder=\"\" />\n                    <SearchFieldClear>\n                        <IcRemove aria-hidden className=\"size-icon\" />\n                    </SearchFieldClear>\n                </FieldGroup>\n            </FormField>\n        </ASearchField>\n    );\n}\n"],"names":["ASearchField","className","props","jsx","AriaSearchField","composeRenderProps","classNames","ASearchFieldInput","AriaInput","SearchFieldClear","AriaButton","SearchField","label","description","errorMessage","FormField","FieldGroup","IcSearch","IcRemove"],"mappings":"sYAeA,SAASA,EAAa,CAAE,UAAAC,EAAW,GAAGC,GAA+B,CACjE,OACIC,EAACC,EAAA,CACG,UAAWC,EAAmBJ,EAAWA,GAAaK,EAAW,QAASL,CAAS,CAAC,EACnF,GAAGC,CAAA,CAAA,CAGhB,CAEA,SAASK,EAAkB,CAAE,UAAAN,EAAW,GAAGC,GAAyB,CAChE,OACIC,EAACK,EAAA,CACG,UAAWH,EAAmBJ,EAAWA,GACrCK,EACI,qJACAL,CAAA,CACJ,EAEH,GAAGC,CAAA,CAAA,CAGhB,CAEA,SAASO,EAAiB,CAAE,UAAAR,EAAW,GAAGC,GAA0B,CAChE,OACIC,EAACO,EAAA,CACG,UAAWL,EAAmBJ,EAAWA,GACrCK,EAAW,mCAAoC,+BAAgCL,CAAS,CAAA,EAE3F,GAAGC,CAAA,CAAA,CAGhB,CAGO,SAASS,EAAY,CAAE,MAAAC,EAAO,YAAAC,EAAa,UAAAZ,EAAW,aAAAa,EAAc,GAAGZ,GAA2B,CACrG,OACIC,EAACH,EAAA,CACG,UAAWK,EAAmBJ,EAAWA,GAAaK,EAAW,mBAAoBL,CAAS,CAAC,EAC9F,GAAGC,EAEJ,WAACa,EAAA,CAAU,MAAAH,EAAc,YAAAC,EAA0B,aAAAC,EAC/C,WAACE,EAAA,CACG,SAAA,CAAAb,EAACc,EAAA,CAAS,cAAW,GAAC,UAAU,YAAY,EAC5Cd,EAACI,EAAA,CAAkB,YAAY,EAAA,CAAG,EAClCJ,EAACM,GACG,SAAAN,EAACe,EAAA,CAAS,cAAW,GAAC,UAAU,YAAY,CAAA,CAChD,CAAA,CAAA,CACJ,CAAA,CACJ,CAAA,CAAA,CAGZ"}

package/lib/utilities.css

@@ -20,19 +20,23 @@
 
 /* A base set of classes for elements that can be clicked */
 @utility btn {
-    @apply inline-flex gap-1 text-ellipsis overflow-hidden items-center justify-center font-medium transition-colors cursor-pointer ring-offset-background [&_svg:not([class*='size-'])]:size-icon shrink-0 [&_svg]:shrink-0 leading-none outline-none no-underline whitespace-nowrap select-none disabled-muted focus-ring;
+    @apply inline-flex gap-1 data-[disabled]:pointer-events-none text-ellipsis overflow-hidden items-center justify-center font-medium transition-colors cursor-pointer ring-offset-background [&_svg:not([class*='size-'])]:size-icon shrink-0 [&_svg]:shrink-0 leading-none outline-none no-underline whitespace-nowrap select-none disabled-muted focus-ring;
+}
+
+@utility btn-link {
+    @apply btn-ghost underline underline-offset-2;
 }
 @utility btn-primary {
-    @apply border border-primary text-primary bg-popover hover:bg-primary/10 data-[hovered]:bg-primary/10 focus:bg-primary/10 data-[focused]:bg-primary/10;
+    @apply border border-primary text-primary bg-primary/10 hover:bg-primary/20 data-[hovered]:bg-primary/20 focus:bg-primary/20 data-[focused]:bg-primary/20;
 }
 @utility btn-destructive {
-    @apply border border-destructive text-destructive bg-popover hover:bg-destructive/10 data-[hovered]:bg-destructive/10 focus:bg-destructive/10 data-[focused]:bg-destructive/10;
+    @apply border border-destructive text-destructive bg-destructive/10 hover:bg-destructive/20 data-[hovered]:bg-destructive/20 focus:bg-destructive/20 data-[focused]:bg-destructive/20;
 }
 @utility btn-neutral {
-    @apply border border-input text-accent bg-popover hover:bg-accent/10 data-[hovered]:bg-accent/10 focus:bg-accent/10 data-[focused]:bg-accent/10;
+    @apply border border-input text-accent bg-accent/10 hover:bg-accent/20 data-[hovered]:bg-accent/20 focus:bg-accent/20 data-[focused]:bg-accent/20;
 }
 @utility btn-secondary {
-    @apply border border-secondary text-secondary bg-popover hover:bg-secondary/10 data-[hovered]:bg-secondary/10 focus:bg-secondary/10 data-[focused]:bg-secondary/10;
+    @apply border border-secondary text-secondary bg-secondary/10 hover:bg-secondary/20 data-[hovered]:bg-secondary/20 focus:bg-secondary/20 data-[focused]:bg-secondary/20;
 }
 @utility btn-ghost {
     @apply bg-transparent focus:bg-accent/20 data-[focused]:bg-accent/20 hover:bg-accent/20 data-[hovered]:bg-accent/20;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cryptlex/web-components",
-  "version": "6.5.4",
+  "version": "6.6.0",
   "description": "React component library for Cryptlex web applications",
   "author": "Cryptlex",
   "type": "module",
@@ -70,10 +70,10 @@
   },
   "devDependencies": {
     "@rollup/plugin-node-resolve": "16.0.1",
-    "@storybook/addon-docs": "9.0.18",
-    "@storybook/addon-links": "9.0.18",
-    "@storybook/addon-onboarding": "9.0.18",
-    "@storybook/react-vite": "9.0.18",
+    "@storybook/addon-docs": "9.1.3",
+    "@storybook/addon-links": "9.1.3",
+    "@storybook/addon-onboarding": "9.1.3",
+    "@storybook/react-vite": "9.1.3",
     "@tailwindcss/vite": "^4.1.11",
     "@types/node": "^22.7.8",
     "@types/react": "^19.1.0",
@@ -85,7 +85,7 @@
     "prettier": "3.6.2",
     "rollup-preserve-directives": "1.1.3",
     "sass": "1.80.6",
-    "storybook": "9.0.18",
+    "storybook": "9.1.3",
     "typescript": "5.8.3",
     "typescript-eslint": "8.38.0",
     "vite": "7.0.6",