npm - @machinemetrics/mm-react-components - Versions diffs - 0.2.3-14 → 0.2.3-15 - Mend

@machinemetrics/mm-react-components 0.2.3-14 → 0.2.3-15

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (36) hide show

package/agent-docs/agent-documentation-reference.md CHANGED Viewed

@@ -6,10 +6,118 @@
 > - This `agent-docs/` folder with descriptive naming
 > - Package.json exports this folder as `./agent-docs`
+## Library Foundation
+**@machinemetrics/mm-react-components** is a **traditional npm package** built on **[shadcn/ui](https://ui.shadcn.com/)** components (Radix UI + Tailwind CSS) with the Carbide industrial theme.
+**What this means for you:**
+- ✅ **Standard npm install**: `npm install @machinemetrics/mm-react-components`
+- ✅ **Import components**: `import { Button, DataTable } from '@machinemetrics/mm-react-components'`
+- ✅ **Pre-packaged & themed**: All components ready with Carbide industrial design
+- ✅ **Zero-config option**: Pre-compiled CSS included (no build tools required)
+- ✅ **Accessible & typed**: Full TypeScript support with Radix UI accessibility
+### Key Technologies
+- **React 19**: Latest React with modern patterns
+- **TypeScript 5**: Strict type safety throughout
+- **Tailwind CSS v4**: Modern CSS-first configuration (pre-compiled in distributed CSS)
+- **Radix UI**: Headless, accessible component primitives
+- **shadcn/ui**: Component foundation and patterns
+- **Carbide**: Industrial design system for manufacturing contexts
 ## Overview
 This directory contains comprehensive documentation and tools for AI agents working with the MachineMetrics React Components library. The documentation is organized into two main categories: **Initialization Setup** and **Chakra UI Migration**.
+## Component Quick Reference
+### Core Components (shadcn/ui based)
+| Component       | Exports                        | Description                               |
+| --------------- | ------------------------------ | ----------------------------------------- |
+| **Button**      | `Button`, `buttonVariants`     | Primary interactive element with variants |
+| **Input**       | `Input`                        | Text input field                          |
+| **SearchInput** | `SearchInput`                  | Search-specific input with icon           |
+| **Label**       | `Label`                        | Form label component                      |
+| **Checkbox**    | `Checkbox`                     | Checkbox input                            |
+| **RadioGroup**  | `RadioGroup`, `RadioGroupItem` | Radio button groups                       |
+| **Switch**      | `Switch`                       | Toggle switch control                     |
+| **Slider**      | `Slider`, `LabeledSlider`      | Range slider with optional label          |
+| **Toggle**      | `Toggle`                       | Toggle button                             |
+| **Textarea**    | `Textarea`                     | Multi-line text input                     |
+### Layout & Navigation
+| Component      | Exports                                                                                                                           | Description                               |
+| -------------- | --------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------- |
+| **Card**       | `Card`, `CardHeader`, `CardTitle`, `CardDescription`, `CardContent`, `CardFooter`                                                 | Content container with sections           |
+| **Separator**  | `Separator`                                                                                                                       | Visual divider                            |
+| **Tabs**       | `Tabs`, `TabsList`, `TabsTrigger`, `TabsContent`                                                                                  | Tabbed interface                          |
+| **Breadcrumb** | `Breadcrumb`, `BreadcrumbList`, `BreadcrumbItem`, `BreadcrumbLink`, `BreadcrumbPage`, `BreadcrumbSeparator`, `BreadcrumbEllipsis` | Navigation breadcrumbs                    |
+| **PageHeader** | `PageHeader` (+ types)                                                                                                            | Application page header with actions/tabs |
+### Overlays & Modals
+| Component       | Exports                                                                                                                                                                                                                                | Description                     |
+| --------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------- |
+| **Dialog**      | `Dialog`, `DialogClose`, `DialogContent`, `DialogDescription`, `DialogFooter`, `DialogHeader`, `DialogOverlay`, `DialogPortal`, `DialogTitle`, `DialogTrigger`                                                                         | Modal dialog                    |
+| **AlertDialog** | `AlertDialog`, `AlertDialogPortal`, `AlertDialogOverlay`, `AlertDialogTrigger`, `AlertDialogContent`, `AlertDialogHeader`, `AlertDialogFooter`, `AlertDialogTitle`, `AlertDialogDescription`, `AlertDialogAction`, `AlertDialogCancel` | Confirmation dialog             |
+| **Sheet**       | `Sheet`, `SheetTrigger`, `SheetClose`, `SheetContent`, `SheetHeader`, `SheetFooter`, `SheetTitle`, `SheetDescription`                                                                                                                  | Slide-out panel                 |
+| **Drawer**      | `Drawer`, `DrawerTrigger`, `DrawerClose`, `DrawerPortal`, `DrawerOverlay`, `DrawerContent`, `DrawerHeader`, `DrawerFooter`, `DrawerTitle`, `DrawerDescription`, `DrawerHandle`                                                         | Bottom drawer (mobile-friendly) |
+| **Popover**     | `Popover`, `PopoverTrigger`, `PopoverContent`                                                                                                                                                                                          | Floating content container      |
+| **Tooltip**     | `Tooltip`, `TooltipTrigger`, `TooltipContent`, `TooltipProvider`                                                                                                                                                                       | Hover tooltips                  |
+### Menus & Dropdowns
+| Component        | Exports                                                                                                                                                                                                                                                                                                                                                 | Description          |
+| ---------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------- |
+| **DropdownMenu** | `DropdownMenu`, `DropdownMenuPortal`, `DropdownMenuTrigger`, `DropdownMenuContent`, `DropdownMenuGroup`, `DropdownMenuLabel`, `DropdownMenuItem`, `DropdownMenuCheckboxItem`, `DropdownMenuRadioGroup`, `DropdownMenuRadioItem`, `DropdownMenuSeparator`, `DropdownMenuShortcut`, `DropdownMenuSub`, `DropdownMenuSubTrigger`, `DropdownMenuSubContent` | Dropdown menu system |
+| **Select**       | `Select`, `SelectContent`, `SelectGroup`, `SelectItem`, `SelectLabel`, `SelectScrollDownButton`, `SelectScrollUpButton`, `SelectSeparator`, `SelectTrigger`, `SelectValue`                                                                                                                                                                              | Select dropdown      |
+### Data Display
+| Component    | Exports                                                                                                  | Description               |
+| ------------ | -------------------------------------------------------------------------------------------------------- | ------------------------- |
+| **Badge**    | `Badge`, `badgeVariants`                                                                                 | Status/label badges       |
+| **Avatar**   | `Avatar`, `AvatarImage`, `AvatarFallback`                                                                | User avatar with fallback |
+| **Alert**    | `Alert`, `AlertTitle`, `AlertDescription`                                                                | Alert messages            |
+| **Table**    | `Table`, `TableHeader`, `TableBody`, `TableFooter`, `TableHead`, `TableRow`, `TableCell`, `TableCaption` | Basic table structure     |
+| **Skeleton** | `Skeleton`                                                                                               | Loading placeholder       |
+| **Progress** | `Progress`                                                                                               | Progress bar              |
+### Advanced Components
+| Component           | Exports                                                                                                                           | Description                                                  |
+| ------------------- | --------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------ |
+| **DataTable**       | `DataTable`, `DataTablePagination`, `ResponsiveTable`, `TABLE_TOKENS`, column creators, hooks, toolbar, CSV export (+ types)      | Full-featured data table with sorting, filtering, pagination |
+| **HeroMetricCard**  | `HeroMetricCard`, `HeroMetricCardItem` (+ types)                                                                                  | Metrics dashboard card with trends                           |
+| **Calendar**        | `Calendar`                                                                                                                        | Date picker calendar                                         |
+| **DateRangePicker** | `DateRangePicker`                                                                                                                 | Date range selection                                         |
+| **Dropzone**        | `Dropzone`, `DropzoneContent`, `DropzoneEmptyState`                                                                               | File upload drag-drop                                        |
+| **Chart**           | `ChartContainer`, `ChartTooltip`, `ChartTooltipContent`, `ChartLegend`, `ChartLegendContent`, `ChartStyle` (+ `ChartConfig` type) | Recharts integration                                         |
+### Interactive Elements
+| Component       | Exports                                                                                                       | Description                  |
+| --------------- | ------------------------------------------------------------------------------------------------------------- | ---------------------------- |
+| **Accordion**   | `Accordion`, `AccordionItem`, `AccordionTrigger`, `AccordionContent`                                          | Collapsible sections         |
+| **Collapsible** | `Collapsible`, `CollapsibleTrigger`, `CollapsibleContent`                                                     | Simple collapse/expand       |
+| **Form**        | `useFormField`, `Form`, `FormItem`, `FormLabel`, `FormControl`, `FormDescription`, `FormMessage`, `FormField` | React Hook Form integration  |
+| **Toaster**     | `Toaster`                                                                                                     | Toast notifications (Sonner) |
+### Utilities
+| Export          | Description                                                                                                                                                                    |
+| --------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
+| `cn`            | Class name utility for merging Tailwind classes                                                                                                                                |
+| **Theme Utils** | `activateCarbideTheme`, `deactivateCarbideTheme`, `toggleCarbideTheme`, `isCarbideThemeActive`, `activateDarkMode`, `deactivateDarkMode`, `toggleDarkMode`, `isDarkModeActive` |
+### Total: 40+ Components
+All components follow shadcn/ui patterns with Carbide theme integration for industrial/manufacturing contexts.
 ## Directory Structure
 ```

package/agent-docs/ai-agent-guide.md CHANGED Viewed

@@ -2,7 +2,11 @@
 ## Overview
-This guide provides AI agents with comprehensive instructions for migrating Chakra UI components to the MachineMetrics React Components library. It includes automated script usage, manual conversion procedures, and troubleshooting guidance.
+This guide provides AI agents with comprehensive instructions for migrating Chakra UI components to the MachineMetrics React Components library.
+**Important:** MachineMetrics React Components is built on **[shadcn/ui](https://ui.shadcn.com/)**, which uses Radix UI primitives and Tailwind CSS. This means you're migrating from Chakra UI → shadcn/ui-based components with the Carbide industrial theme.
+This guide includes automated script usage, manual conversion procedures, and troubleshooting guidance.
 ## Quick Start

package/agent-docs/ai-agent-init-guide.md CHANGED Viewed

@@ -11,7 +11,11 @@
 ## Overview
-This guide provides AI agents with comprehensive instructions for setting up the MachineMetrics React Components library. The library uses a **ZERO-CONFIG** approach - no build tools, no configuration files, just install and use.
+This guide provides AI agents with comprehensive instructions for setting up the MachineMetrics React Components library.
+**Library Foundation:** Built on **[shadcn/ui](https://ui.shadcn.com/)** - re-usable components using Radix UI and Tailwind CSS, enhanced with the Carbide industrial theme.
+The library uses a **ZERO-CONFIG** approach - no build tools, no configuration files, just install and use.
 ## Quick Start

package/dist/components/ui/hero-metric-card/HeroMetricCard.d.ts ADDED Viewed

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import type { HeroMetricCardProps } from './types';
+export declare const HeroMetricCard: React.ForwardRefExoticComponent<HeroMetricCardProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=HeroMetricCard.d.ts.map

package/dist/components/ui/hero-metric-card/HeroMetricCard.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"HeroMetricCard.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/hero-metric-card/HeroMetricCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EACV,mBAAmB,EAGpB,MAAM,SAAS,CAAC;AAyCjB,eAAO,MAAM,cAAc,4FA4J1B,CAAC"}

package/dist/components/ui/hero-metric-card/HeroMetricCardItem.d.ts ADDED Viewed

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import type { InternalItemProps } from './types';
+export declare const HeroMetricCardItem: React.ForwardRefExoticComponent<InternalItemProps & React.RefAttributes<HTMLButtonElement | HTMLDivElement>>;
+//# sourceMappingURL=HeroMetricCardItem.d.ts.map

package/dist/components/ui/hero-metric-card/HeroMetricCardItem.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"HeroMetricCardItem.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/hero-metric-card/HeroMetricCardItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AA2IjD,eAAO,MAAM,kBAAkB,8GAwG9B,CAAC"}

package/dist/components/ui/hero-metric-card/constants.d.ts ADDED Viewed

@@ -0,0 +1,13 @@
+export declare const HERO_METRIC_CONSTANTS: {
+    readonly MIN_ITEM_WIDTH: 160;
+    readonly MIN_ITEMS: 1;
+    readonly MAX_ITEMS: 6;
+    readonly WRAPPED_GAP_DEFAULT: "gap-4";
+    readonly UNWRAPPED_GAP: "gap-0";
+    readonly PADDING_INTERACTIVE: "px-3";
+    readonly PADDING_STATIC: "px-6";
+    readonly CONTAINER_PADDING_Y: "py-4";
+    readonly CONTAINER_PADDING_X: "px-0";
+};
+export declare const GRID_COLS_MAP: Record<number, string>;
+//# sourceMappingURL=constants.d.ts.map

package/dist/components/ui/hero-metric-card/constants.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/hero-metric-card/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,qBAAqB;;;;;;;;;;CAUxB,CAAC;AAEX,eAAO,MAAM,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAOvC,CAAC"}

package/dist/components/ui/hero-metric-card/grid.d.ts ADDED Viewed

@@ -0,0 +1,4 @@
+import type { ColumnConfig } from './types';
+export declare function getGridColsClass(n?: number): string | undefined;
+export declare function resolveGridClasses(columns?: number | ColumnConfig): string;
+//# sourceMappingURL=grid.d.ts.map

package/dist/components/ui/hero-metric-card/grid.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"grid.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/hero-metric-card/grid.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAE5C,wBAAgB,gBAAgB,CAAC,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAG/D;AAED,wBAAgB,kBAAkB,CAAC,OAAO,CAAC,EAAE,MAAM,GAAG,YAAY,GAAG,MAAM,CAW1E"}

package/dist/components/ui/hero-metric-card/hooks.d.ts ADDED Viewed

@@ -0,0 +1,6 @@
+import * as React from 'react';
+/**
+ * Hook to detect if items have wrapped to multiple rows based on container width
+ */
+export declare function useWrappedDetection(itemCount: number, containerRef: React.RefObject<HTMLDivElement | null>, children?: React.ReactNode): boolean;
+//# sourceMappingURL=hooks.d.ts.map

package/dist/components/ui/hero-metric-card/hooks.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/hero-metric-card/hooks.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B;;GAEG;AACH,wBAAgB,mBAAmB,CACjC,SAAS,EAAE,MAAM,EACjB,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,EACpD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GACzB,OAAO,CAwBT"}

package/dist/components/ui/hero-metric-card/index.d.ts ADDED Viewed

@@ -0,0 +1,5 @@
+export { HeroMetricCard } from './HeroMetricCard';
+export { HeroMetricCardItem } from './HeroMetricCardItem';
+export type { HeroMetricCardMode, HeroMetricCardItemProps, HeroMetricCardProps, TrendComparisonValue, ColumnConfig, } from './types';
+export { HERO_METRIC_CONSTANTS } from './constants';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/ui/hero-metric-card/index.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/hero-metric-card/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAG1D,YAAY,EACV,kBAAkB,EAClB,uBAAuB,EACvB,mBAAmB,EACnB,oBAAoB,EACpB,YAAY,GACb,MAAM,SAAS,CAAC;AAGjB,OAAO,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAC"}

package/dist/components/ui/hero-metric-card/parsing.d.ts ADDED Viewed

@@ -0,0 +1,11 @@
+/** Parse a percentage value from various input formats */
+export declare function parsePercent(value: unknown): number | undefined;
+/** Parse a count value from various input formats */
+export declare function parseCount(value: unknown): number | undefined;
+/**
+ * Parse a duration in minutes from various input formats (e.g., "1h 12m", "72m", "1.2")
+ */
+export declare function parseMinutes(value: unknown, unit?: string): number | undefined;
+/** Format duration in minutes to human-readable string (e.g., "1h 12m", "5m 30s") */
+export declare function formatDuration(mins: number): string;
+//# sourceMappingURL=parsing.d.ts.map

package/dist/components/ui/hero-metric-card/parsing.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"parsing.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/hero-metric-card/parsing.ts"],"names":[],"mappings":"AAUA,0DAA0D;AAC1D,wBAAgB,YAAY,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,GAAG,SAAS,CAE/D;AAED,qDAAqD;AACrD,wBAAgB,UAAU,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,GAAG,SAAS,CAE7D;AAED;;GAEG;AACH,wBAAgB,YAAY,CAC1B,KAAK,EAAE,OAAO,EACd,IAAI,CAAC,EAAE,MAAM,GACZ,MAAM,GAAG,SAAS,CA6BpB;AAED,qFAAqF;AACrF,wBAAgB,cAAc,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAMnD"}

package/dist/components/ui/hero-metric-card/refs.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+import type { Ref, RefCallback } from 'react';
+export declare function mergeRefs<T>(...refs: Array<Ref<T> | undefined>): RefCallback<T>;
+//# sourceMappingURL=refs.d.ts.map

package/dist/components/ui/hero-metric-card/refs.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"refs.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/hero-metric-card/refs.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAE9C,wBAAgB,SAAS,CAAC,CAAC,EACzB,GAAG,IAAI,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC,GACjC,WAAW,CAAC,CAAC,CAAC,CAWhB"}

package/dist/components/ui/hero-metric-card/trend.d.ts ADDED Viewed

@@ -0,0 +1,4 @@
+import type { ReactNode } from 'react';
+import type { TrendComparisonValue, ComputedTrend, HeroMetricCardItemProps } from './types';
+export declare function computeTrend(value: ReactNode, unit: string | undefined, trendComparisonValue: TrendComparisonValue | undefined, higherIsBetter?: boolean, numericValue?: HeroMetricCardItemProps['numericValue']): ComputedTrend | undefined;
+//# sourceMappingURL=trend.d.ts.map

package/dist/components/ui/hero-metric-card/trend.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"trend.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/hero-metric-card/trend.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EACV,oBAAoB,EACpB,aAAa,EACb,uBAAuB,EACxB,MAAM,SAAS,CAAC;AAuCjB,wBAAgB,YAAY,CAC1B,KAAK,EAAE,SAAS,EAChB,IAAI,EAAE,MAAM,GAAG,SAAS,EACxB,oBAAoB,EAAE,oBAAoB,GAAG,SAAS,EACtD,cAAc,GAAE,OAAc,EAC9B,YAAY,CAAC,EAAE,uBAAuB,CAAC,cAAc,CAAC,GACrD,aAAa,GAAG,SAAS,CA2B3B"}

package/dist/components/ui/hero-metric-card/types.d.ts ADDED Viewed

@@ -0,0 +1,60 @@
+import * as React from 'react';
+export type HeroMetricCardMode = 'static' | 'button' | 'filter';
+export interface TrendComparisonValue {
+    value: number;
+    kind: 'count' | 'percent' | 'duration-minutes';
+}
+export interface TrendData {
+    value: React.ReactNode;
+    direction: 'up' | 'down' | 'neutral';
+}
+export interface ComputedTrend {
+    direction: 'up' | 'down' | 'neutral';
+    text: string;
+    colorIntent: 'success' | 'destructive' | 'neutral';
+}
+export interface HeroMetricCardItemProps {
+    id?: string;
+    label: string;
+    value: React.ReactNode;
+    unit?: string;
+    /**
+     * Optional normalized numeric value used for trend calculations.
+     * When provided, parsing of `value` is skipped for accuracy and performance.
+     */
+    numericValue?: number;
+    trendComparisonValue?: TrendComparisonValue;
+    higherIsBetter?: boolean;
+    caption?: string;
+    tooltip?: React.ReactNode;
+    icon?: React.ReactNode;
+    onClick?: () => void;
+    className?: string;
+}
+export interface ColumnConfig {
+    base?: number;
+    md?: number;
+    lg?: number;
+}
+export interface HeroMetricCardProps {
+    children?: React.ReactNode;
+    items?: ReadonlyArray<HeroMetricCardItemProps>;
+    mode?: HeroMetricCardMode;
+    activeId?: string | null;
+    defaultActiveId?: string | null;
+    onActiveChange?: (id: string | null) => void;
+    columns?: number | ColumnConfig;
+    showTrends?: boolean;
+    loading?: boolean;
+    className?: string;
+    'data-testid'?: string;
+}
+export interface InternalItemProps extends HeroMetricCardItemProps {
+    interactive?: boolean;
+    pressed?: boolean;
+    onActivate?: () => void;
+    'data-variant'?: HeroMetricCardMode;
+    'data-state'?: 'active' | 'unfocused' | 'default';
+    loading?: boolean;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/components/ui/hero-metric-card/types.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/hero-metric-card/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,MAAM,kBAAkB,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAEhE,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,OAAO,GAAG,SAAS,GAAG,kBAAkB,CAAC;CAChD;AAED,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,SAAS,EAAE,IAAI,GAAG,MAAM,GAAG,SAAS,CAAC;CACtC;AAED,MAAM,WAAW,aAAa;IAC5B,SAAS,EAAE,IAAI,GAAG,MAAM,GAAG,SAAS,CAAC;IACrC,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,SAAS,GAAG,aAAa,GAAG,SAAS,CAAC;CACpD;AAED,MAAM,WAAW,uBAAuB;IACtC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,oBAAoB,CAAC,EAAE,oBAAoB,CAAC;IAC5C,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,YAAY;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,aAAa,CAAC,uBAAuB,CAAC,CAAC;IAC/C,IAAI,CAAC,EAAE,kBAAkB,CAAC;IAC1B,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAChC,cAAc,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC7C,OAAO,CAAC,EAAE,MAAM,GAAG,YAAY,CAAC;IAChC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,iBAAkB,SAAQ,uBAAuB;IAChE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,cAAc,CAAC,EAAE,kBAAkB,CAAC;IACpC,YAAY,CAAC,EAAE,QAAQ,GAAG,WAAW,GAAG,SAAS,CAAC;IAClD,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB"}

package/dist/components/ui/hero-metric-card/utils.d.ts ADDED Viewed

@@ -0,0 +1,10 @@
+export { parsePercent, parseMinutes, parseCount, formatDuration, } from './parsing';
+export { computeTrend } from './trend';
+export { getGridColsClass, resolveGridClasses } from './grid';
+export { mergeRefs } from './refs';
+export type { ColumnConfig } from './types';
+export { cn } from '@/lib/utils';
+import type { ReactNode } from 'react';
+export declare function formatNumber(value: ReactNode): ReactNode;
+export declare function warnIfEmpty(items: unknown[], componentName: string): void;
+//# sourceMappingURL=utils.d.ts.map

package/dist/components/ui/hero-metric-card/utils.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/hero-metric-card/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,YAAY,EACZ,YAAY,EACZ,UAAU,EACV,cAAc,GACf,MAAM,WAAW,CAAC;AACnB,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AACvC,OAAO,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,QAAQ,CAAC;AAC9D,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACnC,YAAY,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAC5C,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AACjC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,wBAAgB,YAAY,CAAC,KAAK,EAAE,SAAS,GAAG,SAAS,CAGxD;AACD,wBAAgB,WAAW,CAAC,KAAK,EAAE,OAAO,EAAE,EAAE,aAAa,EAAE,MAAM,GAAG,IAAI,CAMzE"}

package/dist/index.d.ts CHANGED Viewed

@@ -42,4 +42,6 @@ export { Toaster } from './components/ui/sonner';
 export { Separator } from './components/ui/separator';
 export { Avatar, AvatarImage, AvatarFallback } from './components/ui/avatar';
 export { Breadcrumb, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, BreadcrumbSeparator, BreadcrumbEllipsis, } from './components/ui/breadcrumb';
+export { HeroMetricCard, HeroMetricCardItem, } from './components/ui/hero-metric-card';
+export type { HeroMetricCardItemProps, HeroMetricCardProps, HeroMetricCardMode, } from './components/ui/hero-metric-card';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,kBAAkB,CAAC;AAG1B,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AACjC,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAChE,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAG3D,OAAO,EACL,oBAAoB,EACpB,sBAAsB,EACtB,kBAAkB,EAClB,oBAAoB,EACpB,gBAAgB,EAChB,kBAAkB,EAClB,cAAc,EACd,gBAAgB,GACjB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAGzE,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAC7D,OAAO,EACL,MAAM,EACN,aAAa,EACb,WAAW,EACX,UAAU,EACV,WAAW,EACX,sBAAsB,EACtB,oBAAoB,EACpB,eAAe,EACf,aAAa,EACb,WAAW,GACZ,MAAM,wBAAwB,CAAC;AAChC,OAAO,EACL,KAAK,EACL,YAAY,EACZ,UAAU,EACV,YAAY,EACZ,WAAW,EACX,WAAW,EACX,UAAU,EACV,gBAAgB,GACjB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EACL,OAAO,EACP,cAAc,EACd,cAAc,EACd,eAAe,GAChB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAChF,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AACzD,YAAY,EACV,eAAe,EACf,YAAY,EACZ,cAAc,EACd,SAAS,GACV,MAAM,6BAA6B,CAAC;AACrC,OAAO,EACL,MAAM,EACN,WAAW,EACX,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,WAAW,EACX,aAAa,GACd,MAAM,wBAAwB,CAAC;AAChC,OAAO,EACL,MAAM,EACN,aAAa,EACb,WAAW,EACX,YAAY,EACZ,aAAa,EACb,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,iBAAiB,EACjB,YAAY,GACb,MAAM,wBAAwB,CAAC;AAChC,OAAO,EACL,YAAY,EACZ,kBAAkB,EAClB,mBAAmB,EACnB,mBAAmB,EACnB,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EAChB,wBAAwB,EACxB,sBAAsB,EACtB,qBAAqB,EACrB,qBAAqB,EACrB,oBAAoB,EACpB,eAAe,EACf,sBAAsB,EACtB,sBAAsB,GACvB,MAAM,+BAA+B,CAAC;AACvC,OAAO,EACL,KAAK,EACL,WAAW,EACX,SAAS,EACT,WAAW,EACX,SAAS,EACT,QAAQ,EACR,SAAS,EACT,YAAY,GACb,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AACpD,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAC/D,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AACpD,OAAO,EACL,WAAW,EACX,kBAAkB,EAClB,kBAAkB,GACnB,MAAM,6BAA6B,CAAC;AAErC,OAAO,EACL,SAAS,EACT,mBAAmB,EACnB,eAAe,EACf,YAAY,EACZ,sBAAsB,EACtB,gBAAgB,EAChB,mBAAmB,EACnB,iBAAiB,EACjB,qBAAqB,EACrB,sBAAsB,EACtB,gBAAgB,EAChB,oBAAoB,EACpB,kBAAkB,EAClB,uBAAuB,EACvB,iBAAiB,EACjB,aAAa,EACb,kBAAkB,EAClB,gBAAgB,EAChB,gBAAgB,GACjB,MAAM,4BAA4B,CAAC;AACpC,YAAY,EACV,cAAc,EACd,gBAAgB,EAChB,cAAc,EACd,cAAc,EACd,qBAAqB,GACtB,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AACpD,OAAO,EACL,QAAQ,EACR,eAAe,EACf,kBAAkB,GACnB,MAAM,0BAA0B,CAAC;AAGlC,OAAO,EACL,SAAS,EACT,aAAa,EACb,gBAAgB,EAChB,gBAAgB,GACjB,MAAM,2BAA2B,CAAC;AAEnC,OAAO,EACL,OAAO,EACP,cAAc,EACd,cAAc,GACf,MAAM,yBAAyB,CAAC;AAEjC,OAAO,EAAE,eAAe,EAAE,MAAM,mCAAmC,CAAC;AACpE,OAAO,EACL,IAAI,EACJ,UAAU,EACV,SAAS,EACT,eAAe,EACf,WAAW,EACX,UAAU,GACX,MAAM,sBAAsB,CAAC;AAC9B,YAAY,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EACL,cAAc,EACd,YAAY,EACZ,mBAAmB,EACnB,WAAW,EACX,kBAAkB,EAClB,UAAU,GACX,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAC5E,OAAO,EACL,WAAW,EACX,iBAAiB,EACjB,kBAAkB,EAClB,kBAAkB,EAClB,kBAAkB,EAClB,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EAChB,sBAAsB,EACtB,iBAAiB,EACjB,iBAAiB,GAClB,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AACpD,OAAO,EACL,YAAY,EACZ,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,WAAW,EACX,eAAe,EACf,WAAW,EACX,SAAS,GACV,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACtD,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAC7E,OAAO,EACL,UAAU,EACV,cAAc,EACd,cAAc,EACd,cAAc,EACd,cAAc,EACd,mBAAmB,EACnB,kBAAkB,GACnB,MAAM,4BAA4B,CAAC;AACpC,OAAO,EACL,cAAc,EACd,kBAAkB,GACnB,MAAM,kCAAkC,CAAC;AAC1C,YAAY,EACV,uBAAuB,EACvB,mBAAmB,EACnB,kBAAkB,GACnB,MAAM,kCAAkC,CAAC"}