tembro 2.1.13 → 3.1.1

package/dist/src/showcase/premium/index.js

@@ -0,0 +1,672 @@
+import { DataTableShowcase as e } from "./data-table/showcase.js";
+import { dataTableMock as t } from "./data-table/mock.js";
+import { AlertShowcase as ee } from "./alert/showcase.js";
+import { alertMock as te } from "./alert/mock.js";
+import { AlertDialogShowcase as ne } from "./alert-dialog/showcase.js";
+import { alertDialogMock as re } from "./alert-dialog/mock.js";
+import { accordionMock as n } from "./accordion/mock.js";
+import { AccordionShowcase as r } from "./accordion/showcase.js";
+import { ActivityFeedShowcase as i } from "./activity-feed/showcase.js";
+import { activityFeedMock as a } from "./activity-feed/mock.js";
+import { ActionMenuShowcase as o } from "./action-menu/showcase.js";
+import { actionMenuMock as s } from "./action-menu/mock.js";
+import { AppSidebarShowcase as c } from "./app-sidebar/showcase.js";
+import { appSidebarMock as l } from "./app-sidebar/mock.js";
+import { AsyncSelectShowcase as u } from "./async-select/showcase.js";
+import { asyncSelectMock as d } from "./async-select/mock.js";
+import { AsyncMultiSelectShowcase as f } from "./async-multi-select/showcase.js";
+import { asyncMultiSelectMock as p } from "./async-multi-select/mock.js";
+import { avatarMock as m } from "./avatar/mock.js";
+import { AvatarShowcase as h } from "./avatar/showcase.js";
+import { carouselMock as g } from "./carousel/mock.js";
+import { CarouselShowcase as _ } from "./carousel/showcase.js";
+import { ClearableInputShowcase as v } from "./clearable-input/showcase.js";
+import { clearableInputMock as y } from "./clearable-input/mock.js";
+import { jsonInputMock as b } from "./json-input/mock.js";
+import { JsonInputShowcase as x } from "./json-input/showcase.js";
+import { BadgeShowcase as S } from "./badge/showcase.js";
+import { badgeMock as C } from "./badge/mock.js";
+import { dividerMock as w } from "./divider/mock.js";
+import { DividerShowcase as T } from "./divider/showcase.js";
+import { BreadcrumbsShowcase as E } from "./breadcrumbs/showcase.js";
+import { breadcrumbsMock as D } from "./breadcrumbs/mock.js";
+import { ButtonShowcase as O } from "./button/showcase.js";
+import { buttonMock as k } from "./button/mock.js";
+import { ButtonGroupShowcase as A } from "./button-group/showcase.js";
+import { buttonGroupMock as j } from "./button-group/mock.js";
+import { CalendarShowcase as M } from "./calendar/showcase.js";
+import { calendarMock as N } from "./calendar/mock.js";
+import { calendarSchedulerMock as P } from "./calendar-scheduler/mock.js";
+import { CalendarSchedulerShowcase as F } from "./calendar-scheduler/showcase.js";
+import { CardShowcase as I } from "./card/showcase.js";
+import { cardMock as L } from "./card/mock.js";
+import { CheckboxShowcase as R } from "./checkbox/showcase.js";
+import { checkboxMock as z } from "./checkbox/mock.js";
+import { codeBlockMock as B } from "./code-block/mock.js";
+import { CodeBlockShowcase as V } from "./code-block/showcase.js";
+import { dualListPickerMock as H } from "./dual-list-picker/mock.js";
+import { DualListPickerShowcase as U } from "./dual-list-picker/showcase.js";
+import { CollapseShowcase as W } from "./collapse/showcase.js";
+import { collapseMock as G } from "./collapse/mock.js";
+import { ComboboxShowcase as K } from "./combobox/showcase.js";
+import { comboboxMock as q } from "./combobox/mock.js";
+import { commandBarMock as J } from "./command-bar/mock.js";
+import { CommandBarShowcase as Y } from "./command-bar/showcase.js";
+import { CommandPaletteShowcase as X } from "./command-palette/showcase.js";
+import { commandPaletteMock as ie } from "./command-palette/mock.js";
+import { ConfirmDialogShowcase as ae } from "./confirm-dialog/showcase.js";
+import { confirmDialogMock as oe } from "./confirm-dialog/mock.js";
+import { copyButtonMock as se } from "./copy-button/mock.js";
+import { CopyButtonShowcase as ce } from "./copy-button/showcase.js";
+import { copyFieldMock as le } from "./copy-field/mock.js";
+import { CopyFieldShowcase as ue } from "./copy-field/showcase.js";
+import { dataStateMock as de } from "./data-state/mock.js";
+import { DataStateShowcase as fe } from "./data-state/showcase.js";
+import { DateInputShowcase as pe } from "./date-input/showcase.js";
+import { dateInputMock as me } from "./date-input/mock.js";
+import { DatePickerShowcase as he } from "./date-picker/showcase.js";
+import { datePickerMock as ge } from "./date-picker/mock.js";
+import { DateRangeInputShowcase as _e } from "./date-range-input/showcase.js";
+import { dateRangeInputMock as ve } from "./date-range-input/mock.js";
+import { DateRangePickerShowcase as ye } from "./date-range-picker/showcase.js";
+import { dateRangePickerMock as be } from "./date-range-picker/mock.js";
+import { DescriptionListShowcase as xe } from "./description-list/showcase.js";
+import { descriptionListMock as Se } from "./description-list/mock.js";
+import { descriptionsMock as Ce } from "./descriptions/mock.js";
+import { DescriptionsShowcase as we } from "./descriptions/showcase.js";
+import { DialogShowcase as Te } from "./dialog/showcase.js";
+import { dialogMock as Ee } from "./dialog/mock.js";
+import { DropdownMenuShowcase as De } from "./dropdown-menu/showcase.js";
+import { dropdownMenuMock as Oe } from "./dropdown-menu/mock.js";
+import { DrawerShowcase as ke } from "./drawer/showcase.js";
+import { drawerMock as Ae } from "./drawer/mock.js";
+import { FormWrapperShowcase as Z } from "./form-wrapper/showcase.js";
+import { formRHFWrapperMock as Q, formSelectMock as je } from "./form-wrapper/mock.js";
+import { HoverCardShowcase as Me } from "./hover-card/showcase.js";
+import { hoverCardMock as Ne } from "./hover-card/mock.js";
+import { kanbanBoardMock as Pe } from "./kanban-board/mock.js";
+import { KanbanBoardShowcase as Fe } from "./kanban-board/showcase.js";
+import { InfoCardShowcase as Ie } from "./info-card/showcase.js";
+import { infoCardMock as Le } from "./info-card/mock.js";
+import { InputShowcase as Re } from "./input/showcase.js";
+import { inputMock as ze } from "./input/mock.js";
+import { KbdShowcase as Be } from "./kbd/showcase.js";
+import { kbdMock as Ve } from "./kbd/mock.js";
+import { listMock as He } from "./list/mock.js";
+import { ListShowcase as Ue } from "./list/showcase.js";
+import { LoadingStateShowcase as We } from "./loading-state/showcase.js";
+import { loadingStateMock as Ge } from "./loading-state/mock.js";
+import { timePickerMock as Ke } from "./time-picker/mock.js";
+import { TimePickerShowcase as qe } from "./time-picker/showcase.js";
+import { stickyFooterBarMock as Je } from "./sticky-footer-bar/mock.js";
+import { StickyFooterBarShowcase as Ye } from "./sticky-footer-bar/showcase.js";
+import { MaskedInputShowcase as Xe } from "./masked-input/showcase.js";
+import { maskedInputMock as Ze } from "./masked-input/mock.js";
+import { MetricGridShowcase as Qe } from "./metric-grid/showcase.js";
+import { metricGridMock as $e } from "./metric-grid/mock.js";
+import { ModalShellShowcase as et } from "./modal-shell/showcase.js";
+import { modalShellMock as tt } from "./modal-shell/mock.js";
+import { resizablePanelMock as nt } from "./resizable-panel/mock.js";
+import { ResizablePanelShowcase as rt } from "./resizable-panel/showcase.js";
+import { MoneyInputShowcase as it } from "./money-input/showcase.js";
+import { moneyInputMock as at } from "./money-input/mock.js";
+import { NotificationCenterShowcase as ot } from "./notification-center/showcase.js";
+import { notificationCenterMock as st } from "./notification-center/mock.js";
+import { NumberInputShowcase as ct } from "./number-input/showcase.js";
+import { numberInputMock as $ } from "./number-input/mock.js";
+import { OtpInputShowcase as lt } from "./otp-input/showcase.js";
+import { otpInputMock as ut } from "./otp-input/mock.js";
+import { PageContainerShowcase as dt } from "./page-container/showcase.js";
+import { pageContainerMock as ft } from "./page-container/mock.js";
+import { PageHeaderShowcase as pt } from "./page-header/showcase.js";
+import { pageHeaderMock as mt } from "./page-header/mock.js";
+import { PageTabsShowcase as ht } from "./page-tabs/showcase.js";
+import { pageTabsMock as gt } from "./page-tabs/mock.js";
+import { sectionMock as _t } from "./section/mock.js";
+import { SectionShowcase as vt } from "./section/showcase.js";
+import { PhoneInputShowcase as yt } from "./phone-input/showcase.js";
+import { phoneInputMock as bt } from "./phone-input/mock.js";
+import { PageStateShowcase as xt } from "./page-state/showcase.js";
+import { pageStateMock as St } from "./page-state/mock.js";
+import { PaginationShowcase as Ct } from "./pagination/showcase.js";
+import { paginationMock as wt } from "./pagination/mock.js";
+import { PopoverShowcase as Tt } from "./popover/showcase.js";
+import { popoverMock as Et } from "./popover/mock.js";
+import { propertyGridMock as Dt } from "./property-grid/mock.js";
+import { PropertyGridShowcase as Ot } from "./property-grid/showcase.js";
+import { ProgressShowcase as kt } from "./progress/showcase.js";
+import { progressMock as At } from "./progress/mock.js";
+import { QuantityInputShowcase as jt } from "./quantity-input/showcase.js";
+import { quantityInputMock as Mt } from "./quantity-input/mock.js";
+import { RadioGroupShowcase as Nt } from "./radio-group/showcase.js";
+import { radioGroupMock as Pt } from "./radio-group/mock.js";
+import { ResultShowcase as Ft } from "./result/showcase.js";
+import { resultMock as It } from "./result/mock.js";
+import { RightClickMenuShowcase as Lt } from "./right-click-menu/showcase.js";
+import { rightClickMenuMock as Rt } from "./right-click-menu/mock.js";
+import { ScrollBoxShowcase as zt } from "./scroll-box/showcase.js";
+import { scrollBoxMock as Bt } from "./scroll-box/mock.js";
+import { SavedFilterSelectShowcase as Vt } from "./saved-filter-select/showcase.js";
+import { savedFilterSelectMock as Ht } from "./saved-filter-select/mock.js";
+import { sortableListMock as Ut } from "./sortable-list/mock.js";
+import { SortableListShowcase as Wt } from "./sortable-list/showcase.js";
+import { SearchInputShowcase as Gt } from "./search-input/showcase.js";
+import { searchInputMock as Kt } from "./search-input/mock.js";
+import { segmentedControlMock as qt } from "./segmented-control/mock.js";
+import { SegmentedControlShowcase as Jt } from "./segmented-control/showcase.js";
+import { SelectShowcase as Yt } from "./select/showcase.js";
+import { selectMock as Xt } from "./select/mock.js";
+import { SheetShellShowcase as Zt } from "./sheet-shell/showcase.js";
+import { sheetShellMock as Qt } from "./sheet-shell/mock.js";
+import { SidebarNavShowcase as $t } from "./sidebar-nav/showcase.js";
+import { sidebarNavMock as en } from "./sidebar-nav/mock.js";
+import { AppShellShowcase as tn } from "./app-shell/showcase.js";
+import { appShellMock as nn } from "./app-shell/mock.js";
+import { SimpleSelectShowcase as rn } from "./simple-select/showcase.js";
+import { simpleSelectMock as an } from "./simple-select/mock.js";
+import { SliderShowcase as on } from "./slider/showcase.js";
+import { sliderMock as sn } from "./slider/mock.js";
+import { skeletonMock as cn } from "./skeleton/mock.js";
+import { SkeletonShowcase as ln } from "./skeleton/showcase.js";
+import { spinnerMock as un } from "./spinner/mock.js";
+import { SpinnerShowcase as dn } from "./spinner/showcase.js";
+import { statisticMock as fn } from "./statistic/mock.js";
+import { StatisticShowcase as pn } from "./statistic/showcase.js";
+import { SwitchShowcase as mn } from "./switch/showcase.js";
+import { switchMock as hn } from "./switch/mock.js";
+import { TagInputShowcase as gn } from "./tag-input/showcase.js";
+import { tagInputMock as _n } from "./tag-input/mock.js";
+import { TableShowcase as vn } from "./table/showcase.js";
+import { tableMock as yn } from "./table/mock.js";
+import { TabsShowcase as bn } from "./tabs/showcase.js";
+import { tabsMock as xn } from "./tabs/mock.js";
+import { TextareaShowcase as Sn } from "./textarea/showcase.js";
+import { textareaMock as Cn } from "./textarea/mock.js";
+import { TimelineShowcase as wn } from "./timeline/showcase.js";
+import { timelineMock as Tn } from "./timeline/mock.js";
+import { tagMock as En } from "./tag/mock.js";
+import { TagShowcase as Dn } from "./tag/showcase.js";
+import { typographyMock as On } from "./typography/mock.js";
+import { TypographyShowcase as kn } from "./typography/showcase.js";
+import { treeViewMock as An } from "./tree-view/mock.js";
+import { TreeViewShowcase as jn } from "./tree-view/showcase.js";
+import { ToastShowcase as Mn } from "./toast/showcase.js";
+import { toastMock as Nn } from "./toast/mock.js";
+import { TooltipShowcase as Pn } from "./tooltip/showcase.js";
+import { tooltipMock as Fn } from "./tooltip/mock.js";
+import { FileUploadShowcase as In } from "./file-upload/showcase.js";
+import { fileUploadMock as Ln } from "./file-upload/mock.js";
+import { ImageUploadShowcase as Rn } from "./image-upload/showcase.js";
+import { imageUploadMock as zn } from "./image-upload/mock.js";
+import { PasswordInputShowcase as Bn } from "./password-input/showcase.js";
+import { passwordInputMock as Vn } from "./password-input/mock.js";
+import { RatingShowcase as Hn } from "./rating/showcase.js";
+import { ratingMock as Un } from "./rating/mock.js";
+import { virtualListMock as Wn } from "./virtual-list/mock.js";
+import { VirtualListShowcase as Gn } from "./virtual-list/showcase.js";
+import { defaultComponentDemoState as Kn } from "./types.js";
+//#region src/showcase/premium/index.ts
+var qn = {
+	alert: {
+		mock: te,
+		Showcase: ee
+	},
+	"alert-dialog": {
+		mock: re,
+		Showcase: ne
+	},
+	accordion: {
+		mock: n,
+		Showcase: r
+	},
+	"action-menu": {
+		mock: s,
+		Showcase: o
+	},
+	button: {
+		mock: k,
+		Showcase: O
+	},
+	"button-group": {
+		mock: j,
+		Showcase: A
+	},
+	calendar: {
+		mock: N,
+		Showcase: M
+	},
+	"calendar-scheduler": {
+		mock: P,
+		Showcase: F
+	},
+	"command-bar": {
+		mock: J,
+		Showcase: Y
+	},
+	"command-palette": {
+		mock: ie,
+		Showcase: X
+	},
+	carousel: {
+		mock: g,
+		Showcase: _
+	},
+	"clearable-input": {
+		mock: y,
+		Showcase: v
+	},
+	"code-block": {
+		mock: B,
+		Showcase: V
+	},
+	"dual-list-picker": {
+		mock: H,
+		Showcase: U
+	},
+	divider: {
+		mock: w,
+		Showcase: T
+	},
+	input: {
+		mock: ze,
+		Showcase: Re
+	},
+	textarea: {
+		mock: Cn,
+		Showcase: Sn
+	},
+	select: {
+		mock: Xt,
+		Showcase: Yt
+	},
+	combobox: {
+		mock: q,
+		Showcase: K
+	},
+	"radio-group": {
+		mock: Pt,
+		Showcase: Nt
+	},
+	"simple-select": {
+		mock: an,
+		Showcase: rn
+	},
+	"async-select": {
+		mock: d,
+		Showcase: u
+	},
+	"async-multi-select": {
+		mock: p,
+		Showcase: f
+	},
+	avatar: {
+		mock: m,
+		Showcase: h
+	},
+	"number-input": {
+		mock: $,
+		Showcase: ct
+	},
+	"money-input": {
+		mock: at,
+		Showcase: it
+	},
+	"password-input": {
+		mock: Vn,
+		Showcase: Bn
+	},
+	"date-input": {
+		mock: me,
+		Showcase: pe
+	},
+	"date-range-input": {
+		mock: ve,
+		Showcase: _e
+	},
+	"date-picker": {
+		mock: ge,
+		Showcase: he
+	},
+	"date-range-picker": {
+		mock: be,
+		Showcase: ye
+	},
+	"description-list": {
+		mock: Se,
+		Showcase: xe
+	},
+	descriptions: {
+		mock: Ce,
+		Showcase: we
+	},
+	drawer: {
+		mock: Ae,
+		Showcase: ke
+	},
+	"json-input": {
+		mock: b,
+		Showcase: x
+	},
+	kanban: {
+		mock: Pe,
+		Showcase: Fe
+	},
+	"otp-input": {
+		mock: ut,
+		Showcase: lt
+	},
+	"quantity-input": {
+		mock: Mt,
+		Showcase: jt
+	},
+	rating: {
+		mock: Un,
+		Showcase: Hn
+	},
+	"masked-input": {
+		mock: Ze,
+		Showcase: Xe
+	},
+	"phone-input": {
+		mock: bt,
+		Showcase: yt
+	},
+	"search-input": {
+		mock: Kt,
+		Showcase: Gt
+	},
+	slider: {
+		mock: sn,
+		Showcase: on
+	},
+	"time-picker": {
+		mock: Ke,
+		Showcase: qe
+	},
+	"tag-input": {
+		mock: _n,
+		Showcase: gn
+	},
+	"dropdown-menu": {
+		mock: Oe,
+		Showcase: De
+	},
+	"confirm-dialog": {
+		mock: oe,
+		Showcase: ae
+	},
+	checkbox: {
+		mock: z,
+		Showcase: R
+	},
+	"copy-button": {
+		mock: se,
+		Showcase: ce
+	},
+	"copy-field": {
+		mock: le,
+		Showcase: ue
+	},
+	switch: {
+		mock: hn,
+		Showcase: mn
+	},
+	badge: {
+		mock: C,
+		Showcase: S
+	},
+	card: {
+		mock: L,
+		Showcase: I
+	},
+	tabs: {
+		mock: xn,
+		Showcase: bn
+	},
+	collapse: {
+		mock: G,
+		Showcase: W
+	},
+	kbd: {
+		mock: Ve,
+		Showcase: Be
+	},
+	"modal-shell": {
+		mock: tt,
+		Showcase: et
+	},
+	"sheet-shell": {
+		mock: Qt,
+		Showcase: Zt
+	},
+	dialog: {
+		mock: Ee,
+		Showcase: Te
+	},
+	popover: {
+		mock: Et,
+		Showcase: Tt
+	},
+	tooltip: {
+		mock: Fn,
+		Showcase: Pn
+	},
+	"hover-card": {
+		mock: Ne,
+		Showcase: Me
+	},
+	"right-click-menu": {
+		mock: Rt,
+		Showcase: Lt
+	},
+	"data-table": {
+		mock: t,
+		Showcase: e
+	},
+	"data-table-column-visibility-menu": {
+		mock: t,
+		Showcase: e
+	},
+	"data-table-sortable-header": {
+		mock: t,
+		Showcase: e
+	},
+	"data-table-bulk-actions": {
+		mock: t,
+		Showcase: e
+	},
+	"data-table-view-presets": {
+		mock: t,
+		Showcase: e
+	},
+	"saved-filter-select": {
+		mock: Ht,
+		Showcase: Vt
+	},
+	"sortable-list": {
+		mock: Ut,
+		Showcase: Wt
+	},
+	"form-field": {
+		mock: Q,
+		Showcase: Z
+	},
+	"form-field-shell": {
+		mock: Q,
+		Showcase: Z
+	},
+	"form-input": {
+		mock: Q,
+		Showcase: Z
+	},
+	"form-select": {
+		mock: je,
+		Showcase: Z
+	},
+	"form-textarea": {
+		mock: Q,
+		Showcase: Z
+	},
+	"form-switch": {
+		mock: Q,
+		Showcase: Z
+	},
+	"form-date-range-input": {
+		mock: Q,
+		Showcase: Z
+	},
+	"form-date-picker": {
+		mock: Q,
+		Showcase: Z
+	},
+	"form-date-range-picker": {
+		mock: Q,
+		Showcase: Z
+	},
+	"segmented-control": {
+		mock: qt,
+		Showcase: Jt
+	},
+	skeleton: {
+		mock: cn,
+		Showcase: ln
+	},
+	spinner: {
+		mock: un,
+		Showcase: dn
+	},
+	table: {
+		mock: yn,
+		Showcase: vn
+	},
+	sidebar: {
+		mock: l,
+		Showcase: c
+	},
+	"app-shell": {
+		mock: nn,
+		Showcase: tn
+	},
+	"sidebar-nav": {
+		mock: en,
+		Showcase: $t
+	},
+	breadcrumbs: {
+		mock: D,
+		Showcase: E
+	},
+	"page-header": {
+		mock: mt,
+		Showcase: pt
+	},
+	"page-container": {
+		mock: ft,
+		Showcase: dt
+	},
+	"page-state": {
+		mock: St,
+		Showcase: xt
+	},
+	"page-tabs": {
+		mock: gt,
+		Showcase: ht
+	},
+	pagination: {
+		mock: wt,
+		Showcase: Ct
+	},
+	"metric-grid": {
+		mock: $e,
+		Showcase: Qe
+	},
+	"notification-center": {
+		mock: st,
+		Showcase: ot
+	},
+	"info-card": {
+		mock: Le,
+		Showcase: Ie
+	},
+	list: {
+		mock: He,
+		Showcase: Ue
+	},
+	"property-grid": {
+		mock: Dt,
+		Showcase: Ot
+	},
+	"activity-feed": {
+		mock: a,
+		Showcase: i
+	},
+	"loading-state": {
+		mock: Ge,
+		Showcase: We
+	},
+	"data-state": {
+		mock: de,
+		Showcase: fe
+	},
+	progress: {
+		mock: At,
+		Showcase: kt
+	},
+	result: {
+		mock: It,
+		Showcase: Ft
+	},
+	"resizable-panel": {
+		mock: nt,
+		Showcase: rt
+	},
+	section: {
+		mock: _t,
+		Showcase: vt
+	},
+	statistic: {
+		mock: fn,
+		Showcase: pn
+	},
+	"sticky-footer-bar": {
+		mock: Je,
+		Showcase: Ye
+	},
+	tag: {
+		mock: En,
+		Showcase: Dn
+	},
+	typography: {
+		mock: On,
+		Showcase: kn
+	},
+	"tree-view": {
+		mock: An,
+		Showcase: jn
+	},
+	"file-upload": {
+		mock: Ln,
+		Showcase: In
+	},
+	"image-upload": {
+		mock: zn,
+		Showcase: Rn
+	},
+	"scroll-box": {
+		mock: Bt,
+		Showcase: zt
+	},
+	timeline: {
+		mock: Tn,
+		Showcase: wn
+	},
+	toast: {
+		mock: Nn,
+		Showcase: Mn
+	},
+	"virtual-list": {
+		mock: Wn,
+		Showcase: Gn
+	}
+};
+//#endregion
+export { Kn as defaultComponentDemoState, qn as premiumShowcaseDemoRegistry };

