@spark-ui/components 14.0.0-beta.1 → 14.0.0

package/dist/avatar/index.d.mts

@@ -0,0 +1,15 @@
+import { AvatarImage } from './AvatarImage';
+import { AvatarAction } from './AvatarAction';
+import { AvatarOnlineBadge } from './AvatarOnlineBadge';
+import { AvatarUser } from './AvatarUser';
+import { AvatarPlaceholder } from './AvatarPlaceholder';
+import { AvatarProps } from './types';
+export interface AvatarComponent extends React.ForwardRefExoticComponent<AvatarProps & React.RefAttributes<HTMLDivElement>> {
+    Image: typeof AvatarImage;
+    Action: typeof AvatarAction;
+    OnlineBadge: typeof AvatarOnlineBadge;
+    User: typeof AvatarUser;
+    Placeholder: typeof AvatarPlaceholder;
+}
+declare const AvatarComponent: AvatarComponent;
+export { AvatarComponent as Avatar };

package/dist/avatar/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const x=require("react/jsx-runtime"),m=require("../index-DnaHaH_0.js"),N=require("react"),h=require("../Slot-ghrohQLA.js"),q=require("@spark-ui/icons/PenOutline"),w=require("../Icon-Bf0XrmiR.js"),R=require("../IconButton-Bf-EDzpI.js");function $(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const a=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,a.get?a:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const b=$(N),P=b.createContext(void 0),v=()=>{const e=b.useContext(P);if(!e)throw new Error("useAvatarContext must be used within an Avatar component");return e},j={xs:24,sm:32,md:40,lg:56,xl:64,"2xl":96},z=b.forwardRef(({className:e,size:n="xl",isOnline:t=!1,onlineText:a,username:s,asChild:l,children:i,shape:c="circle",...o},u)=>{const d=l?h.Slot:"div",r=b.useMemo(()=>({size:n,isOnline:t,onlineText:a,username:s,shape:c,pixelSize:j[n]}),[n,t,s,c,a]);return x.jsx(P.Provider,{value:r,children:x.jsx(d,{ref:u,style:{width:j[n],height:j[n]},"data-spark-component":"avatar",className:m.cx("relative inline-flex items-center justify-center",e),...o,children:i})})});z.displayName="Avatar";const O=({className:e,asChild:n,src:t,onLoad:a,onError:s,...l})=>{const{username:i,isOnline:c,onlineText:o}=v(),u=n?h.Slot:"img",[d,r]=N.useState(!1),y=c&&o?`${i} (${o})`:i;if(N.useEffect(()=>{r(!1)},[t]),!t)return null;const g=A=>{r(!0),a?.(A)},p=A=>{r(!1),s?.(A)};return x.jsx(u,{"aria-hidden":!0,className:m.cx("absolute inset-0 size-full","object-cover",{"transition-all duration-300 group-hover:scale-120":l.onClick},"focus-visible:u-outline",d?"block":"hidden",e),alt:y,src:t,onLoad:g,onError:p,...l})};O.displayName="AvatarImage";const S=({className:e,children:n,asChild:t,angle:a=135,ariaLabel:s,...l})=>{const i=t?h.Slot:R.IconButton,{pixelSize:c,shape:o}=v();function u(y){const g=(90-a)*Math.PI/180,p=y/2;return{x:p+p*Math.cos(g),y:p-p*Math.sin(g)}}const d=u(c),r=t;return x.jsx(i,{"data-spark-component":"avatar-action",style:{position:"absolute",...o==="circle"?{left:`${d.x}px`,top:`${d.y}px`}:{},...o==="square"?{right:"0px",bottom:"0px"}:{}},className:m.cx("z-raised",o==="circle"?"-translate-x-1/2 -translate-y-1/2":"translate-x-1/4 translate-y-1/4",{"shadow-sm":!r},e),"aria-label":s,title:s,...r?{}:{size:"sm",intent:"support",design:"contrast"},...l,children:n||x.jsx(w.Icon,{size:"sm",children:x.jsx(q.PenOutline,{})})})};S.displayName="AvatarAction";const C=({angle:e=135,...n})=>{const{isOnline:t,pixelSize:a,shape:s,onlineText:l,size:i}=v();if(!t)return null;function c(u){const d=(90-e)*Math.PI/180,r=u/2;return{x:r+r*Math.cos(d),y:r-r*Math.sin(d)}}const o=c(a);return x.jsx("div",{"data-spark-component":"avatar-online-badge",role:"status","aria-label":l,style:{...s==="circle"?{left:`${o.x}px`,top:`${o.y}px`}:{right:"0px",bottom:"0px"}},className:m.cx("bg-success outline-surface absolute rounded-full",s==="circle"?"-translate-x-1/2 -translate-y-1/2":"translate-x-1/4 translate-y-1/4",["lg","xl","2xl"].includes(i)?m.cx("size-sz-12 outline-4"):m.cx("size-sz-8 outline-2")),...n})};C.displayName="AvatarOnlineBadge";const I=({asChild:e,children:n,className:t,...a})=>{const{shape:s,isOnline:l,onlineText:i,username:c}=v(),o=e?h.Slot:"div",u=l&&i?`${c} (${i})`:c;return x.jsx(o,{...!e&&{role:"img"},"aria-label":u,title:u,className:m.cx("group default:border-outline relative size-full overflow-hidden","focus-visible:u-outline",{"default:rounded-full":s==="circle","default:rounded-md":s==="square","hover:opacity-dim-1 cursor-pointer":e||a.onClick},t),...a,children:n})};I.displayName="AvatarUser";const M=({className:e,children:n,...t})=>{const{size:a,username:s}=v(),l=s?.charAt(0);return x.jsx("div",{"aria-hidden":!0,className:m.cx("absolute inset-0 flex size-full items-center justify-center","default:bg-neutral default:text-on-neutral",{"text-display-1":a==="2xl","text-display-2":["xl","lg"].includes(a),"text-display-3":a==="md","text-headline-2":a==="sm","text-body-2 font-bold":a==="xs"},e),...t,children:n||l})};M.displayName="AvatarPlaceholder";const f=z;f.Image=O;f.Action=S;f.OnlineBadge=C;f.User=I;f.Placeholder=M;exports.Avatar=f;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const x=require("react/jsx-runtime"),m=require("class-variance-authority"),N=require("react"),h=require("../Slot-DQ8z2zsy.js"),q=require("@spark-ui/icons/PenOutline"),w=require("../Icon-CF0W0LKr.js"),R=require("../IconButton-D3g86WpZ.js");function $(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const a=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,a.get?a:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const b=$(N),P=b.createContext(void 0),v=()=>{const e=b.useContext(P);if(!e)throw new Error("useAvatarContext must be used within an Avatar component");return e},j={xs:24,sm:32,md:40,lg:56,xl:64,"2xl":96},z=b.forwardRef(({className:e,size:n="xl",isOnline:t=!1,onlineText:a,username:s,asChild:l,children:i,shape:c="circle",...o},u)=>{const d=l?h.Slot:"div",r=b.useMemo(()=>({size:n,isOnline:t,onlineText:a,username:s,shape:c,pixelSize:j[n]}),[n,t,s,c,a]);return x.jsx(P.Provider,{value:r,children:x.jsx(d,{ref:u,style:{width:j[n],height:j[n]},"data-spark-component":"avatar",className:m.cx("relative inline-flex items-center justify-center",e),...o,children:i})})});z.displayName="Avatar";const O=({className:e,asChild:n,src:t,onLoad:a,onError:s,...l})=>{const{username:i,isOnline:c,onlineText:o}=v(),u=n?h.Slot:"img",[d,r]=N.useState(!1),y=c&&o?`${i} (${o})`:i;if(N.useEffect(()=>{r(!1)},[t]),!t)return null;const g=A=>{r(!0),a?.(A)},p=A=>{r(!1),s?.(A)};return x.jsx(u,{"aria-hidden":!0,className:m.cx("absolute inset-0 size-full","object-cover",{"transition-all duration-300 group-hover:scale-120":l.onClick},"focus-visible:u-outline",d?"block":"hidden",e),alt:y,src:t,onLoad:g,onError:p,...l})};O.displayName="AvatarImage";const S=({className:e,children:n,asChild:t,angle:a=135,ariaLabel:s,...l})=>{const i=t?h.Slot:R.IconButton,{pixelSize:c,shape:o}=v();function u(y){const g=(90-a)*Math.PI/180,p=y/2;return{x:p+p*Math.cos(g),y:p-p*Math.sin(g)}}const d=u(c),r=t;return x.jsx(i,{"data-spark-component":"avatar-action",style:{position:"absolute",...o==="circle"?{left:`${d.x}px`,top:`${d.y}px`}:{},...o==="square"?{right:"0px",bottom:"0px"}:{}},className:m.cx("z-raised",o==="circle"?"-translate-x-1/2 -translate-y-1/2":"translate-x-1/4 translate-y-1/4",{"shadow-sm":!r},e),"aria-label":s,title:s,...r?{}:{size:"sm",intent:"support",design:"contrast"},...l,children:n||x.jsx(w.Icon,{size:"sm",children:x.jsx(q.PenOutline,{})})})};S.displayName="AvatarAction";const C=({angle:e=135,...n})=>{const{isOnline:t,pixelSize:a,shape:s,onlineText:l,size:i}=v();if(!t)return null;function c(u){const d=(90-e)*Math.PI/180,r=u/2;return{x:r+r*Math.cos(d),y:r-r*Math.sin(d)}}const o=c(a);return x.jsx("div",{"data-spark-component":"avatar-online-badge",role:"status","aria-label":l,style:{...s==="circle"?{left:`${o.x}px`,top:`${o.y}px`}:{right:"0px",bottom:"0px"}},className:m.cx("bg-success outline-surface absolute rounded-full",s==="circle"?"-translate-x-1/2 -translate-y-1/2":"translate-x-1/4 translate-y-1/4",["lg","xl","2xl"].includes(i)?m.cx("size-sz-12 outline-4"):m.cx("size-sz-8 outline-2")),...n})};C.displayName="AvatarOnlineBadge";const I=({asChild:e,children:n,className:t,...a})=>{const{shape:s,isOnline:l,onlineText:i,username:c}=v(),o=e?h.Slot:"div",u=l&&i?`${c} (${i})`:c;return x.jsx(o,{...!e&&{role:"img"},"aria-label":u,title:u,className:m.cx("group default:border-outline relative size-full overflow-hidden","focus-visible:u-outline",{"default:rounded-full":s==="circle","default:rounded-md":s==="square","hover:opacity-dim-1 cursor-pointer":e||a.onClick},t),...a,children:n})};I.displayName="AvatarUser";const M=({className:e,children:n,...t})=>{const{size:a,username:s}=v(),l=s?.charAt(0);return x.jsx("div",{"aria-hidden":!0,className:m.cx("absolute inset-0 flex size-full items-center justify-center","default:bg-neutral default:text-on-neutral",{"text-display-1":a==="2xl","text-display-2":["xl","lg"].includes(a),"text-display-3":a==="md","text-headline-2":a==="sm","text-body-2 font-bold":a==="xs"},e),...t,children:n||l})};M.displayName="AvatarPlaceholder";const f=z;f.Image=O;f.Action=S;f.OnlineBadge=C;f.User=I;f.Placeholder=M;exports.Avatar=f;
 //# sourceMappingURL=index.js.map

package/dist/avatar/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/avatar/context.ts","../../src/avatar/Avatar.tsx","../../src/avatar/AvatarImage.tsx","../../src/avatar/AvatarAction.tsx","../../src/avatar/AvatarOnlineBadge.tsx","../../src/avatar/AvatarUser.tsx","../../src/avatar/AvatarPlaceholder.tsx","../../src/avatar/index.ts"],"sourcesContent":["import * as React from 'react'\nimport type { AvatarContextValue } from './types'\n\nconst AvatarContext = React.createContext<AvatarContextValue | undefined>(undefined)\n\nexport const useAvatarContext = () => {\n  const context = React.useContext(AvatarContext)\n  if (!context) {\n    throw new Error('useAvatarContext must be used within an Avatar component')\n  }\n  return context\n}\n\nexport { AvatarContext }\n","import { cx } from 'class-variance-authority'\nimport * as React from 'react'\n\nimport { Slot } from '../slot'\nimport { AvatarContext } from './context'\nimport type { AvatarProps } from './types'\n\nconst sizeMap = {\n  xs: 24,\n  sm: 32,\n  md: 40,\n  lg: 56,\n  xl: 64, // default\n  '2xl': 96,\n}\n\nexport const Avatar = React.forwardRef<HTMLDivElement, AvatarProps>(\n  (\n    {\n      className,\n      size = 'xl',\n      isOnline = false,\n      onlineText,\n      username,\n      asChild,\n      children,\n      shape = 'circle',\n      ...props\n    },\n    ref\n  ) => {\n    const Comp = asChild ? Slot : 'div'\n    const contextValue = React.useMemo(\n      () => ({\n        size,\n        isOnline,\n        onlineText,\n        username,\n        shape,\n        pixelSize: sizeMap[size],\n      }),\n      [size, isOnline, username, shape, onlineText]\n    )\n\n    return (\n      <AvatarContext.Provider value={contextValue}>\n        <Comp\n          ref={ref}\n          style={{\n            width: sizeMap[size],\n            height: sizeMap[size],\n          }}\n          data-spark-component=\"avatar\"\n          className={cx('relative inline-flex items-center justify-center', className)}\n          {...props}\n        >\n          {children}\n        </Comp>\n      </AvatarContext.Provider>\n    )\n  }\n)\n\nAvatar.displayName = 'Avatar'\n","import { cx } from 'class-variance-authority'\nimport { useEffect, useState } from 'react'\n\nimport { Slot } from '../slot'\nimport { useAvatarContext } from './context'\n\nexport interface AvatarImageProps extends React.ImgHTMLAttributes<HTMLImageElement> {\n  asChild?: boolean\n}\n\nexport const AvatarImage = ({\n  className,\n  asChild,\n  src,\n  onLoad,\n  onError,\n  ...props\n}: AvatarImageProps) => {\n  const { username, isOnline, onlineText } = useAvatarContext()\n  const Comp = asChild ? Slot : 'img'\n\n  const [isVisible, setIsVisible] = useState(false)\n\n  const accessibleName = isOnline && onlineText ? `${username} (${onlineText})` : username\n\n  // Reset visibility when src changes\n  useEffect(() => {\n    setIsVisible(false)\n  }, [src])\n\n  // Don't render the image if src is undefined or null\n  if (!src) {\n    return null\n  }\n\n  const handleLoad = (event: React.SyntheticEvent<HTMLImageElement, Event>) => {\n    setIsVisible(true)\n    onLoad?.(event)\n  }\n\n  const handleError = (event: React.SyntheticEvent<HTMLImageElement, Event>) => {\n    setIsVisible(false)\n    onError?.(event)\n  }\n\n  return (\n    <Comp\n      aria-hidden\n      className={cx(\n        'absolute inset-0 size-full',\n        'object-cover',\n        { 'transition-all duration-300 group-hover:scale-120': props.onClick },\n        'focus-visible:u-outline',\n        isVisible ? 'block' : 'hidden',\n        className\n      )}\n      alt={accessibleName}\n      src={src}\n      onLoad={handleLoad}\n      onError={handleError}\n      {...props}\n    />\n  )\n}\n\nAvatarImage.displayName = 'AvatarImage'\n","import { PenOutline } from '@spark-ui/icons/PenOutline'\nimport { cx } from 'class-variance-authority'\n\nimport { Icon } from '../icon'\nimport { IconButton } from '../icon-button'\nimport { Slot } from '../slot'\nimport { useAvatarContext } from './context'\n\nexport interface AvatarActionProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  asChild?: boolean\n  angle?: number\n  ariaLabel: string\n}\n\nexport const AvatarAction = ({\n  className,\n  children,\n  asChild,\n  angle = 135,\n  ariaLabel,\n  ...props\n}: AvatarActionProps) => {\n  const Comp = asChild ? Slot : IconButton\n  const { pixelSize, shape } = useAvatarContext()\n\n  function getBadgePosition(circleSize: number) {\n    const angleRad = ((90 - angle) * Math.PI) / 180\n    const circleRadius = circleSize / 2\n\n    return {\n      x: circleRadius + circleRadius * Math.cos(angleRad),\n      y: circleRadius - circleRadius * Math.sin(angleRad),\n    }\n  }\n\n  const position = getBadgePosition(pixelSize)\n\n  const isCustomElement = asChild\n\n  return (\n    <Comp\n      data-spark-component=\"avatar-action\"\n      style={{\n        position: 'absolute',\n        ...(shape === 'circle' ? { left: `${position.x}px`, top: `${position.y}px` } : {}),\n        ...(shape === 'square' ? { right: '0px', bottom: '0px' } : {}),\n      }}\n      className={cx(\n        'z-raised',\n        shape === 'circle'\n          ? '-translate-x-1/2 -translate-y-1/2'\n          : 'translate-x-1/4 translate-y-1/4',\n        { 'shadow-sm': !isCustomElement },\n        className\n      )}\n      aria-label={ariaLabel}\n      title={ariaLabel}\n      {...(!isCustomElement ? { size: 'sm', intent: 'support', design: 'contrast' } : {})}\n      {...props}\n    >\n      {children || (\n        <Icon size=\"sm\">\n          <PenOutline />\n        </Icon>\n      )}\n    </Comp>\n  )\n}\n\nAvatarAction.displayName = 'AvatarAction'\n","import { cx } from 'class-variance-authority'\nimport { ComponentPropsWithoutRef } from 'react'\n\nimport { useAvatarContext } from './context'\n\ninterface AvatarOnlineBadgeProps extends ComponentPropsWithoutRef<'div'> {\n  angle?: number\n}\n\nexport const AvatarOnlineBadge = ({ angle = 135, ...props }: AvatarOnlineBadgeProps) => {\n  const { isOnline, pixelSize, shape, onlineText, size } = useAvatarContext()\n\n  if (!isOnline) return null\n\n  function getBadgePosition(circleSize: number) {\n    const angleRad = ((90 - angle) * Math.PI) / 180\n    const circleRadius = circleSize / 2\n\n    return {\n      x: circleRadius + circleRadius * Math.cos(angleRad),\n      y: circleRadius - circleRadius * Math.sin(angleRad),\n    }\n  }\n\n  const badgePosition = getBadgePosition(pixelSize)\n\n  return (\n    <div\n      data-spark-component=\"avatar-online-badge\"\n      role=\"status\"\n      aria-label={onlineText}\n      style={{\n        ...(shape === 'circle'\n          ? { left: `${badgePosition.x}px`, top: `${badgePosition.y}px` }\n          : { right: '0px', bottom: '0px' }),\n      }}\n      className={cx(\n        'bg-success outline-surface absolute rounded-full',\n        shape === 'circle'\n          ? '-translate-x-1/2 -translate-y-1/2'\n          : 'translate-x-1/4 translate-y-1/4',\n        ['lg', 'xl', '2xl'].includes(size) ? cx('size-sz-12 outline-4') : cx('size-sz-8 outline-2')\n      )}\n      {...props}\n    />\n  )\n}\n\nAvatarOnlineBadge.displayName = 'AvatarOnlineBadge'\n","import { cx } from 'class-variance-authority'\n\nimport { Slot } from '../slot'\nimport { useAvatarContext } from './context'\n\nexport interface AvatarImageProps extends React.ImgHTMLAttributes<HTMLDivElement> {\n  asChild?: boolean\n}\n\nexport const AvatarUser = ({ asChild, children, className, ...props }: AvatarImageProps) => {\n  const { shape, isOnline, onlineText, username } = useAvatarContext()\n  const Comp = asChild ? Slot : 'div'\n\n  const accessibleName = isOnline && onlineText ? `${username} (${onlineText})` : username\n\n  return (\n    <Comp\n      {...(!asChild && { role: 'img' })}\n      aria-label={accessibleName}\n      title={accessibleName}\n      className={cx(\n        'group default:border-outline relative size-full overflow-hidden',\n        'focus-visible:u-outline',\n        {\n          'default:rounded-full': shape === 'circle',\n          'default:rounded-md': shape === 'square',\n          'hover:opacity-dim-1 cursor-pointer': asChild || props.onClick,\n        },\n        className\n      )}\n      {...props}\n    >\n      {children}\n    </Comp>\n  )\n}\n\nAvatarUser.displayName = 'AvatarUser'\n","import { cx } from 'class-variance-authority'\n\nimport { useAvatarContext } from './context'\n\nexport interface AvatarPlaceholderProps extends React.ImgHTMLAttributes<HTMLDivElement> {\n  className?: string\n  children?: React.ReactNode\n}\n\nexport const AvatarPlaceholder = ({ className, children, ...props }: AvatarPlaceholderProps) => {\n  const { size, username } = useAvatarContext()\n\n  const firstLetter = username?.charAt(0)\n\n  return (\n    <div\n      aria-hidden\n      className={cx(\n        'absolute inset-0 flex size-full items-center justify-center',\n        'default:bg-neutral default:text-on-neutral',\n        {\n          'text-display-1': size === '2xl',\n          'text-display-2': ['xl', 'lg'].includes(size),\n          'text-display-3': size === 'md',\n          'text-headline-2': size === 'sm',\n          'text-body-2 font-bold': size === 'xs',\n        },\n        className\n      )}\n      {...props}\n    >\n      {children || firstLetter}\n    </div>\n  )\n}\n\nAvatarPlaceholder.displayName = 'AvatarPlaceholder'\n","import { Avatar } from './Avatar'\nimport { AvatarImage } from './AvatarImage'\nimport { AvatarAction } from './AvatarAction'\nimport { AvatarOnlineBadge } from './AvatarOnlineBadge'\nimport { AvatarUser } from './AvatarUser'\nimport { AvatarPlaceholder } from './AvatarPlaceholder'\nimport type { AvatarProps } from './types'\n\nexport interface AvatarComponent\n  extends React.ForwardRefExoticComponent<AvatarProps & React.RefAttributes<HTMLDivElement>> {\n  Image: typeof AvatarImage\n  Action: typeof AvatarAction\n  OnlineBadge: typeof AvatarOnlineBadge\n  User: typeof AvatarUser\n  Placeholder: typeof AvatarPlaceholder\n}\n\nconst AvatarComponent = Avatar as AvatarComponent\n\nAvatarComponent.Image = AvatarImage\nAvatarComponent.Action = AvatarAction\nAvatarComponent.OnlineBadge = AvatarOnlineBadge\nAvatarComponent.User = AvatarUser\nAvatarComponent.Placeholder = AvatarPlaceholder\nexport { AvatarComponent as Avatar }\n"],"names":["AvatarContext","React","useAvatarContext","context","sizeMap","Avatar","className","size","isOnline","onlineText","username","asChild","children","shape","props","ref","Comp","Slot","contextValue","jsx","cx","AvatarImage","src","onLoad","onError","isVisible","setIsVisible","useState","accessibleName","useEffect","handleLoad","event","handleError","AvatarAction","angle","ariaLabel","IconButton","pixelSize","getBadgePosition","circleSize","angleRad","circleRadius","position","isCustomElement","Icon","PenOutline","AvatarOnlineBadge","badgePosition","AvatarUser","AvatarPlaceholder","firstLetter","AvatarComponent"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../src/avatar/context.ts","../../src/avatar/Avatar.tsx","../../src/avatar/AvatarImage.tsx","../../src/avatar/AvatarAction.tsx","../../src/avatar/AvatarOnlineBadge.tsx","../../src/avatar/AvatarUser.tsx","../../src/avatar/AvatarPlaceholder.tsx","../../src/avatar/index.ts"],"sourcesContent":["import * as React from 'react'\nimport type { AvatarContextValue } from './types'\n\nconst AvatarContext = React.createContext<AvatarContextValue | undefined>(undefined)\n\nexport const useAvatarContext = () => {\n  const context = React.useContext(AvatarContext)\n  if (!context) {\n    throw new Error('useAvatarContext must be used within an Avatar component')\n  }\n  return context\n}\n\nexport { AvatarContext }\n","import { cx } from 'class-variance-authority'\nimport * as React from 'react'\n\nimport { Slot } from '../slot'\nimport { AvatarContext } from './context'\nimport type { AvatarProps } from './types'\n\nconst sizeMap = {\n  xs: 24,\n  sm: 32,\n  md: 40,\n  lg: 56,\n  xl: 64, // default\n  '2xl': 96,\n}\n\nexport const Avatar = React.forwardRef<HTMLDivElement, AvatarProps>(\n  (\n    {\n      className,\n      size = 'xl',\n      isOnline = false,\n      onlineText,\n      username,\n      asChild,\n      children,\n      shape = 'circle',\n      ...props\n    },\n    ref\n  ) => {\n    const Comp = asChild ? Slot : 'div'\n    const contextValue = React.useMemo(\n      () => ({\n        size,\n        isOnline,\n        onlineText,\n        username,\n        shape,\n        pixelSize: sizeMap[size],\n      }),\n      [size, isOnline, username, shape, onlineText]\n    )\n\n    return (\n      <AvatarContext.Provider value={contextValue}>\n        <Comp\n          ref={ref}\n          style={{\n            width: sizeMap[size],\n            height: sizeMap[size],\n          }}\n          data-spark-component=\"avatar\"\n          className={cx('relative inline-flex items-center justify-center', className)}\n          {...props}\n        >\n          {children}\n        </Comp>\n      </AvatarContext.Provider>\n    )\n  }\n)\n\nAvatar.displayName = 'Avatar'\n","import { cx } from 'class-variance-authority'\nimport { useEffect, useState } from 'react'\n\nimport { Slot } from '../slot'\nimport { useAvatarContext } from './context'\n\nexport interface AvatarImageProps extends React.ImgHTMLAttributes<HTMLImageElement> {\n  asChild?: boolean\n}\n\nexport const AvatarImage = ({\n  className,\n  asChild,\n  src,\n  onLoad,\n  onError,\n  ...props\n}: AvatarImageProps) => {\n  const { username, isOnline, onlineText } = useAvatarContext()\n  const Comp = asChild ? Slot : 'img'\n\n  const [isVisible, setIsVisible] = useState(false)\n\n  const accessibleName = isOnline && onlineText ? `${username} (${onlineText})` : username\n\n  // Reset visibility when src changes\n  useEffect(() => {\n    setIsVisible(false)\n  }, [src])\n\n  // Don't render the image if src is undefined or null\n  if (!src) {\n    return null\n  }\n\n  const handleLoad = (event: React.SyntheticEvent<HTMLImageElement, Event>) => {\n    setIsVisible(true)\n    onLoad?.(event)\n  }\n\n  const handleError = (event: React.SyntheticEvent<HTMLImageElement, Event>) => {\n    setIsVisible(false)\n    onError?.(event)\n  }\n\n  return (\n    <Comp\n      aria-hidden\n      className={cx(\n        'absolute inset-0 size-full',\n        'object-cover',\n        { 'transition-all duration-300 group-hover:scale-120': props.onClick },\n        'focus-visible:u-outline',\n        isVisible ? 'block' : 'hidden',\n        className\n      )}\n      alt={accessibleName}\n      src={src}\n      onLoad={handleLoad}\n      onError={handleError}\n      {...props}\n    />\n  )\n}\n\nAvatarImage.displayName = 'AvatarImage'\n","import { PenOutline } from '@spark-ui/icons/PenOutline'\nimport { cx } from 'class-variance-authority'\n\nimport { Icon } from '../icon'\nimport { IconButton } from '../icon-button'\nimport { Slot } from '../slot'\nimport { useAvatarContext } from './context'\n\nexport interface AvatarActionProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  asChild?: boolean\n  angle?: number\n  ariaLabel: string\n}\n\nexport const AvatarAction = ({\n  className,\n  children,\n  asChild,\n  angle = 135,\n  ariaLabel,\n  ...props\n}: AvatarActionProps) => {\n  const Comp = asChild ? Slot : IconButton\n  const { pixelSize, shape } = useAvatarContext()\n\n  function getBadgePosition(circleSize: number) {\n    const angleRad = ((90 - angle) * Math.PI) / 180\n    const circleRadius = circleSize / 2\n\n    return {\n      x: circleRadius + circleRadius * Math.cos(angleRad),\n      y: circleRadius - circleRadius * Math.sin(angleRad),\n    }\n  }\n\n  const position = getBadgePosition(pixelSize)\n\n  const isCustomElement = asChild\n\n  return (\n    <Comp\n      data-spark-component=\"avatar-action\"\n      style={{\n        position: 'absolute',\n        ...(shape === 'circle' ? { left: `${position.x}px`, top: `${position.y}px` } : {}),\n        ...(shape === 'square' ? { right: '0px', bottom: '0px' } : {}),\n      }}\n      className={cx(\n        'z-raised',\n        shape === 'circle'\n          ? '-translate-x-1/2 -translate-y-1/2'\n          : 'translate-x-1/4 translate-y-1/4',\n        { 'shadow-sm': !isCustomElement },\n        className\n      )}\n      aria-label={ariaLabel}\n      title={ariaLabel}\n      {...(!isCustomElement ? { size: 'sm', intent: 'support', design: 'contrast' } : {})}\n      {...props}\n    >\n      {children || (\n        <Icon size=\"sm\">\n          <PenOutline />\n        </Icon>\n      )}\n    </Comp>\n  )\n}\n\nAvatarAction.displayName = 'AvatarAction'\n","import { cx } from 'class-variance-authority'\nimport { ComponentPropsWithoutRef } from 'react'\n\nimport { useAvatarContext } from './context'\n\ninterface AvatarOnlineBadgeProps extends ComponentPropsWithoutRef<'div'> {\n  angle?: number\n}\n\nexport const AvatarOnlineBadge = ({ angle = 135, ...props }: AvatarOnlineBadgeProps) => {\n  const { isOnline, pixelSize, shape, onlineText, size } = useAvatarContext()\n\n  if (!isOnline) return null\n\n  function getBadgePosition(circleSize: number) {\n    const angleRad = ((90 - angle) * Math.PI) / 180\n    const circleRadius = circleSize / 2\n\n    return {\n      x: circleRadius + circleRadius * Math.cos(angleRad),\n      y: circleRadius - circleRadius * Math.sin(angleRad),\n    }\n  }\n\n  const badgePosition = getBadgePosition(pixelSize)\n\n  return (\n    <div\n      data-spark-component=\"avatar-online-badge\"\n      role=\"status\"\n      aria-label={onlineText}\n      style={{\n        ...(shape === 'circle'\n          ? { left: `${badgePosition.x}px`, top: `${badgePosition.y}px` }\n          : { right: '0px', bottom: '0px' }),\n      }}\n      className={cx(\n        'bg-success outline-surface absolute rounded-full',\n        shape === 'circle'\n          ? '-translate-x-1/2 -translate-y-1/2'\n          : 'translate-x-1/4 translate-y-1/4',\n        ['lg', 'xl', '2xl'].includes(size) ? cx('size-sz-12 outline-4') : cx('size-sz-8 outline-2')\n      )}\n      {...props}\n    />\n  )\n}\n\nAvatarOnlineBadge.displayName = 'AvatarOnlineBadge'\n","import { cx } from 'class-variance-authority'\n\nimport { Slot } from '../slot'\nimport { useAvatarContext } from './context'\n\nexport interface AvatarImageProps extends React.ImgHTMLAttributes<HTMLDivElement> {\n  asChild?: boolean\n}\n\nexport const AvatarUser = ({ asChild, children, className, ...props }: AvatarImageProps) => {\n  const { shape, isOnline, onlineText, username } = useAvatarContext()\n  const Comp = asChild ? Slot : 'div'\n\n  const accessibleName = isOnline && onlineText ? `${username} (${onlineText})` : username\n\n  return (\n    <Comp\n      {...(!asChild && { role: 'img' })}\n      aria-label={accessibleName}\n      title={accessibleName}\n      className={cx(\n        'group default:border-outline relative size-full overflow-hidden',\n        'focus-visible:u-outline',\n        {\n          'default:rounded-full': shape === 'circle',\n          'default:rounded-md': shape === 'square',\n          'hover:opacity-dim-1 cursor-pointer': asChild || props.onClick,\n        },\n        className\n      )}\n      {...props}\n    >\n      {children}\n    </Comp>\n  )\n}\n\nAvatarUser.displayName = 'AvatarUser'\n","import { cx } from 'class-variance-authority'\n\nimport { useAvatarContext } from './context'\n\nexport interface AvatarPlaceholderProps extends React.ImgHTMLAttributes<HTMLDivElement> {\n  className?: string\n  children?: React.ReactNode\n}\n\nexport const AvatarPlaceholder = ({ className, children, ...props }: AvatarPlaceholderProps) => {\n  const { size, username } = useAvatarContext()\n\n  const firstLetter = username?.charAt(0)\n\n  return (\n    <div\n      aria-hidden\n      className={cx(\n        'absolute inset-0 flex size-full items-center justify-center',\n        'default:bg-neutral default:text-on-neutral',\n        {\n          'text-display-1': size === '2xl',\n          'text-display-2': ['xl', 'lg'].includes(size),\n          'text-display-3': size === 'md',\n          'text-headline-2': size === 'sm',\n          'text-body-2 font-bold': size === 'xs',\n        },\n        className\n      )}\n      {...props}\n    >\n      {children || firstLetter}\n    </div>\n  )\n}\n\nAvatarPlaceholder.displayName = 'AvatarPlaceholder'\n","import { Avatar } from './Avatar'\nimport { AvatarImage } from './AvatarImage'\nimport { AvatarAction } from './AvatarAction'\nimport { AvatarOnlineBadge } from './AvatarOnlineBadge'\nimport { AvatarUser } from './AvatarUser'\nimport { AvatarPlaceholder } from './AvatarPlaceholder'\nimport type { AvatarProps } from './types'\n\nexport interface AvatarComponent\n  extends React.ForwardRefExoticComponent<AvatarProps & React.RefAttributes<HTMLDivElement>> {\n  Image: typeof AvatarImage\n  Action: typeof AvatarAction\n  OnlineBadge: typeof AvatarOnlineBadge\n  User: typeof AvatarUser\n  Placeholder: typeof AvatarPlaceholder\n}\n\nconst AvatarComponent = Avatar as AvatarComponent\n\nAvatarComponent.Image = AvatarImage\nAvatarComponent.Action = AvatarAction\nAvatarComponent.OnlineBadge = AvatarOnlineBadge\nAvatarComponent.User = AvatarUser\nAvatarComponent.Placeholder = AvatarPlaceholder\nexport { AvatarComponent as Avatar }\n"],"names":["AvatarContext","React","useAvatarContext","context","sizeMap","Avatar","className","size","isOnline","onlineText","username","asChild","children","shape","props","ref","Comp","Slot","contextValue","jsx","cx","AvatarImage","src","onLoad","onError","isVisible","setIsVisible","useState","accessibleName","useEffect","handleLoad","event","handleError","AvatarAction","angle","ariaLabel","IconButton","pixelSize","getBadgePosition","circleSize","angleRad","circleRadius","position","isCustomElement","Icon","PenOutline","AvatarOnlineBadge","badgePosition","AvatarUser","AvatarPlaceholder","firstLetter","AvatarComponent"],"mappings":"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"}

package/dist/avatar/index.mjs

@@ -1,11 +1,11 @@
 import { jsx as m } from "react/jsx-runtime";
-import { a as p } from "../index-BmAFn37q.mjs";
+import { cx as p } from "class-variance-authority";
 import * as g from "react";
 import { useState as k, useEffect as B } from "react";
-import { a as b } from "../Slot-C98rL4yy.mjs";
+import { a as b } from "../Slot-D2Bbf8Gw.mjs";
 import { PenOutline as O } from "@spark-ui/icons/PenOutline";
-import { I as R } from "../Icon-D1RueiPY.mjs";
-import { I as E } from "../IconButton-BY3gYXtU.mjs";
+import { I as R } from "../Icon-Ck-dhfLd.mjs";
+import { I as E } from "../IconButton-C62-axzv.mjs";
 const z = g.createContext(void 0), f = () => {
   const t = g.useContext(z);
   if (!t)

package/dist/badge/index.d.mts

@@ -0,0 +1 @@
+export * from './Badge';

package/dist/badge/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),c=require("@spark-ui/internal-utils"),x=require("../index-DnaHaH_0.js"),f=x.cva(["inline-flex h-fit","empty:p-0","text-center font-bold","rounded-full box-content"],{variants:{intent:c.makeVariants({main:["bg-main","text-on-main","border-surface"],support:["bg-support","text-on-support","border-surface"],accent:["bg-accent","text-on-accent","border-surface"],success:["bg-success","text-on-success","border-surface"],alert:["bg-alert","text-on-alert","border-surface"],danger:["bg-error","text-on-error","border-surface"],info:["bg-info","text-on-info","border-surface"],neutral:["bg-neutral","text-on-neutral","border-surface"],surface:["bg-surface","text-on-surface","border-surface"],basic:["bg-basic","text-on-basic","border-surface"]}),size:c.makeVariants({sm:["text-small","px-[var(--spacing-sz-6)] py-[var(--spacing-sz-2)]","empty:size-sz-8"],md:["text-caption","px-md py-sm","empty:size-sz-16"]}),type:{relative:["absolute right-0 border-md","translate-x-1/2 -translate-y-1/2"],standalone:[]}},defaultVariants:{intent:"danger",size:"md",type:"relative"}}),i=({intent:e="danger",size:t="md",type:o="relative",count:a,overflowCount:s=99,"aria-label":n,className:l,...u})=>{const b=a&&a>s,p=typeof n=="function"?n({count:a,overflowCount:s}):n,m={...u,"aria-label":p};return r.jsx("span",{"data-spark-component":"badge",role:"status",className:f({intent:e,size:t,type:o,className:l}),...m,children:b?`${s}+`:a})};i.displayName="BadgeItem";const d=({children:e,...t})=>!e?r.jsx(i,{type:"standalone",...t}):r.jsxs("div",{className:"relative inline-flex",children:[e,r.jsx(i,{...t})]});d.displayName="Badge";exports.Badge=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),c=require("@spark-ui/internal-utils"),f=require("class-variance-authority"),g=f.cva(["inline-flex h-fit","empty:p-0","text-center font-bold","rounded-full box-content"],{variants:{intent:c.makeVariants({main:["bg-main","text-on-main","border-surface"],support:["bg-support","text-on-support","border-surface"],accent:["bg-accent","text-on-accent","border-surface"],success:["bg-success","text-on-success","border-surface"],alert:["bg-alert","text-on-alert","border-surface"],danger:["bg-error","text-on-error","border-surface"],info:["bg-info","text-on-info","border-surface"],neutral:["bg-neutral","text-on-neutral","border-surface"],surface:["bg-surface","text-on-surface","border-surface"],basic:["bg-basic","text-on-basic","border-surface"]}),size:c.makeVariants({sm:["text-small","px-[var(--spacing-sz-6)] py-[var(--spacing-sz-2)]","empty:size-sz-8"],md:["text-caption","px-md py-sm","empty:size-sz-16"]}),type:{relative:["absolute right-0 border-md","translate-x-1/2 -translate-y-1/2"],standalone:[]}},defaultVariants:{intent:"danger",size:"md",type:"relative"}}),i=({intent:e="danger",size:t="md",type:o="relative",count:a,overflowCount:s=99,"aria-label":n,className:l,...u})=>{const b=a&&a>s,p=typeof n=="function"?n({count:a,overflowCount:s}):n,m={...u,"aria-label":p};return r.jsx("span",{"data-spark-component":"badge",role:"status",className:g({intent:e,size:t,type:o,className:l}),...m,children:b?`${s}+`:a})};i.displayName="BadgeItem";const d=({children:e,...t})=>!e?r.jsx(i,{type:"standalone",...t}):r.jsxs("div",{className:"relative inline-flex",children:[e,r.jsx(i,{...t})]});d.displayName="Badge";exports.Badge=d;
 //# sourceMappingURL=index.js.map

package/dist/badge/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/badge/BadgeItem.styles.tsx","../../src/badge/BadgeItem.tsx","../../src/badge/Badge.tsx"],"sourcesContent":["import { makeVariants } from '@spark-ui/internal-utils'\nimport { cva, VariantProps } from 'class-variance-authority'\n\nexport const styles = cva(\n  ['inline-flex h-fit', 'empty:p-0', 'text-center font-bold', 'rounded-full box-content'],\n  {\n    variants: {\n      /**\n       * Visual color appearance of the component.\n       * @default 'danger'\n       */\n      intent: makeVariants<\n        'intent',\n        [\n          'main',\n          'support',\n          'accent',\n          'success',\n          'alert',\n          'danger',\n          'info',\n          'neutral',\n          'surface',\n          'basic',\n        ]\n      >({\n        main: ['bg-main', 'text-on-main', 'border-surface'],\n        support: ['bg-support', 'text-on-support', 'border-surface'],\n        accent: ['bg-accent', 'text-on-accent', 'border-surface'],\n        success: ['bg-success', 'text-on-success', 'border-surface'],\n        alert: ['bg-alert', 'text-on-alert', 'border-surface'],\n        danger: ['bg-error', 'text-on-error', 'border-surface'],\n        info: ['bg-info', 'text-on-info', 'border-surface'],\n        neutral: ['bg-neutral', 'text-on-neutral', 'border-surface'],\n        surface: ['bg-surface', 'text-on-surface', 'border-surface'],\n        basic: ['bg-basic', 'text-on-basic', 'border-surface'],\n      }),\n      /**\n       * Size of the component.\n       * @default 'md'\n       */\n      size: makeVariants<'size', ['sm', 'md']>({\n        sm: ['text-small', 'px-[var(--spacing-sz-6)] py-[var(--spacing-sz-2)]', 'empty:size-sz-8'],\n        md: ['text-caption', 'px-md py-sm', 'empty:size-sz-16'],\n      }),\n      /**\n       * Type of the component.\n       * @default 'relative'\n       */\n      type: {\n        relative: ['absolute right-0 border-md', 'translate-x-1/2 -translate-y-1/2'],\n        standalone: [],\n      },\n    },\n    defaultVariants: {\n      intent: 'danger',\n      size: 'md',\n      type: 'relative',\n    },\n  }\n)\n\nexport type StylesProps = VariantProps<typeof styles>\n","import { HTMLAttributes, Ref } from 'react'\n\nimport { styles, type StylesProps } from './BadgeItem.styles'\n\nexport interface BadgeItemProps\n  extends Omit<HTMLAttributes<HTMLSpanElement>, 'aria-label'>,\n    StylesProps {\n  /**\n   * Numeric value used as indicator inside the component.\n   */\n  count?: number\n  /**\n   * Maximum numeric value to be dispayed as a count value.\n   * @default 99\n   */\n  overflowCount?: number\n  /**\n   * A custom label for accessibility purposes. It can also be defined as a builder function\n   * to handle dynamic inner data to create a custom label.\n   */\n  'aria-label'?:\n    | string\n    | (({ count, overflowCount }: { count?: number; overflowCount?: number }) => string)\n  /**\n   * Describes the way the component is displayed: relative to another element or just standalone.\n   * @default 'relative'\n   */\n  type?: 'relative' | 'standalone'\n  ref?: Ref<HTMLSpanElement>\n}\n\nexport const BadgeItem = ({\n  intent = 'danger',\n  size = 'md',\n  type = 'relative',\n  count,\n  overflowCount = 99,\n  'aria-label': label,\n  className,\n  ...others\n}: BadgeItemProps) => {\n  const hasOverflow = count && count > overflowCount\n  const ariaLabel = typeof label === 'function' ? label({ count, overflowCount }) : label\n  const props = { ...others, 'aria-label': ariaLabel }\n\n  return (\n    <span\n      data-spark-component=\"badge\"\n      role=\"status\"\n      className={styles({\n        intent,\n        size,\n        type,\n        className,\n      })}\n      {...props}\n    >\n      {hasOverflow ? `${overflowCount}+` : count}\n    </span>\n  )\n}\n\nBadgeItem.displayName = 'BadgeItem'\n","import { PropsWithChildren, Ref } from 'react'\n\nimport { BadgeItem, BadgeItemProps } from './BadgeItem'\n\nexport type BadgeProps = PropsWithChildren<Omit<BadgeItemProps, 'type'>> & {\n  ref?: Ref<HTMLElement>\n}\n\nexport const Badge = ({ children, ...props }: BadgeProps) => {\n  const isStandalone = !children\n\n  return isStandalone ? (\n    <BadgeItem type=\"standalone\" {...props} />\n  ) : (\n    <div className=\"relative inline-flex\">\n      {children}\n      <BadgeItem {...props} />\n    </div>\n  )\n}\n\nBadge.displayName = 'Badge'\n"],"names":["styles","cva","makeVariants","BadgeItem","intent","size","type","count","overflowCount","label","className","others","hasOverflow","ariaLabel","props","jsx","Badge","children","jsxs"],"mappings":"6LAGaA,EAASC,EAAAA,IACpB,CAAC,oBAAqB,YAAa,wBAAyB,0BAA0B,EACtF,CACE,SAAU,CAKR,OAAQC,EAAAA,aAcN,CACA,KAAM,CAAC,UAAW,eAAgB,gBAAgB,EAClD,QAAS,CAAC,aAAc,kBAAmB,gBAAgB,EAC3D,OAAQ,CAAC,YAAa,iBAAkB,gBAAgB,EACxD,QAAS,CAAC,aAAc,kBAAmB,gBAAgB,EAC3D,MAAO,CAAC,WAAY,gBAAiB,gBAAgB,EACrD,OAAQ,CAAC,WAAY,gBAAiB,gBAAgB,EACtD,KAAM,CAAC,UAAW,eAAgB,gBAAgB,EAClD,QAAS,CAAC,aAAc,kBAAmB,gBAAgB,EAC3D,QAAS,CAAC,aAAc,kBAAmB,gBAAgB,EAC3D,MAAO,CAAC,WAAY,gBAAiB,gBAAgB,CAAA,CACtD,EAKD,KAAMA,EAAAA,aAAmC,CACvC,GAAI,CAAC,aAAc,oDAAqD,iBAAiB,EACzF,GAAI,CAAC,eAAgB,cAAe,kBAAkB,CAAA,CACvD,EAKD,KAAM,CACJ,SAAU,CAAC,6BAA8B,kCAAkC,EAC3E,WAAY,CAAA,CAAC,CACf,EAEF,gBAAiB,CACf,OAAQ,SACR,KAAM,KACN,KAAM,UAAA,CACR,CAEJ,EC7BaC,EAAY,CAAC,CACxB,OAAAC,EAAS,SACT,KAAAC,EAAO,KACP,KAAAC,EAAO,WACP,MAAAC,EACA,cAAAC,EAAgB,GAChB,aAAcC,EACd,UAAAC,EACA,GAAGC,CACL,IAAsB,CACpB,MAAMC,EAAcL,GAASA,EAAQC,EAC/BK,EAAY,OAAOJ,GAAU,WAAaA,EAAM,CAAE,MAAAF,EAAO,cAAAC,CAAA,CAAe,EAAIC,EAC5EK,EAAQ,CAAE,GAAGH,EAAQ,aAAcE,CAAA,EAEzC,OACEE,EAAAA,IAAC,OAAA,CACC,uBAAqB,QACrB,KAAK,SACL,UAAWf,EAAO,CAChB,OAAAI,EACA,KAAAC,EACA,KAAAC,EACA,UAAAI,CAAA,CACD,EACA,GAAGI,EAEH,SAAAF,EAAc,GAAGJ,CAAa,IAAMD,CAAA,CAAA,CAG3C,EAEAJ,EAAU,YAAc,YCtDjB,MAAMa,EAAQ,CAAC,CAAE,SAAAC,EAAU,GAAGH,KACd,CAACG,EAGpBF,EAAAA,IAACZ,EAAA,CAAU,KAAK,aAAc,GAAGW,CAAA,CAAO,EAExCI,EAAAA,KAAC,MAAA,CAAI,UAAU,uBACZ,SAAA,CAAAD,EACDF,MAACZ,EAAA,CAAW,GAAGW,CAAA,CAAO,CAAA,EACxB,EAIJE,EAAM,YAAc"}
+{"version":3,"file":"index.js","sources":["../../src/badge/BadgeItem.styles.tsx","../../src/badge/BadgeItem.tsx","../../src/badge/Badge.tsx"],"sourcesContent":["import { makeVariants } from '@spark-ui/internal-utils'\nimport { cva, VariantProps } from 'class-variance-authority'\n\nexport const styles = cva(\n  ['inline-flex h-fit', 'empty:p-0', 'text-center font-bold', 'rounded-full box-content'],\n  {\n    variants: {\n      /**\n       * Visual color appearance of the component.\n       * @default 'danger'\n       */\n      intent: makeVariants<\n        'intent',\n        [\n          'main',\n          'support',\n          'accent',\n          'success',\n          'alert',\n          'danger',\n          'info',\n          'neutral',\n          'surface',\n          'basic',\n        ]\n      >({\n        main: ['bg-main', 'text-on-main', 'border-surface'],\n        support: ['bg-support', 'text-on-support', 'border-surface'],\n        accent: ['bg-accent', 'text-on-accent', 'border-surface'],\n        success: ['bg-success', 'text-on-success', 'border-surface'],\n        alert: ['bg-alert', 'text-on-alert', 'border-surface'],\n        danger: ['bg-error', 'text-on-error', 'border-surface'],\n        info: ['bg-info', 'text-on-info', 'border-surface'],\n        neutral: ['bg-neutral', 'text-on-neutral', 'border-surface'],\n        surface: ['bg-surface', 'text-on-surface', 'border-surface'],\n        basic: ['bg-basic', 'text-on-basic', 'border-surface'],\n      }),\n      /**\n       * Size of the component.\n       * @default 'md'\n       */\n      size: makeVariants<'size', ['sm', 'md']>({\n        sm: ['text-small', 'px-[var(--spacing-sz-6)] py-[var(--spacing-sz-2)]', 'empty:size-sz-8'],\n        md: ['text-caption', 'px-md py-sm', 'empty:size-sz-16'],\n      }),\n      /**\n       * Type of the component.\n       * @default 'relative'\n       */\n      type: {\n        relative: ['absolute right-0 border-md', 'translate-x-1/2 -translate-y-1/2'],\n        standalone: [],\n      },\n    },\n    defaultVariants: {\n      intent: 'danger',\n      size: 'md',\n      type: 'relative',\n    },\n  }\n)\n\nexport type StylesProps = VariantProps<typeof styles>\n","import { HTMLAttributes, Ref } from 'react'\n\nimport { styles, type StylesProps } from './BadgeItem.styles'\n\nexport interface BadgeItemProps\n  extends Omit<HTMLAttributes<HTMLSpanElement>, 'aria-label'>,\n    StylesProps {\n  /**\n   * Numeric value used as indicator inside the component.\n   */\n  count?: number\n  /**\n   * Maximum numeric value to be dispayed as a count value.\n   * @default 99\n   */\n  overflowCount?: number\n  /**\n   * A custom label for accessibility purposes. It can also be defined as a builder function\n   * to handle dynamic inner data to create a custom label.\n   */\n  'aria-label'?:\n    | string\n    | (({ count, overflowCount }: { count?: number; overflowCount?: number }) => string)\n  /**\n   * Describes the way the component is displayed: relative to another element or just standalone.\n   * @default 'relative'\n   */\n  type?: 'relative' | 'standalone'\n  ref?: Ref<HTMLSpanElement>\n}\n\nexport const BadgeItem = ({\n  intent = 'danger',\n  size = 'md',\n  type = 'relative',\n  count,\n  overflowCount = 99,\n  'aria-label': label,\n  className,\n  ...others\n}: BadgeItemProps) => {\n  const hasOverflow = count && count > overflowCount\n  const ariaLabel = typeof label === 'function' ? label({ count, overflowCount }) : label\n  const props = { ...others, 'aria-label': ariaLabel }\n\n  return (\n    <span\n      data-spark-component=\"badge\"\n      role=\"status\"\n      className={styles({\n        intent,\n        size,\n        type,\n        className,\n      })}\n      {...props}\n    >\n      {hasOverflow ? `${overflowCount}+` : count}\n    </span>\n  )\n}\n\nBadgeItem.displayName = 'BadgeItem'\n","import { PropsWithChildren, Ref } from 'react'\n\nimport { BadgeItem, BadgeItemProps } from './BadgeItem'\n\nexport type BadgeProps = PropsWithChildren<Omit<BadgeItemProps, 'type'>> & {\n  ref?: Ref<HTMLElement>\n}\n\nexport const Badge = ({ children, ...props }: BadgeProps) => {\n  const isStandalone = !children\n\n  return isStandalone ? (\n    <BadgeItem type=\"standalone\" {...props} />\n  ) : (\n    <div className=\"relative inline-flex\">\n      {children}\n      <BadgeItem {...props} />\n    </div>\n  )\n}\n\nBadge.displayName = 'Badge'\n"],"names":["styles","cva","makeVariants","BadgeItem","intent","size","type","count","overflowCount","label","className","others","hasOverflow","ariaLabel","props","jsx","Badge","children","jsxs"],"mappings":"iMAGaA,EAASC,EAAAA,IACpB,CAAC,oBAAqB,YAAa,wBAAyB,0BAA0B,EACtF,CACE,SAAU,CAKR,OAAQC,EAAAA,aAcN,CACA,KAAM,CAAC,UAAW,eAAgB,gBAAgB,EAClD,QAAS,CAAC,aAAc,kBAAmB,gBAAgB,EAC3D,OAAQ,CAAC,YAAa,iBAAkB,gBAAgB,EACxD,QAAS,CAAC,aAAc,kBAAmB,gBAAgB,EAC3D,MAAO,CAAC,WAAY,gBAAiB,gBAAgB,EACrD,OAAQ,CAAC,WAAY,gBAAiB,gBAAgB,EACtD,KAAM,CAAC,UAAW,eAAgB,gBAAgB,EAClD,QAAS,CAAC,aAAc,kBAAmB,gBAAgB,EAC3D,QAAS,CAAC,aAAc,kBAAmB,gBAAgB,EAC3D,MAAO,CAAC,WAAY,gBAAiB,gBAAgB,CAAA,CACtD,EAKD,KAAMA,EAAAA,aAAmC,CACvC,GAAI,CAAC,aAAc,oDAAqD,iBAAiB,EACzF,GAAI,CAAC,eAAgB,cAAe,kBAAkB,CAAA,CACvD,EAKD,KAAM,CACJ,SAAU,CAAC,6BAA8B,kCAAkC,EAC3E,WAAY,CAAA,CAAC,CACf,EAEF,gBAAiB,CACf,OAAQ,SACR,KAAM,KACN,KAAM,UAAA,CACR,CAEJ,EC7BaC,EAAY,CAAC,CACxB,OAAAC,EAAS,SACT,KAAAC,EAAO,KACP,KAAAC,EAAO,WACP,MAAAC,EACA,cAAAC,EAAgB,GAChB,aAAcC,EACd,UAAAC,EACA,GAAGC,CACL,IAAsB,CACpB,MAAMC,EAAcL,GAASA,EAAQC,EAC/BK,EAAY,OAAOJ,GAAU,WAAaA,EAAM,CAAE,MAAAF,EAAO,cAAAC,CAAA,CAAe,EAAIC,EAC5EK,EAAQ,CAAE,GAAGH,EAAQ,aAAcE,CAAA,EAEzC,OACEE,EAAAA,IAAC,OAAA,CACC,uBAAqB,QACrB,KAAK,SACL,UAAWf,EAAO,CAChB,OAAAI,EACA,KAAAC,EACA,KAAAC,EACA,UAAAI,CAAA,CACD,EACA,GAAGI,EAEH,SAAAF,EAAc,GAAGJ,CAAa,IAAMD,CAAA,CAAA,CAG3C,EAEAJ,EAAU,YAAc,YCtDjB,MAAMa,EAAQ,CAAC,CAAE,SAAAC,EAAU,GAAGH,KACd,CAACG,EAGpBF,EAAAA,IAACZ,EAAA,CAAU,KAAK,aAAc,GAAGW,CAAA,CAAO,EAExCI,EAAAA,KAAC,MAAA,CAAI,UAAU,uBACZ,SAAA,CAAAD,EACDF,MAACZ,EAAA,CAAW,GAAGW,CAAA,CAAO,CAAA,EACxB,EAIJE,EAAM,YAAc"}

package/dist/badge/index.mjs

@@ -1,6 +1,6 @@
 import { jsx as n, jsxs as f } from "react/jsx-runtime";
-import { makeVariants as i } from "@spark-ui/internal-utils";
-import { c as u } from "../index-BmAFn37q.mjs";
+import { makeVariants as c } from "@spark-ui/internal-utils";
+import { cva as u } from "class-variance-authority";
 const x = u(
   ["inline-flex h-fit", "empty:p-0", "text-center font-bold", "rounded-full box-content"],
   {
@@ -9,7 +9,7 @@ const x = u(
        * Visual color appearance of the component.
        * @default 'danger'
        */
-      intent: i({
+      intent: c({
         main: ["bg-main", "text-on-main", "border-surface"],
         support: ["bg-support", "text-on-support", "border-surface"],
         accent: ["bg-accent", "text-on-accent", "border-surface"],
@@ -25,7 +25,7 @@ const x = u(
        * Size of the component.
        * @default 'md'
        */
-      size: i({
+      size: c({
         sm: ["text-small", "px-[var(--spacing-sz-6)] py-[var(--spacing-sz-2)]", "empty:size-sz-8"],
         md: ["text-caption", "px-md py-sm", "empty:size-sz-16"]
       }),
@@ -47,7 +47,7 @@ const x = u(
 ), o = ({
   intent: e = "danger",
   size: a = "md",
-  type: c = "relative",
+  type: i = "relative",
   count: t,
   overflowCount: r = 99,
   "aria-label": s,
@@ -63,7 +63,7 @@ const x = u(
       className: x({
         intent: e,
         size: a,
-        type: c,
+        type: i,
         className: d
       }),
       ...m,

package/dist/breadcrumb/index.d.mts

@@ -0,0 +1,12 @@
+import { Breadcrumb as Root } from './Breadcrumb';
+import { CurrentPage } from './BreadcrumbCurrentPage';
+import { Item } from './BreadcrumbItem';
+import { Link } from './BreadcrumbLink';
+import { Separator } from './BreadcrumbSeparator';
+export declare const Breadcrumb: typeof Root & {
+    Item: typeof Item;
+    Link: typeof Link;
+    CurrentPage: typeof CurrentPage;
+    Separator: typeof Separator;
+};
+export type { BreadcrumbProps } from './Breadcrumb';

package/dist/breadcrumb/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),s=require("../index-DnaHaH_0.js"),o=require("../Slot-ghrohQLA.js"),g=require("../TextLink-DD0VO37q.js"),k=require("@spark-ui/icons/ArrowVerticalRight"),y=require("../Icon-Bf0XrmiR.js"),p=({className:e,"aria-label":r,ref:t,...n})=>a.jsx("nav",{"data-spark-component":"breadcrumb",ref:t,"aria-label":r,className:s.cx("text-caption text-neutral",e),children:a.jsx("ol",{className:s.cx("gap-sm flex flex-wrap items-center break-words"),...n})});p.displayName="Breadcrumb.Breadcrumb";const l=({asChild:e=!1,className:r,children:t,...n})=>{const c=e?o.Slot:"span";return a.jsx(c,{"data-spark-component":"breadcrumb-current-page",role:"link","aria-disabled":!0,"aria-current":"page",className:s.cx("inline! overflow-hidden font-bold text-ellipsis whitespace-nowrap text-current",r),...n,children:t})};l.displayName="Breadcrumb.CurrentPage";const m=({className:e,...r})=>a.jsx("li",{"data-spark-component":"breadcrumb-item",className:s.cx("min-w-none gap-sm inline-flex items-center",e),...r});m.displayName="Breadcrumb.Item";const d=({asChild:e=!1,className:r,bold:t=!0,intent:n="current",underline:c=!0,href:i,ref:x,...N})=>{const B=e?o.Slot:g.TextLink;return a.jsx(B,{"data-spark-component":"breadcrumb-link",href:i,ref:x,className:s.cx("inline! overflow-hidden text-ellipsis whitespace-nowrap",r),bold:t,intent:n,underline:c,...N})};d.displayName="Breadcrumb.Link";const u=({asChild:e=!1,className:r,children:t,ref:n,...c})=>{const i=e?o.Slot:"li";return a.jsx(i,{role:"presentation","aria-hidden":!0,"data-spark-component":"breadcrumb-separator",ref:n,className:s.cx("gap-sm inline-flex items-center",r),...c,children:t??a.jsx(y.Icon,{children:a.jsx(k.ArrowVerticalRight,{})})})};u.displayName="Breadcrumb.Separator";const b=Object.assign(p,{Item:m,Link:d,CurrentPage:l,Separator:u});b.displayName="Breadcrumb";m.displayName="Breadcrumb.Item";d.displayName="Breadcrumb.Link";l.displayName="Breadcrumb.CurrentPage";u.displayName="Breadcrumb.Separator";exports.Breadcrumb=b;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),s=require("class-variance-authority"),o=require("../Slot-DQ8z2zsy.js"),g=require("../TextLink-C3xDLsbC.js"),k=require("@spark-ui/icons/ArrowVerticalRight"),y=require("../Icon-CF0W0LKr.js"),p=({className:e,"aria-label":r,ref:t,...n})=>a.jsx("nav",{"data-spark-component":"breadcrumb",ref:t,"aria-label":r,className:s.cx("text-caption text-neutral",e),children:a.jsx("ol",{className:s.cx("gap-sm flex flex-wrap items-center break-words"),...n})});p.displayName="Breadcrumb.Breadcrumb";const l=({asChild:e=!1,className:r,children:t,...n})=>{const c=e?o.Slot:"span";return a.jsx(c,{"data-spark-component":"breadcrumb-current-page",role:"link","aria-disabled":!0,"aria-current":"page",className:s.cx("inline! overflow-hidden font-bold text-ellipsis whitespace-nowrap text-current",r),...n,children:t})};l.displayName="Breadcrumb.CurrentPage";const m=({className:e,...r})=>a.jsx("li",{"data-spark-component":"breadcrumb-item",className:s.cx("min-w-none gap-sm inline-flex items-center",e),...r});m.displayName="Breadcrumb.Item";const d=({asChild:e=!1,className:r,bold:t=!0,intent:n="current",underline:c=!0,href:i,ref:x,...N})=>{const B=e?o.Slot:g.TextLink;return a.jsx(B,{"data-spark-component":"breadcrumb-link",href:i,ref:x,className:s.cx("inline! overflow-hidden text-ellipsis whitespace-nowrap",r),bold:t,intent:n,underline:c,...N})};d.displayName="Breadcrumb.Link";const u=({asChild:e=!1,className:r,children:t,ref:n,...c})=>{const i=e?o.Slot:"li";return a.jsx(i,{role:"presentation","aria-hidden":!0,"data-spark-component":"breadcrumb-separator",ref:n,className:s.cx("gap-sm inline-flex items-center",r),...c,children:t??a.jsx(y.Icon,{children:a.jsx(k.ArrowVerticalRight,{})})})};u.displayName="Breadcrumb.Separator";const b=Object.assign(p,{Item:m,Link:d,CurrentPage:l,Separator:u});b.displayName="Breadcrumb";m.displayName="Breadcrumb.Item";d.displayName="Breadcrumb.Link";l.displayName="Breadcrumb.CurrentPage";u.displayName="Breadcrumb.Separator";exports.Breadcrumb=b;
 //# sourceMappingURL=index.js.map

package/dist/breadcrumb/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/breadcrumb/Breadcrumb.tsx","../../src/breadcrumb/BreadcrumbCurrentPage.tsx","../../src/breadcrumb/BreadcrumbItem.tsx","../../src/breadcrumb/BreadcrumbLink.tsx","../../src/breadcrumb/BreadcrumbSeparator.tsx","../../src/breadcrumb/index.ts"],"sourcesContent":["import { cx } from 'class-variance-authority'\nimport { ComponentPropsWithoutRef, Ref } from 'react'\n\nexport interface BreadcrumbProps extends ComponentPropsWithoutRef<'nav'> {\n  className?: string\n  ['aria-label']: string\n  ref?: Ref<HTMLElement>\n}\n\nexport const Breadcrumb = ({\n  className,\n  'aria-label': ariaLabel,\n  ref,\n  ...rest\n}: BreadcrumbProps) => {\n  return (\n    <nav\n      data-spark-component=\"breadcrumb\"\n      ref={ref}\n      aria-label={ariaLabel}\n      className={cx('text-caption text-neutral', className)}\n    >\n      <ol className={cx('gap-sm flex flex-wrap items-center break-words')} {...rest} />\n    </nav>\n  )\n}\n\nBreadcrumb.displayName = 'Breadcrumb.Breadcrumb'\n","import { cx } from 'class-variance-authority'\nimport { ComponentPropsWithoutRef, Ref } from 'react'\n\nimport { Slot } from '../slot'\nimport { TextLink } from '../text-link'\n\nexport interface CurrentPageProps extends ComponentPropsWithoutRef<typeof TextLink> {\n  asChild?: boolean\n  className?: string\n  ref?: Ref<HTMLAnchorElement>\n}\n\nexport const CurrentPage = ({\n  asChild = false,\n  className,\n  children,\n  ...rest\n}: CurrentPageProps) => {\n  const Component = asChild ? Slot : 'span'\n\n  return (\n    <Component\n      data-spark-component=\"breadcrumb-current-page\"\n      role=\"link\"\n      aria-disabled\n      aria-current=\"page\"\n      className={cx(\n        'inline! overflow-hidden font-bold text-ellipsis whitespace-nowrap text-current',\n        className\n      )}\n      {...rest}\n    >\n      {children}\n    </Component>\n  )\n}\n\nCurrentPage.displayName = 'Breadcrumb.CurrentPage'\n","import { cx } from 'class-variance-authority'\nimport { ComponentPropsWithoutRef, Ref } from 'react'\n\nexport interface ItemProps extends ComponentPropsWithoutRef<'li'> {\n  className?: string\n  ref?: Ref<HTMLLIElement>\n}\n\nexport const Item = ({ className, ...rest }: ItemProps) => {\n  return (\n    <li\n      data-spark-component=\"breadcrumb-item\"\n      className={cx('min-w-none gap-sm inline-flex items-center', className)}\n      {...rest}\n    />\n  )\n}\n\nItem.displayName = 'Breadcrumb.Item'\n","import { cx } from 'class-variance-authority'\nimport { ComponentPropsWithoutRef, Ref } from 'react'\n\nimport { Slot } from '../slot'\nimport { TextLink } from '../text-link'\n\nexport interface LinkProps extends ComponentPropsWithoutRef<typeof TextLink> {\n  asChild?: boolean\n  className?: string\n  href?: string\n  ref?: Ref<HTMLAnchorElement>\n}\n\nexport const Link = ({\n  asChild = false,\n  className,\n  bold = true,\n  intent = 'current',\n  underline = true,\n  href,\n  ref,\n  ...rest\n}: LinkProps) => {\n  const Component = asChild ? Slot : TextLink\n\n  return (\n    <Component\n      data-spark-component=\"breadcrumb-link\"\n      href={href}\n      ref={ref}\n      className={cx('inline! overflow-hidden text-ellipsis whitespace-nowrap', className)}\n      bold={bold}\n      intent={intent}\n      underline={underline}\n      {...rest}\n    />\n  )\n}\n\nLink.displayName = 'Breadcrumb.Link'\n","import { ArrowVerticalRight } from '@spark-ui/icons/ArrowVerticalRight'\nimport { cx } from 'class-variance-authority'\nimport { ComponentPropsWithoutRef, Ref } from 'react'\n\nimport { Icon } from '../icon'\nimport { Slot } from '../slot'\n\nexport interface SeparatorProps extends ComponentPropsWithoutRef<'li'> {\n  asChild?: boolean\n  className?: string\n  ref?: Ref<HTMLLIElement>\n}\n\nexport const Separator = ({\n  asChild = false,\n  className,\n  children,\n  ref,\n  ...rest\n}: SeparatorProps) => {\n  const Component = asChild ? Slot : 'li'\n\n  return (\n    <Component\n      role=\"presentation\"\n      aria-hidden\n      data-spark-component=\"breadcrumb-separator\"\n      ref={ref}\n      className={cx('gap-sm inline-flex items-center', className)}\n      {...rest}\n    >\n      {children ?? (\n        <Icon>\n          <ArrowVerticalRight />\n        </Icon>\n      )}\n    </Component>\n  )\n}\n\nSeparator.displayName = 'Breadcrumb.Separator'\n","import { Breadcrumb as Root } from './Breadcrumb'\nimport { CurrentPage } from './BreadcrumbCurrentPage'\nimport { Item } from './BreadcrumbItem'\nimport { Link } from './BreadcrumbLink'\nimport { Separator } from './BreadcrumbSeparator'\n\nexport const Breadcrumb: typeof Root & {\n  Item: typeof Item\n  Link: typeof Link\n  CurrentPage: typeof CurrentPage\n  Separator: typeof Separator\n} = Object.assign(Root, {\n  Item,\n  Link,\n  CurrentPage,\n  Separator,\n})\n\nBreadcrumb.displayName = 'Breadcrumb'\nItem.displayName = 'Breadcrumb.Item'\nLink.displayName = 'Breadcrumb.Link'\nCurrentPage.displayName = 'Breadcrumb.CurrentPage'\nSeparator.displayName = 'Breadcrumb.Separator'\n\nexport type { BreadcrumbProps } from './Breadcrumb'\n"],"names":["Breadcrumb","className","ariaLabel","ref","rest","jsx","cx","CurrentPage","asChild","children","Component","Slot","Item","Link","bold","intent","underline","href","TextLink","Separator","Icon","ArrowVerticalRight","Root"],"mappings":"8SASaA,EAAa,CAAC,CACzB,UAAAC,EACA,aAAcC,EACd,IAAAC,EACA,GAAGC,CACL,IAEIC,EAAAA,IAAC,MAAA,CACC,uBAAqB,aACrB,IAAAF,EACA,aAAYD,EACZ,UAAWI,EAAAA,GAAG,4BAA6BL,CAAS,EAEpD,eAAC,KAAA,CAAG,UAAWK,EAAAA,GAAG,gDAAgD,EAAI,GAAGF,CAAA,CAAM,CAAA,CAAA,EAKrFJ,EAAW,YAAc,wBCflB,MAAMO,EAAc,CAAC,CAC1B,QAAAC,EAAU,GACV,UAAAP,EACA,SAAAQ,EACA,GAAGL,CACL,IAAwB,CACtB,MAAMM,EAAYF,EAAUG,EAAAA,KAAO,OAEnC,OACEN,EAAAA,IAACK,EAAA,CACC,uBAAqB,0BACrB,KAAK,OACL,gBAAa,GACb,eAAa,OACb,UAAWJ,EAAAA,GACT,iFACAL,CAAA,EAED,GAAGG,EAEH,SAAAK,CAAA,CAAA,CAGP,EAEAF,EAAY,YAAc,yBC7BnB,MAAMK,EAAO,CAAC,CAAE,UAAAX,EAAW,GAAGG,KAEjCC,EAAAA,IAAC,KAAA,CACC,uBAAqB,kBACrB,UAAWC,EAAAA,GAAG,6CAA8CL,CAAS,EACpE,GAAGG,CAAA,CAAA,EAKVQ,EAAK,YAAc,kBCLZ,MAAMC,EAAO,CAAC,CACnB,QAAAL,EAAU,GACV,UAAAP,EACA,KAAAa,EAAO,GACP,OAAAC,EAAS,UACT,UAAAC,EAAY,GACZ,KAAAC,EACA,IAAAd,EACA,GAAGC,CACL,IAAiB,CACf,MAAMM,EAAYF,EAAUG,EAAAA,KAAOO,EAAAA,SAEnC,OACEb,EAAAA,IAACK,EAAA,CACC,uBAAqB,kBACrB,KAAAO,EACA,IAAAd,EACA,UAAWG,EAAAA,GAAG,0DAA2DL,CAAS,EAClF,KAAAa,EACA,OAAAC,EACA,UAAAC,EACC,GAAGZ,CAAA,CAAA,CAGV,EAEAS,EAAK,YAAc,kBC1BZ,MAAMM,EAAY,CAAC,CACxB,QAAAX,EAAU,GACV,UAAAP,EACA,SAAAQ,EACA,IAAAN,EACA,GAAGC,CACL,IAAsB,CACpB,MAAMM,EAAYF,EAAUG,EAAAA,KAAO,KAEnC,OACEN,EAAAA,IAACK,EAAA,CACC,KAAK,eACL,cAAW,GACX,uBAAqB,uBACrB,IAAAP,EACA,UAAWG,EAAAA,GAAG,kCAAmCL,CAAS,EACzD,GAAGG,EAEH,SAAAK,GACCJ,EAAAA,IAACe,EAAAA,KAAA,CACC,SAAAf,EAAAA,IAACgB,uBAAmB,CAAA,CACtB,CAAA,CAAA,CAIR,EAEAF,EAAU,YAAc,uBClCjB,MAAMnB,EAKT,OAAO,OAAOsB,EAAM,CACtB,KAAAV,EACA,KAAAC,EACA,YAAAN,EACA,UAAAY,CACF,CAAC,EAEDnB,EAAW,YAAc,aACzBY,EAAK,YAAc,kBACnBC,EAAK,YAAc,kBACnBN,EAAY,YAAc,yBAC1BY,EAAU,YAAc"}
+{"version":3,"file":"index.js","sources":["../../src/breadcrumb/Breadcrumb.tsx","../../src/breadcrumb/BreadcrumbCurrentPage.tsx","../../src/breadcrumb/BreadcrumbItem.tsx","../../src/breadcrumb/BreadcrumbLink.tsx","../../src/breadcrumb/BreadcrumbSeparator.tsx","../../src/breadcrumb/index.ts"],"sourcesContent":["import { cx } from 'class-variance-authority'\nimport { ComponentPropsWithoutRef, Ref } from 'react'\n\nexport interface BreadcrumbProps extends ComponentPropsWithoutRef<'nav'> {\n  className?: string\n  ['aria-label']: string\n  ref?: Ref<HTMLElement>\n}\n\nexport const Breadcrumb = ({\n  className,\n  'aria-label': ariaLabel,\n  ref,\n  ...rest\n}: BreadcrumbProps) => {\n  return (\n    <nav\n      data-spark-component=\"breadcrumb\"\n      ref={ref}\n      aria-label={ariaLabel}\n      className={cx('text-caption text-neutral', className)}\n    >\n      <ol className={cx('gap-sm flex flex-wrap items-center break-words')} {...rest} />\n    </nav>\n  )\n}\n\nBreadcrumb.displayName = 'Breadcrumb.Breadcrumb'\n","import { cx } from 'class-variance-authority'\nimport { ComponentPropsWithoutRef, Ref } from 'react'\n\nimport { Slot } from '../slot'\nimport { TextLink } from '../text-link'\n\nexport interface CurrentPageProps extends ComponentPropsWithoutRef<typeof TextLink> {\n  asChild?: boolean\n  className?: string\n  ref?: Ref<HTMLAnchorElement>\n}\n\nexport const CurrentPage = ({\n  asChild = false,\n  className,\n  children,\n  ...rest\n}: CurrentPageProps) => {\n  const Component = asChild ? Slot : 'span'\n\n  return (\n    <Component\n      data-spark-component=\"breadcrumb-current-page\"\n      role=\"link\"\n      aria-disabled\n      aria-current=\"page\"\n      className={cx(\n        'inline! overflow-hidden font-bold text-ellipsis whitespace-nowrap text-current',\n        className\n      )}\n      {...rest}\n    >\n      {children}\n    </Component>\n  )\n}\n\nCurrentPage.displayName = 'Breadcrumb.CurrentPage'\n","import { cx } from 'class-variance-authority'\nimport { ComponentPropsWithoutRef, Ref } from 'react'\n\nexport interface ItemProps extends ComponentPropsWithoutRef<'li'> {\n  className?: string\n  ref?: Ref<HTMLLIElement>\n}\n\nexport const Item = ({ className, ...rest }: ItemProps) => {\n  return (\n    <li\n      data-spark-component=\"breadcrumb-item\"\n      className={cx('min-w-none gap-sm inline-flex items-center', className)}\n      {...rest}\n    />\n  )\n}\n\nItem.displayName = 'Breadcrumb.Item'\n","import { cx } from 'class-variance-authority'\nimport { ComponentPropsWithoutRef, Ref } from 'react'\n\nimport { Slot } from '../slot'\nimport { TextLink } from '../text-link'\n\nexport interface LinkProps extends ComponentPropsWithoutRef<typeof TextLink> {\n  asChild?: boolean\n  className?: string\n  href?: string\n  ref?: Ref<HTMLAnchorElement>\n}\n\nexport const Link = ({\n  asChild = false,\n  className,\n  bold = true,\n  intent = 'current',\n  underline = true,\n  href,\n  ref,\n  ...rest\n}: LinkProps) => {\n  const Component = asChild ? Slot : TextLink\n\n  return (\n    <Component\n      data-spark-component=\"breadcrumb-link\"\n      href={href}\n      ref={ref}\n      className={cx('inline! overflow-hidden text-ellipsis whitespace-nowrap', className)}\n      bold={bold}\n      intent={intent}\n      underline={underline}\n      {...rest}\n    />\n  )\n}\n\nLink.displayName = 'Breadcrumb.Link'\n","import { ArrowVerticalRight } from '@spark-ui/icons/ArrowVerticalRight'\nimport { cx } from 'class-variance-authority'\nimport { ComponentPropsWithoutRef, Ref } from 'react'\n\nimport { Icon } from '../icon'\nimport { Slot } from '../slot'\n\nexport interface SeparatorProps extends ComponentPropsWithoutRef<'li'> {\n  asChild?: boolean\n  className?: string\n  ref?: Ref<HTMLLIElement>\n}\n\nexport const Separator = ({\n  asChild = false,\n  className,\n  children,\n  ref,\n  ...rest\n}: SeparatorProps) => {\n  const Component = asChild ? Slot : 'li'\n\n  return (\n    <Component\n      role=\"presentation\"\n      aria-hidden\n      data-spark-component=\"breadcrumb-separator\"\n      ref={ref}\n      className={cx('gap-sm inline-flex items-center', className)}\n      {...rest}\n    >\n      {children ?? (\n        <Icon>\n          <ArrowVerticalRight />\n        </Icon>\n      )}\n    </Component>\n  )\n}\n\nSeparator.displayName = 'Breadcrumb.Separator'\n","import { Breadcrumb as Root } from './Breadcrumb'\nimport { CurrentPage } from './BreadcrumbCurrentPage'\nimport { Item } from './BreadcrumbItem'\nimport { Link } from './BreadcrumbLink'\nimport { Separator } from './BreadcrumbSeparator'\n\nexport const Breadcrumb: typeof Root & {\n  Item: typeof Item\n  Link: typeof Link\n  CurrentPage: typeof CurrentPage\n  Separator: typeof Separator\n} = Object.assign(Root, {\n  Item,\n  Link,\n  CurrentPage,\n  Separator,\n})\n\nBreadcrumb.displayName = 'Breadcrumb'\nItem.displayName = 'Breadcrumb.Item'\nLink.displayName = 'Breadcrumb.Link'\nCurrentPage.displayName = 'Breadcrumb.CurrentPage'\nSeparator.displayName = 'Breadcrumb.Separator'\n\nexport type { BreadcrumbProps } from './Breadcrumb'\n"],"names":["Breadcrumb","className","ariaLabel","ref","rest","jsx","cx","CurrentPage","asChild","children","Component","Slot","Item","Link","bold","intent","underline","href","TextLink","Separator","Icon","ArrowVerticalRight","Root"],"mappings":"kTASaA,EAAa,CAAC,CACzB,UAAAC,EACA,aAAcC,EACd,IAAAC,EACA,GAAGC,CACL,IAEIC,EAAAA,IAAC,MAAA,CACC,uBAAqB,aACrB,IAAAF,EACA,aAAYD,EACZ,UAAWI,EAAAA,GAAG,4BAA6BL,CAAS,EAEpD,eAAC,KAAA,CAAG,UAAWK,EAAAA,GAAG,gDAAgD,EAAI,GAAGF,CAAA,CAAM,CAAA,CAAA,EAKrFJ,EAAW,YAAc,wBCflB,MAAMO,EAAc,CAAC,CAC1B,QAAAC,EAAU,GACV,UAAAP,EACA,SAAAQ,EACA,GAAGL,CACL,IAAwB,CACtB,MAAMM,EAAYF,EAAUG,EAAAA,KAAO,OAEnC,OACEN,EAAAA,IAACK,EAAA,CACC,uBAAqB,0BACrB,KAAK,OACL,gBAAa,GACb,eAAa,OACb,UAAWJ,EAAAA,GACT,iFACAL,CAAA,EAED,GAAGG,EAEH,SAAAK,CAAA,CAAA,CAGP,EAEAF,EAAY,YAAc,yBC7BnB,MAAMK,EAAO,CAAC,CAAE,UAAAX,EAAW,GAAGG,KAEjCC,EAAAA,IAAC,KAAA,CACC,uBAAqB,kBACrB,UAAWC,EAAAA,GAAG,6CAA8CL,CAAS,EACpE,GAAGG,CAAA,CAAA,EAKVQ,EAAK,YAAc,kBCLZ,MAAMC,EAAO,CAAC,CACnB,QAAAL,EAAU,GACV,UAAAP,EACA,KAAAa,EAAO,GACP,OAAAC,EAAS,UACT,UAAAC,EAAY,GACZ,KAAAC,EACA,IAAAd,EACA,GAAGC,CACL,IAAiB,CACf,MAAMM,EAAYF,EAAUG,EAAAA,KAAOO,EAAAA,SAEnC,OACEb,EAAAA,IAACK,EAAA,CACC,uBAAqB,kBACrB,KAAAO,EACA,IAAAd,EACA,UAAWG,EAAAA,GAAG,0DAA2DL,CAAS,EAClF,KAAAa,EACA,OAAAC,EACA,UAAAC,EACC,GAAGZ,CAAA,CAAA,CAGV,EAEAS,EAAK,YAAc,kBC1BZ,MAAMM,EAAY,CAAC,CACxB,QAAAX,EAAU,GACV,UAAAP,EACA,SAAAQ,EACA,IAAAN,EACA,GAAGC,CACL,IAAsB,CACpB,MAAMM,EAAYF,EAAUG,EAAAA,KAAO,KAEnC,OACEN,EAAAA,IAACK,EAAA,CACC,KAAK,eACL,cAAW,GACX,uBAAqB,uBACrB,IAAAP,EACA,UAAWG,EAAAA,GAAG,kCAAmCL,CAAS,EACzD,GAAGG,EAEH,SAAAK,GACCJ,EAAAA,IAACe,EAAAA,KAAA,CACC,SAAAf,EAAAA,IAACgB,uBAAmB,CAAA,CACtB,CAAA,CAAA,CAIR,EAEAF,EAAU,YAAc,uBClCjB,MAAMnB,EAKT,OAAO,OAAOsB,EAAM,CACtB,KAAAV,EACA,KAAAC,EACA,YAAAN,EACA,UAAAY,CACF,CAAC,EAEDnB,EAAW,YAAc,aACzBY,EAAK,YAAc,kBACnBC,EAAK,YAAc,kBACnBN,EAAY,YAAc,yBAC1BY,EAAU,YAAc"}

package/dist/breadcrumb/index.mjs

@@ -1,31 +1,31 @@
-import { jsx as r } from "react/jsx-runtime";
-import { a as m } from "../index-BmAFn37q.mjs";
-import { a as s } from "../Slot-C98rL4yy.mjs";
-import { T as N } from "../TextLink-3MEVs3No.mjs";
+import { jsx as a } from "react/jsx-runtime";
+import { cx as m } from "class-variance-authority";
+import { a as s } from "../Slot-D2Bbf8Gw.mjs";
+import { T as N } from "../TextLink-BuzFRWO6.mjs";
 import { ArrowVerticalRight as x } from "@spark-ui/icons/ArrowVerticalRight";
-import { I as B } from "../Icon-D1RueiPY.mjs";
+import { I as B } from "../Icon-Ck-dhfLd.mjs";
 const u = ({
   className: e,
-  "aria-label": a,
+  "aria-label": r,
   ref: t,
   ...n
-}) => /* @__PURE__ */ r(
+}) => /* @__PURE__ */ a(
   "nav",
   {
     "data-spark-component": "breadcrumb",
     ref: t,
-    "aria-label": a,
+    "aria-label": r,
     className: m("text-caption text-neutral", e),
-    children: /* @__PURE__ */ r("ol", { className: m("gap-sm flex flex-wrap items-center break-words"), ...n })
+    children: /* @__PURE__ */ a("ol", { className: m("gap-sm flex flex-wrap items-center break-words"), ...n })
   }
 );
 u.displayName = "Breadcrumb.Breadcrumb";
 const i = ({
   asChild: e = !1,
-  className: a,
+  className: r,
   children: t,
   ...n
-}) => /* @__PURE__ */ r(
+}) => /* @__PURE__ */ a(
   e ? s : "span",
   {
     "data-spark-component": "breadcrumb-current-page",
@@ -34,38 +34,38 @@ const i = ({
     "aria-current": "page",
     className: m(
       "inline! overflow-hidden font-bold text-ellipsis whitespace-nowrap text-current",
-      a
+      r
     ),
     ...n,
     children: t
   }
 );
 i.displayName = "Breadcrumb.CurrentPage";
-const c = ({ className: e, ...a }) => /* @__PURE__ */ r(
+const c = ({ className: e, ...r }) => /* @__PURE__ */ a(
   "li",
   {
     "data-spark-component": "breadcrumb-item",
     className: m("min-w-none gap-sm inline-flex items-center", e),
-    ...a
+    ...r
   }
 );
 c.displayName = "Breadcrumb.Item";
 const l = ({
   asChild: e = !1,
-  className: a,
+  className: r,
   bold: t = !0,
   intent: n = "current",
   underline: o = !0,
   href: d,
   ref: b,
   ...f
-}) => /* @__PURE__ */ r(
+}) => /* @__PURE__ */ a(
   e ? s : N,
   {
     "data-spark-component": "breadcrumb-link",
     href: d,
     ref: b,
-    className: m("inline! overflow-hidden text-ellipsis whitespace-nowrap", a),
+    className: m("inline! overflow-hidden text-ellipsis whitespace-nowrap", r),
     bold: t,
     intent: n,
     underline: o,
@@ -75,20 +75,20 @@ const l = ({
 l.displayName = "Breadcrumb.Link";
 const p = ({
   asChild: e = !1,
-  className: a,
+  className: r,
   children: t,
   ref: n,
   ...o
-}) => /* @__PURE__ */ r(
+}) => /* @__PURE__ */ a(
   e ? s : "li",
   {
     role: "presentation",
     "aria-hidden": !0,
     "data-spark-component": "breadcrumb-separator",
     ref: n,
-    className: m("gap-sm inline-flex items-center", a),
+    className: m("gap-sm inline-flex items-center", r),
     ...o,
-    children: t ?? /* @__PURE__ */ r(B, { children: /* @__PURE__ */ r(x, {}) })
+    children: t ?? /* @__PURE__ */ a(B, { children: /* @__PURE__ */ a(x, {}) })
   }
 );
 p.displayName = "Breadcrumb.Separator";

package/dist/button/Button.d.ts

@@ -10,7 +10,7 @@ export interface ButtonProps extends Omit<ComponentPropsWithoutRef<'button'>, 'd
      */
     isLoading?: boolean;
     /**
-     * If your loading state should only display a spinner, it's better to specify a label for it (a11y).
+     * If your loading state should only display a spinner, it is better to specify a label for it (a11y).
      */
     loadingLabel?: string;
     /**

package/dist/button/index.d.mts

@@ -0,0 +1 @@
+export * from './Button';

package/dist/button/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../Button-C3xHNaGl.js");exports.Button=t.Button;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../Button-B6rA3-e5.js");exports.Button=t.Button;
 //# sourceMappingURL=index.js.map

package/dist/button/index.mjs

@@ -1,4 +1,4 @@
-import { B as r } from "../Button-D32Avk2j.mjs";
+import { B as r } from "../Button-C3C0aixy.mjs";
 export {
   r as Button
 };

package/dist/button/variants/index.d.mts

@@ -0,0 +1,5 @@
+export { filledVariants } from './filled';
+export { ghostVariants } from './ghost';
+export { outlinedVariants } from './outlined';
+export { tintedVariants } from './tinted';
+export { contrastVariants } from './contrast';

package/dist/card/index.d.mts

@@ -0,0 +1,8 @@
+import { Backdrop } from './Backdrop';
+import { Card as Root } from './Card';
+import { Content } from './Content';
+export declare const Card: typeof Root & {
+    Content: typeof Content;
+    Backdrop: typeof Backdrop;
+};
+export { type CardProps } from './Card';

package/dist/card/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("react/jsx-runtime"),e=require("@spark-ui/internal-utils"),p=require("../index-DnaHaH_0.js"),h=require("../Slot-ghrohQLA.js"),u=require("react"),k=p.cva(["default:bg-surface default:bg-gradient-to-r absolute inset-x-0 top-0","h-sz-16","default:rounded-t-lg","bg-[length:200%_100%] bg-position-[0%_0%]"],{variants:{animation:{none:"",pulse:"animate-standalone-backdrop-pulse"},intent:e.makeVariants({main:["default:from-main/dim-4 default:via-main/dim-2 default:to-main/dim-4"],support:["default:from-support/dim-4 default:via-support/dim-2 default:to-support/dim-4"],accent:["default:from-accent/dim-4 default:via-accent/dim-2 default:to-accent/dim-4"],basic:["default:from-basic/dim-4 default:via-basic/dim-2 default:to-basic/dim-4"],success:["default:from-success/dim-4 default:via-success/dim-2 default:to-success/dim-4"],alert:["default:from-alert/dim-4 default:via-alert/dim-2 default:to-alert/dim-4"],danger:["default:from-error/dim-4 default:via-error/dim-2 default:to-error/dim-4"],info:["default:from-info/dim-4 default:via-info/dim-2 default:to-info/dim-4"],neutral:["default:from-neutral/dim-4 default:via-neutral/dim-2 default:to-neutral/dim-4"],surface:["default:from-outline/dim-4 default:via-outline/dim-2 default:to-outline/dim-4"],surfaceInverse:["default:from-surface/dim-4 default:via-surface/dim-2 default:to-surface/dim-4"]})},defaultVariants:{intent:"main",animation:"none"}}),f=({intent:n="main",animation:r="none",...o})=>g.jsx("div",{className:k({intent:n,animation:r}),...o});f.displayName="Card.Backdrop";const y=p.cva(["group relative bg-clip-padding default:rounded-lg focus-visible:u-outline","disabled:opacity-dim-3 disabled:cursor-not-allowed"],{variants:{design:{filled:[],outlined:["border-sm"],tinted:[]},hasBackdrop:{true:["pt-md"]},intent:e.makeVariants({main:[],support:[],accent:[],basic:[],success:[],alert:[],danger:[],info:[],neutral:[],surface:[],surfaceInverse:[]})},compoundVariants:[{intent:"main",design:"outlined",class:e.tw(["border-main"])},{intent:"support",design:"outlined",class:e.tw(["border-support"])},{intent:"accent",design:"outlined",class:e.tw(["border-accent"])},{intent:"basic",design:"outlined",class:e.tw(["border-basic"])},{intent:"success",design:"outlined",class:e.tw(["border-success"])},{intent:"alert",design:"outlined",class:e.tw(["border-alert"])},{intent:"danger",design:"outlined",class:e.tw(["border-error"])},{intent:"info",design:"outlined",class:e.tw(["border-info"])},{intent:"neutral",design:"outlined",class:e.tw(["border-neutral"])},{intent:"surface",design:"outlined",class:e.tw(["border-outline"])}],defaultVariants:{design:"filled",intent:"surface"}}),w=u.createContext(void 0),E=()=>{const n=u.useContext(w);if(!n)throw new Error("useCardContext must be used within a Card component");return n},m=["onClick","onMouseDown","onMouseUp","onMouseEnter","onMouseLeave","onMouseMove","onMouseOver","onMouseOut","onDoubleClick","onContextMenu"],B=n=>{let r=!1;const o=s=>{r||u.Children.forEach(s,t=>{if(!r&&u.isValidElement(t)){if(typeof t.type=="function"&&t.type.displayName==="Card.Backdrop"){r=!0;return}if(t.props&&typeof t.props=="object"&&"children"in t.props){const a=t.props.children;a!=null&&o(a)}}})};return o(n),r},M=(n,r,o)=>{if(m.some(i=>i in o))return!0;if(!r)return!1;const t=u.Children.only(n);if(!u.isValidElement(t))return!1;const d=["a","button"];if(typeof t.type=="string"&&d.includes(t.type))return!0;const a=t.props;return m.some(i=>i in a)},x=({children:n,design:r="filled",intent:o="surface",inset:s=!1,asChild:t,className:d,ref:c,...a})=>{const l=t?h.Slot:"div",i=B(n),v=M(n,t,a);return g.jsx(w.Provider,{value:{design:r,intent:o,hasBackdrop:i,inset:s,isInteractive:v},children:g.jsx(l,{"data-spark-component":"card","data-interactive":v,ref:c,className:y({className:d,design:r,intent:o,hasBackdrop:i}),...a,children:n})})};x.displayName="Card";const N=p.cva(["relative h-full default:rounded-lg w-full focus-visible:u-outline","default:transition-colors default:duration-200 ease-linear"],{variants:{inset:{false:["default:p-lg"]},design:{filled:[],outlined:["default:bg-surface group-focus:bg-surface-hovered group-not-disabled:group-data-[interactive=true]:group-hover:bg-surface-hovered"],tinted:[]},hasBackdrop:{true:["rounded-t-[16px_8px] "]},intent:e.makeVariants({main:[],support:[],accent:[],basic:[],success:[],alert:[],danger:[],info:[],neutral:[],surface:[],surfaceInverse:[]})},compoundVariants:[{intent:"main",design:"filled",class:e.tw(["bg-main text-on-main group-focus:bg-main-hovered","group-not-disabled:group-data-[interactive=true]:group-hover:bg-main-hovered"])},{intent:"support",design:"filled",class:e.tw(["bg-support text-on-support group-focus:bg-support-hovered","group-not-disabled:group-data-[interactive=true]:group-hover:bg-support-hovered"])},{intent:"accent",design:"filled",class:e.tw(["bg-accent text-on-accent group-focus:bg-accent-hovered","group-not-disabled:group-data-[interactive=true]:group-hover:bg-accent-hovered"])},{intent:"basic",design:"filled",class:e.tw(["bg-basic text-on-basic group-focus:bg-basic-hovered","group-not-disabled:group-data-[interactive=true]:group-hover:bg-basic-hovered"])},{intent:"success",design:"filled",class:e.tw(["bg-success text-on-success group-focus:bg-success-hovered","group-not-disabled:group-data-[interactive=true]:group-hover:bg-success-hovered"])},{intent:"alert",design:"filled",class:e.tw(["bg-alert text-on-alert group-focus:bg-alert-hovered","group-not-disabled:group-data-[interactive=true]:group-hover:bg-alert-hovered"])},{intent:"danger",design:"filled",class:e.tw(["text-on-error bg-error group-focus:bg-error-hovered","group-not-disabled:group-data-[interactive=true]:group-hover:bg-error-hovered"])},{intent:"info",design:"filled",class:e.tw(["text-on-error bg-info group-focus:bg-info-hovered","group-not-disabled:group-data-[interactive=true]:group-hover:bg-info-hovered"])},{intent:"neutral",design:"filled",class:e.tw(["bg-neutral text-on-neutral group-focus:bg-neutral-hovered","group-not-disabled:group-data-[interactive=true]:group-hover:bg-neutral-hovered"])},{intent:"surface",design:"filled",class:e.tw(["bg-surface text-on-surface group-focus:bg-surface-hovered","group-not-disabled:group-data-[interactive=true]:group-hover:bg-surface-hovered"])},{intent:"main",design:"tinted",class:e.tw(["bg-main-container text-on-main-container group-focus:bg-main-container-hovered","group-not-disabled:group-data-[interactive=true]:group-hover:bg-main-container-hovered"])},{intent:"support",design:"tinted",class:e.tw(["bg-support-container text-on-support-container group-focus:bg-support-container-hovered","group-not-disabled:group-data-[interactive=true]:group-hover:bg-support-container-hovered"])},{intent:"accent",design:"tinted",class:e.tw(["bg-accent-container text-on-accent-container group-focus:bg-accent-container-hovered","group-not-disabled:group-data-[interactive=true]:group-hover:bg-accent-container-hovered"])},{intent:"basic",design:"tinted",class:e.tw(["bg-basic-container text-on-basic-container group-focus:bg-basic-container-hovered"])},{intent:"success",design:"tinted",class:e.tw(["bg-success-container text-on-success-container group-focus:bg-success-container-hovered","group-not-disabled:group-data-[interactive=true]:group-hover:bg-success-container-hovered"])},{intent:"alert",design:"tinted",class:e.tw(["bg-alert-container text-on-alert-container group-focus:bg-alert-container-hovered","group-not-disabled:group-data-[interactive=true]:group-hover:bg-alert-container-hovered"])},{intent:"danger",design:"tinted",class:e.tw(["bg-error-container text-on-error-container group-focus:bg-error-container-hovered","group-not-disabled:group-data-[interactive=true]:group-hover:bg-error-container-hovered"])},{intent:"info",design:"tinted",class:e.tw(["bg-info-container text-on-info-container group-focus:bg-info-container-hovered","group-not-disabled:group-data-[interactive=true]:group-hover:bg-info-container-hovered"])},{intent:"neutral",design:"tinted",class:e.tw(["bg-neutral-container text-on-neutral-container group-focus:bg-neutral-container-hovered","group-not-disabled:group-data-[interactive=true]:group-hover:bg-neutral-container-hovered"])},{intent:"surface",design:"tinted",class:e.tw(["bg-surface text-on-surface group-focus:bg-surface-hovered","group-not-disabled:group-data-[interactive=true]:group-hover:bg-surface-hovered"])}],defaultVariants:{design:"filled",intent:"surface",inset:!1,hasBackdrop:!0}}),b=({children:n,inset:r,asChild:o,className:s,ref:t,...d})=>{const c=o?h.Slot:"div",{design:a,intent:l,hasBackdrop:i}=E();return g.jsx(c,{"data-spark-component":"card-content",ref:t,className:N({className:s,design:a,intent:l,inset:r,hasBackdrop:i}),...d,children:n})};b.displayName="Content";const C=Object.assign(x,{Content:b,Backdrop:f});C.displayName="Card";b.displayName="Card.Content";f.displayName="Card.Backdrop";exports.Card=C;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("react/jsx-runtime"),e=require("@spark-ui/internal-utils"),p=require("class-variance-authority"),h=require("../Slot-DQ8z2zsy.js"),u=require("react"),k=p.cva(["default:bg-surface default:bg-gradient-to-r absolute inset-x-0 top-0","h-sz-16","default:rounded-t-lg","bg-[length:200%_100%] bg-position-[0%_0%]"],{variants:{animation:{none:"",pulse:"animate-standalone-backdrop-pulse"},intent:e.makeVariants({main:["default:from-main/dim-4 default:via-main/dim-2 default:to-main/dim-4"],support:["default:from-support/dim-4 default:via-support/dim-2 default:to-support/dim-4"],accent:["default:from-accent/dim-4 default:via-accent/dim-2 default:to-accent/dim-4"],basic:["default:from-basic/dim-4 default:via-basic/dim-2 default:to-basic/dim-4"],success:["default:from-success/dim-4 default:via-success/dim-2 default:to-success/dim-4"],alert:["default:from-alert/dim-4 default:via-alert/dim-2 default:to-alert/dim-4"],danger:["default:from-error/dim-4 default:via-error/dim-2 default:to-error/dim-4"],info:["default:from-info/dim-4 default:via-info/dim-2 default:to-info/dim-4"],neutral:["default:from-neutral/dim-4 default:via-neutral/dim-2 default:to-neutral/dim-4"],surface:["default:from-outline/dim-4 default:via-outline/dim-2 default:to-outline/dim-4"],surfaceInverse:["default:from-surface/dim-4 default:via-surface/dim-2 default:to-surface/dim-4"]})},defaultVariants:{intent:"main",animation:"none"}}),f=({intent:n="main",animation:r="none",...o})=>g.jsx("div",{className:k({intent:n,animation:r}),...o});f.displayName="Card.Backdrop";const y=p.cva(["group relative bg-clip-padding default:rounded-lg focus-visible:u-outline","disabled:opacity-dim-3 disabled:cursor-not-allowed"],{variants:{design:{filled:[],outlined:["border-sm"],tinted:[]},hasBackdrop:{true:["pt-md"]},intent:e.makeVariants({main:[],support:[],accent:[],basic:[],success:[],alert:[],danger:[],info:[],neutral:[],surface:[],surfaceInverse:[]})},compoundVariants:[{intent:"main",design:"outlined",class:e.tw(["border-main"])},{intent:"support",design:"outlined",class:e.tw(["border-support"])},{intent:"accent",design:"outlined",class:e.tw(["border-accent"])},{intent:"basic",design:"outlined",class:e.tw(["border-basic"])},{intent:"success",design:"outlined",class:e.tw(["border-success"])},{intent:"alert",design:"outlined",class:e.tw(["border-alert"])},{intent:"danger",design:"outlined",class:e.tw(["border-error"])},{intent:"info",design:"outlined",class:e.tw(["border-info"])},{intent:"neutral",design:"outlined",class:e.tw(["border-neutral"])},{intent:"surface",design:"outlined",class:e.tw(["border-outline"])}],defaultVariants:{design:"filled",intent:"surface"}}),w=u.createContext(void 0),E=()=>{const n=u.useContext(w);if(!n)throw new Error("useCardContext must be used within a Card component");return n},m=["onClick","onMouseDown","onMouseUp","onMouseEnter","onMouseLeave","onMouseMove","onMouseOver","onMouseOut","onDoubleClick","onContextMenu"],B=n=>{let r=!1;const o=s=>{r||u.Children.forEach(s,t=>{if(!r&&u.isValidElement(t)){if(typeof t.type=="function"&&t.type.displayName==="Card.Backdrop"){r=!0;return}if(t.props&&typeof t.props=="object"&&"children"in t.props){const a=t.props.children;a!=null&&o(a)}}})};return o(n),r},M=(n,r,o)=>{if(m.some(i=>i in o))return!0;if(!r)return!1;const t=u.Children.only(n);if(!u.isValidElement(t))return!1;const d=["a","button"];if(typeof t.type=="string"&&d.includes(t.type))return!0;const a=t.props;return m.some(i=>i in a)},x=({children:n,design:r="filled",intent:o="surface",inset:s=!1,asChild:t,className:d,ref:c,...a})=>{const l=t?h.Slot:"div",i=B(n),v=M(n,t,a);return g.jsx(w.Provider,{value:{design:r,intent:o,hasBackdrop:i,inset:s,isInteractive:v},children:g.jsx(l,{"data-spark-component":"card","data-interactive":v,ref:c,className:y({className:d,design:r,intent:o,hasBackdrop:i}),...a,children:n})})};x.displayName="Card";const V=p.cva(["relative h-full default:rounded-lg w-full focus-visible:u-outline","default:transition-colors default:duration-200 ease-linear"],{variants:{inset:{false:["default:p-lg"]},design:{filled:[],outlined:["default:bg-surface group-focus:bg-surface-hovered group-not-disabled:group-data-[interactive=true]:group-hover:bg-surface-hovered"],tinted:[]},hasBackdrop:{true:["rounded-t-[16px_8px] "]},intent:e.makeVariants({main:[],support:[],accent:[],basic:[],success:[],alert:[],danger:[],info:[],neutral:[],surface:[],surfaceInverse:[]})},compoundVariants:[{intent:"main",design:"filled",class:e.tw(["bg-main text-on-main group-focus:bg-main-hovered","group-not-disabled:group-data-[interactive=true]:group-hover:bg-main-hovered"])},{intent:"support",design:"filled",class:e.tw(["bg-support text-on-support group-focus:bg-support-hovered","group-not-disabled:group-data-[interactive=true]:group-hover:bg-support-hovered"])},{intent:"accent",design:"filled",class:e.tw(["bg-accent text-on-accent group-focus:bg-accent-hovered","group-not-disabled:group-data-[interactive=true]:group-hover:bg-accent-hovered"])},{intent:"basic",design:"filled",class:e.tw(["bg-basic text-on-basic group-focus:bg-basic-hovered","group-not-disabled:group-data-[interactive=true]:group-hover:bg-basic-hovered"])},{intent:"success",design:"filled",class:e.tw(["bg-success text-on-success group-focus:bg-success-hovered","group-not-disabled:group-data-[interactive=true]:group-hover:bg-success-hovered"])},{intent:"alert",design:"filled",class:e.tw(["bg-alert text-on-alert group-focus:bg-alert-hovered","group-not-disabled:group-data-[interactive=true]:group-hover:bg-alert-hovered"])},{intent:"danger",design:"filled",class:e.tw(["text-on-error bg-error group-focus:bg-error-hovered","group-not-disabled:group-data-[interactive=true]:group-hover:bg-error-hovered"])},{intent:"info",design:"filled",class:e.tw(["text-on-error bg-info group-focus:bg-info-hovered","group-not-disabled:group-data-[interactive=true]:group-hover:bg-info-hovered"])},{intent:"neutral",design:"filled",class:e.tw(["bg-neutral text-on-neutral group-focus:bg-neutral-hovered","group-not-disabled:group-data-[interactive=true]:group-hover:bg-neutral-hovered"])},{intent:"surface",design:"filled",class:e.tw(["bg-surface text-on-surface group-focus:bg-surface-hovered","group-not-disabled:group-data-[interactive=true]:group-hover:bg-surface-hovered"])},{intent:"main",design:"tinted",class:e.tw(["bg-main-container text-on-main-container group-focus:bg-main-container-hovered","group-not-disabled:group-data-[interactive=true]:group-hover:bg-main-container-hovered"])},{intent:"support",design:"tinted",class:e.tw(["bg-support-container text-on-support-container group-focus:bg-support-container-hovered","group-not-disabled:group-data-[interactive=true]:group-hover:bg-support-container-hovered"])},{intent:"accent",design:"tinted",class:e.tw(["bg-accent-container text-on-accent-container group-focus:bg-accent-container-hovered","group-not-disabled:group-data-[interactive=true]:group-hover:bg-accent-container-hovered"])},{intent:"basic",design:"tinted",class:e.tw(["bg-basic-container text-on-basic-container group-focus:bg-basic-container-hovered"])},{intent:"success",design:"tinted",class:e.tw(["bg-success-container text-on-success-container group-focus:bg-success-container-hovered","group-not-disabled:group-data-[interactive=true]:group-hover:bg-success-container-hovered"])},{intent:"alert",design:"tinted",class:e.tw(["bg-alert-container text-on-alert-container group-focus:bg-alert-container-hovered","group-not-disabled:group-data-[interactive=true]:group-hover:bg-alert-container-hovered"])},{intent:"danger",design:"tinted",class:e.tw(["bg-error-container text-on-error-container group-focus:bg-error-container-hovered","group-not-disabled:group-data-[interactive=true]:group-hover:bg-error-container-hovered"])},{intent:"info",design:"tinted",class:e.tw(["bg-info-container text-on-info-container group-focus:bg-info-container-hovered","group-not-disabled:group-data-[interactive=true]:group-hover:bg-info-container-hovered"])},{intent:"neutral",design:"tinted",class:e.tw(["bg-neutral-container text-on-neutral-container group-focus:bg-neutral-container-hovered","group-not-disabled:group-data-[interactive=true]:group-hover:bg-neutral-container-hovered"])},{intent:"surface",design:"tinted",class:e.tw(["bg-surface text-on-surface group-focus:bg-surface-hovered","group-not-disabled:group-data-[interactive=true]:group-hover:bg-surface-hovered"])}],defaultVariants:{design:"filled",intent:"surface",inset:!1,hasBackdrop:!0}}),b=({children:n,inset:r,asChild:o,className:s,ref:t,...d})=>{const c=o?h.Slot:"div",{design:a,intent:l,hasBackdrop:i}=E();return g.jsx(c,{"data-spark-component":"card-content",ref:t,className:V({className:s,design:a,intent:l,inset:r,hasBackdrop:i}),...d,children:n})};b.displayName="Content";const C=Object.assign(x,{Content:b,Backdrop:f});C.displayName="Card";b.displayName="Card.Content";f.displayName="Card.Backdrop";exports.Card=C;
 //# sourceMappingURL=index.js.map