@beydesign/storybook 0.5.3 → 0.5.4

package/dist/stories/EntityCard/EntityCard.js

@@ -3,22 +3,11 @@ import { useState } from 'react';
 import { Box } from '@mui/material';
 import { keyframes } from '@emotion/react';
 import { ArrowsClockwise, Warning } from '@phosphor-icons/react';
+import { ASPECT_RATIO_BY_VIEW, WIDTH_BY_VIEW } from './constants';
 import { AvatarSilhouette } from './AvatarSilhouette';
 import { Typography, TypographySize, TypographyWeight } from '../Typography';
 import { Menu, Badge, BadgeColor, BadgeSize } from '../UI';
 import { MainButton, ButtonHierarchy, ButtonSize, ButtonDisplayMode, } from '../Buttons';
-/** Default card width per view variant. */
-const WIDTH_BY_VIEW = {
-    avatar: '208px',
-    agent: '280px',
-    video: '340px',
-};
-/** Default image aspect ratio per view variant. */
-const ASPECT_RATIO_BY_VIEW = {
-    avatar: '203 / 264',
-    agent: '264 / 268',
-    video: '16 / 9',
-};
 /** Empty-state label per view variant, shown over the silhouette when there is no image. */
 const EMPTY_TEXT_BY_VIEW = {
     avatar: 'Avatar is not available',

package/dist/stories/EntityCard/EntityCardSkeleton.js

@@ -1,18 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Box } from '@mui/material';
+import { ASPECT_RATIO_BY_VIEW, WIDTH_BY_VIEW } from './constants';
 import { SkeletonLoader } from '../UI';
-/** Default card width per view variant. */
-const WIDTH_BY_VIEW = {
-    avatar: '208px',
-    agent: '280px',
-    video: '340px',
-};
-/** Default image aspect ratio per view variant. */
-const ASPECT_RATIO_BY_VIEW = {
-    avatar: '203 / 264',
-    agent: '1 / 1',
-    video: '16 / 9',
-};
 export const EntityCardSkeleton = ({ view = 'avatar', aspectRatio, width, showDescription = false, style, }) => {
     const cardWidth = width ?? WIDTH_BY_VIEW[view];
     const imageAspectRatio = aspectRatio ?? ASPECT_RATIO_BY_VIEW[view];

package/dist/stories/EntityCard/constants.d.ts

@@ -0,0 +1,9 @@
+import { EntityCardView } from './types';
+/**
+ * Card metrics shared by EntityCard and EntityCardSkeleton — the skeleton
+ * stands in for the card while its media loads, so both must measure the same.
+ */
+/** Default card width per view variant. */
+export declare const WIDTH_BY_VIEW: Record<EntityCardView, string>;
+/** Default image aspect ratio per view variant. */
+export declare const ASPECT_RATIO_BY_VIEW: Record<EntityCardView, string>;

package/dist/stories/EntityCard/constants.js

@@ -0,0 +1,16 @@
+/**
+ * Card metrics shared by EntityCard and EntityCardSkeleton — the skeleton
+ * stands in for the card while its media loads, so both must measure the same.
+ */
+/** Default card width per view variant. */
+export const WIDTH_BY_VIEW = {
+    avatar: '208px',
+    agent: '280px',
+    video: '340px',
+};
+/** Default image aspect ratio per view variant. */
+export const ASPECT_RATIO_BY_VIEW = {
+    avatar: '203 / 264',
+    agent: '264 / 268',
+    video: '16 / 9',
+};

package/dist/stories/EntityCard/types.d.ts

@@ -62,7 +62,7 @@ export interface EntityCardProps {
 export interface EntityCardSkeletonProps {
     /** View variant — drives default width and image aspect ratio */
     view?: EntityCardView;
-    /** Aspect ratio of the placeholder — overrides the per-view default */
+    /** Aspect ratio of the placeholder — overrides the per-view default (`203 / 264` avatar, `264 / 268` agent, `16 / 9` video) */
     aspectRatio?: string;
     /** Width of the card (overrides the view default) */
     width?: string | number;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@beydesign/storybook",
   "private": false,
-  "version": "0.5.3",
+  "version": "0.5.4",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.js",