neba 1.11.0 → 1.12.0

package/dist/components/avatar-group/AvatarGroup.js

@@ -1 +0,0 @@
-"use client";import{jsx as r,jsxs as e}from"react/jsx-runtime";import*as a from"react";import{Avatar as t}from"../avatar/Avatar.js";import{AvatarGroupContext as i}from"../../internal/avatar-group.js";import{cx as n}from"../../internal/styles.js";import{useStyleDefaults as s}from"../../internal/defaults.js";const l={xs:"0.375rem",sm:"0.5rem",md:"0.625rem",lg:"0.75rem",xl:"0.875rem"};export const AvatarGroup=/*@__PURE__*/a.forwardRef(function(o,m){const{max:c,total:v,overlap:p,size:f="md",shape:d="circle",variant:u="text",color:x="primary",elevation:h=0,className:g,style:j,children:y,...z}=s(o,["size","variant"]),A=a.useMemo(()=>({size:f,shape:d,variant:u,color:x,elevation:h}),[f,d,u,x,h]),M=a.Children.toArray(y),b=void 0===c?M:M.slice(0,Math.max(0,c)),N=v??M.length,$=Math.max(0,N-b.length);return r(i.Provider,{value:A,children:e("div",{ref:m,className:n("isolate inline-flex items-center","[&>*:not(:first-child)]:[margin-inline-start:calc(var(--n-overlap)*-1)]","[&>*]:ring-2 [&>*]:ring-(--neba-surface)",g??""),style:{"--n-overlap":void 0===p?l[f]:"number"==typeof p?`${p}px`:p,...j},...z,children:[b,$>0?r(t,{initials:`+${$}`}):null]})})});

package/dist/components/avatar-group/index.d.ts

@@ -1,2 +0,0 @@
-export { AvatarGroup } from './AvatarGroup.js';
-export type { AvatarGroupProps } from './AvatarGroup.js';

package/dist/components/avatar-group/index.js

@@ -1 +0,0 @@
-export{AvatarGroup}from"./AvatarGroup.js";

package/dist/internal/avatar-group.d.ts

@@ -1,22 +0,0 @@
-import * as React from 'react';
-import type { AvatarShape } from '../components/avatar/Avatar.js';
-import type { NebaColor, NebaElevation, NebaSize, NebaVariant } from '../types.js';
-/**
- * What an Avatar inherits from the AvatarGroup around it.
- *
- * `button-group.ts`'s arrangement, one component over and for the same reason:
- * a stack of avatars where the fourth one is a size out is not a stack, and
- * `React.Children.map` with `cloneElement` stops working the moment a caller
- * wraps one of them in a Tooltip or produces them from a `.map()`.
- *
- * It lives here rather than in the avatar-group folder so that Avatar can read
- * it without the two components importing each other.
- */
-export interface AvatarGroupContextValue {
-    size?: NebaSize;
-    shape?: AvatarShape;
-    variant?: NebaVariant;
-    color?: NebaColor;
-    elevation?: NebaElevation;
-}
-export declare const AvatarGroupContext: React.Context<AvatarGroupContextValue | null>;

package/dist/internal/avatar-group.js

@@ -1 +0,0 @@
-"use client";import*as t from"react";export const AvatarGroupContext=/*@__PURE__*/t.createContext(null);