package/dist/src/showcase/premium/info-card/index.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./showcase.cjs"),t=require("./mock.cjs");exports.InfoCardShowcase=e.InfoCardShowcase,exports.infoCardMock=t.infoCardMock;

package/dist/src/showcase/premium/info-card/index.js

@@ -0,0 +1,3 @@
+import { InfoCardShowcase as e } from "./showcase.js";
+import { infoCardMock as t } from "./mock.js";
+export { e as InfoCardShowcase, t as infoCardMock };

package/dist/src/showcase/premium/info-card/mock.cjs

@@ -0,0 +1,14 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e={code:`import { InfoCard } from "tembro"
+
+export function Example() {
+  return (
+    <InfoCard
+      title="Team"
+      description="Active workspace members and billing snapshot."
+      eyebrow="KPI context"
+      compact
+    >
+      Keep status, metadata and helper actions in one reusable card.
+    </InfoCard>
+  )
+}`,highlights:[`Compact and standard card modes`,`Supports header, body and footer slots`,`Good for metadata blocks`,`Reusable on dashboard and forms`],scenarios:[{title:`Context blocks`,description:`Display metadata near complex forms or tables.`},{title:`Action cards`,description:`Add CTA area and media when quick guidance is needed.`},{title:`Dashboard cards`,description:`Compose many cards for module summaries.`}],capabilityNotes:["Use `eyebrow` for micro-headings and quick context.","Use `media` to place avatars or charts next to text.","Switch to `compact` in dense lists; keep default for detailed descriptions."]};exports.infoCardMock=e;