@machinemetrics/mm-react-components 0.2.0 → 0.2.3-0

package/dist/preview/AccordionPreview.d.ts

@@ -0,0 +1,2 @@
+export default function AccordionPreview(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=AccordionPreview.d.ts.map

package/dist/preview/AccordionPreview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionPreview.d.ts","sourceRoot":"","sources":["../../src/preview/AccordionPreview.tsx"],"names":[],"mappings":"AAOA,MAAM,CAAC,OAAO,UAAU,gBAAgB,4CA0BvC"}

package/dist/preview/BadgePreview.d.ts

@@ -0,0 +1,2 @@
+export default function BadgePreview(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=BadgePreview.d.ts.map

package/dist/preview/BadgePreview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BadgePreview.d.ts","sourceRoot":"","sources":["../../src/preview/BadgePreview.tsx"],"names":[],"mappings":"AAEA,MAAM,CAAC,OAAO,UAAU,YAAY,4CAiDnC"}

package/dist/preview/CalendarPreview.d.ts

@@ -0,0 +1,2 @@
+export default function CalendarPreview(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CalendarPreview.d.ts.map

package/dist/preview/CalendarPreview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarPreview.d.ts","sourceRoot":"","sources":["../../src/preview/CalendarPreview.tsx"],"names":[],"mappings":"AAIA,MAAM,CAAC,OAAO,UAAU,eAAe,4CA6BtC"}

package/dist/preview/CollapsiblePreview.d.ts

@@ -0,0 +1,2 @@
+export default function CollapsiblePreview(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CollapsiblePreview.d.ts.map

package/dist/preview/CollapsiblePreview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollapsiblePreview.d.ts","sourceRoot":"","sources":["../../src/preview/CollapsiblePreview.tsx"],"names":[],"mappings":"AASA,MAAM,CAAC,OAAO,UAAU,kBAAkB,4CA8BzC"}

package/dist/preview/DataTablePreview.d.ts

@@ -0,0 +1,9 @@
+export type Profile = 'basic' | 'knowledge-hub';
+type DataTablePreviewProps = {
+    profile?: Profile;
+    devForceLoading?: boolean;
+    devForceEmpty?: boolean;
+};
+export default function DataTablePreview({ profile: controlledProfile, devForceLoading, devForceEmpty, }: DataTablePreviewProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=DataTablePreview.d.ts.map

package/dist/preview/DataTablePreview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTablePreview.d.ts","sourceRoot":"","sources":["../../src/preview/DataTablePreview.tsx"],"names":[],"mappings":"AAqKA,MAAM,MAAM,OAAO,GAAG,OAAO,GAAG,eAAe,CAAC;AAEhD,KAAK,qBAAqB,GAAG;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,OAAO,EAAE,iBAAiB,EAC1B,eAAuB,EACvB,aAAqB,GACtB,EAAE,qBAAqB,2CAoJvB"}

package/dist/preview/DateRangePickerPreview.d.ts

@@ -0,0 +1,2 @@
+export default function DateRangePickerPreview(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DateRangePickerPreview.d.ts.map

package/dist/preview/DateRangePickerPreview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateRangePickerPreview.d.ts","sourceRoot":"","sources":["../../src/preview/DateRangePickerPreview.tsx"],"names":[],"mappings":"AAGA,MAAM,CAAC,OAAO,UAAU,sBAAsB,4CAsB7C"}

package/dist/preview/DialogPreview.d.ts

@@ -0,0 +1,2 @@
+export default function DialogPreview(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DialogPreview.d.ts.map

package/dist/preview/DialogPreview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogPreview.d.ts","sourceRoot":"","sources":["../../src/preview/DialogPreview.tsx"],"names":[],"mappings":"AAcA,MAAM,CAAC,OAAO,UAAU,aAAa,4CA2CpC"}

package/dist/preview/DrawerPreview.d.ts

@@ -0,0 +1,2 @@
+export default function DrawerPreview(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DrawerPreview.d.ts.map

package/dist/preview/DrawerPreview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerPreview.d.ts","sourceRoot":"","sources":["../../src/preview/DrawerPreview.tsx"],"names":[],"mappings":"AAeA,MAAM,CAAC,OAAO,UAAU,aAAa,4CA+DpC"}

package/dist/preview/DropdownMenuPreview.d.ts

@@ -0,0 +1,2 @@
+export default function DropdownMenuPreview(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DropdownMenuPreview.d.ts.map

package/dist/preview/DropdownMenuPreview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownMenuPreview.d.ts","sourceRoot":"","sources":["../../src/preview/DropdownMenuPreview.tsx"],"names":[],"mappings":"AASA,MAAM,CAAC,OAAO,UAAU,mBAAmB,4CAiB1C"}

package/dist/preview/DropzonePreview.d.ts

@@ -0,0 +1,2 @@
+export default function DropzonePreview(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DropzonePreview.d.ts.map

package/dist/preview/DropzonePreview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropzonePreview.d.ts","sourceRoot":"","sources":["../../src/preview/DropzonePreview.tsx"],"names":[],"mappings":"AAGA,MAAM,CAAC,OAAO,UAAU,eAAe,4CA6FtC"}

package/dist/preview/InputPreview.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InputPreview.d.ts","sourceRoot":"","sources":["../../src/preview/InputPreview.tsx"],"names":[],"mappings":"AAIA,MAAM,CAAC,OAAO,UAAU,YAAY,4CA4CnC"}
+{"version":3,"file":"InputPreview.d.ts","sourceRoot":"","sources":["../../src/preview/InputPreview.tsx"],"names":[],"mappings":"AAKA,MAAM,CAAC,OAAO,UAAU,YAAY,4CAmDnC"}

package/dist/preview/PopoverPreview.d.ts

@@ -0,0 +1,2 @@
+export default function PopoverPreview(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=PopoverPreview.d.ts.map

package/dist/preview/PopoverPreview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopoverPreview.d.ts","sourceRoot":"","sources":["../../src/preview/PopoverPreview.tsx"],"names":[],"mappings":"AAOA,MAAM,CAAC,OAAO,UAAU,cAAc,4CAkDrC"}

package/dist/preview/ProgressPreview.d.ts

@@ -0,0 +1,2 @@
+export default function ProgressPreview(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ProgressPreview.d.ts.map

package/dist/preview/ProgressPreview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressPreview.d.ts","sourceRoot":"","sources":["../../src/preview/ProgressPreview.tsx"],"names":[],"mappings":"AAGA,MAAM,CAAC,OAAO,UAAU,eAAe,4CA2DtC"}

package/dist/preview/SelectPreview.d.ts

@@ -0,0 +1,2 @@
+export default function SelectPreview(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SelectPreview.d.ts.map

package/dist/preview/SelectPreview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectPreview.d.ts","sourceRoot":"","sources":["../../src/preview/SelectPreview.tsx"],"names":[],"mappings":"AASA,MAAM,CAAC,OAAO,UAAU,aAAa,4CAuCpC"}

package/dist/preview/SheetPreview.d.ts

@@ -0,0 +1,2 @@
+export default function SheetPreview(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SheetPreview.d.ts.map

package/dist/preview/SheetPreview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SheetPreview.d.ts","sourceRoot":"","sources":["../../src/preview/SheetPreview.tsx"],"names":[],"mappings":"AAaA,MAAM,CAAC,OAAO,UAAU,YAAY,4CAoCnC"}

package/dist/preview/SkeletonPreview.d.ts

@@ -0,0 +1,2 @@
+export default function SkeletonPreview(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SkeletonPreview.d.ts.map

package/dist/preview/SkeletonPreview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SkeletonPreview.d.ts","sourceRoot":"","sources":["../../src/preview/SkeletonPreview.tsx"],"names":[],"mappings":"AAEA,MAAM,CAAC,OAAO,UAAU,eAAe,4CAYtC"}

package/dist/preview/SliderPreview.d.ts

@@ -0,0 +1,2 @@
+export default function SliderPreview(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SliderPreview.d.ts.map

package/dist/preview/SliderPreview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SliderPreview.d.ts","sourceRoot":"","sources":["../../src/preview/SliderPreview.tsx"],"names":[],"mappings":"AAGA,MAAM,CAAC,OAAO,UAAU,aAAa,4CAiFpC"}

package/dist/preview/SwitchPreview.d.ts

@@ -0,0 +1,2 @@
+export default function SwitchPreview(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SwitchPreview.d.ts.map

package/dist/preview/SwitchPreview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SwitchPreview.d.ts","sourceRoot":"","sources":["../../src/preview/SwitchPreview.tsx"],"names":[],"mappings":"AAIA,MAAM,CAAC,OAAO,UAAU,aAAa,4CA0EpC"}

package/dist/preview/TablePreview.d.ts

@@ -0,0 +1,2 @@
+export default function TablePreview(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TablePreview.d.ts.map

package/dist/preview/TablePreview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TablePreview.d.ts","sourceRoot":"","sources":["../../src/preview/TablePreview.tsx"],"names":[],"mappings":"AA2CA,MAAM,CAAC,OAAO,UAAU,YAAY,4CA4BnC"}

package/dist/preview/TabsPreview.d.ts

@@ -0,0 +1,2 @@
+export default function TabsPreview(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TabsPreview.d.ts.map

package/dist/preview/TabsPreview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabsPreview.d.ts","sourceRoot":"","sources":["../../src/preview/TabsPreview.tsx"],"names":[],"mappings":"AAEA,MAAM,CAAC,OAAO,UAAU,WAAW,4CAiIlC"}

package/dist/preview/TogglePreview.d.ts

@@ -0,0 +1,2 @@
+export default function TogglePreview(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TogglePreview.d.ts.map

package/dist/preview/TogglePreview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TogglePreview.d.ts","sourceRoot":"","sources":["../../src/preview/TogglePreview.tsx"],"names":[],"mappings":"AAGA,MAAM,CAAC,OAAO,UAAU,aAAa,4CAiEpC"}

package/dist/preview/TooltipPreview.d.ts

@@ -0,0 +1,2 @@
+export default function TooltipPreview(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TooltipPreview.d.ts.map

package/dist/preview/TooltipPreview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TooltipPreview.d.ts","sourceRoot":"","sources":["../../src/preview/TooltipPreview.tsx"],"names":[],"mappings":"AAQA,MAAM,CAAC,OAAO,UAAU,cAAc,4CAgBrC"}

package/dist/preview/data-table/data-table-preview_column-content.d.ts

@@ -0,0 +1,18 @@
+import type { ColumnDef } from '@tanstack/react-table';
+export type ManufacturingAsset = {
+    id: string;
+    asset: string;
+    status: 'running' | 'idle' | 'down';
+    uptime: number;
+    downtime: number;
+    output: number;
+    goal: 'met' | 'near' | 'missed';
+    trend: {
+        direction: 'up' | 'down';
+        value: number;
+    };
+    lastMaintenance: string;
+};
+export declare const manufacturingColumnRegistry: import("@/components/ui/data-table").ColumnRegistry<ManufacturingAsset, unknown>;
+export declare const manufacturingColumns: ColumnDef<ManufacturingAsset>[];
+//# sourceMappingURL=data-table-preview_column-content.d.ts.map

package/dist/preview/data-table/data-table-preview_column-content.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-table-preview_column-content.d.ts","sourceRoot":"","sources":["../../../src/preview/data-table/data-table-preview_column-content.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAavD,MAAM,MAAM,kBAAkB,GAAG;IAC/B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,SAAS,GAAG,MAAM,GAAG,MAAM,CAAC;IACpC,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,KAAK,GAAG,MAAM,GAAG,QAAQ,CAAC;IAChC,KAAK,EAAE;QAAE,SAAS,EAAE,IAAI,GAAG,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC;IACnD,eAAe,EAAE,MAAM,CAAC;CACzB,CAAC;AAmOF,eAAO,MAAM,2BAA2B,kFAMrC,CAAC;AAEJ,eAAO,MAAM,oBAAoB,EAAE,SAAS,CAAC,kBAAkB,CAAC,EAGT,CAAC"}

package/dist/preview/page-header/PageHeaderPreview.d.ts

@@ -0,0 +1,3 @@
+import './page-header-preview.css';
+export default function PageHeaderPreview(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=PageHeaderPreview.d.ts.map

package/dist/preview/page-header/PageHeaderPreview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageHeaderPreview.d.ts","sourceRoot":"","sources":["../../../src/preview/page-header/PageHeaderPreview.tsx"],"names":[],"mappings":"AAWA,OAAO,2BAA2B,CAAC;AAQnC,MAAM,CAAC,OAAO,UAAU,iBAAiB,4CAiSxC"}

package/dist/tailwind.config.export.js

@@ -0,0 +1,153 @@
+/** @type {import('tailwindcss').Config} */
+export default {
+  content: [
+    './src/**/*.{js,ts,jsx,tsx}',
+    './node_modules/@machinemetrics/mm-react-components/dist/**/*.{js,ts,jsx,tsx}',
+  ],
+  theme: {
+    extend: {
+      colors: {
+        background: 'var(--background)',
+        foreground: 'var(--foreground)',
+        card: 'var(--card)',
+        'card-foreground': 'var(--card-foreground)',
+        popover: 'var(--popover)',
+        'popover-foreground': 'var(--popover-foreground)',
+        primary: 'var(--primary)',
+        'primary-foreground': 'var(--primary-foreground)',
+        secondary: 'var(--secondary)',
+        'secondary-foreground': 'var(--secondary-foreground)',
+        muted: 'var(--muted)',
+        'muted-foreground': 'var(--muted-foreground)',
+        accent: 'var(--accent)',
+        'accent-foreground': 'var(--accent-foreground)',
+        destructive: 'var(--destructive)',
+        'destructive-foreground': 'var(--destructive-foreground)',
+        border: 'var(--border)',
+        input: 'var(--input)',
+        'bg-input': 'var(--bg-input)',
+        'border-input': 'var(--border-input)',
+        ring: 'var(--ring)',
+        // Chart colors for data visualization
+        'chart-1': 'var(--chart-1)',
+        'chart-2': 'var(--chart-2)',
+        'chart-3': 'var(--chart-3)',
+        'chart-4': 'var(--chart-4)',
+        'chart-5': 'var(--chart-5)',
+        // Sidebar colors
+        sidebar: 'var(--sidebar)',
+        'sidebar-foreground': 'var(--sidebar-foreground)',
+        'sidebar-primary': 'var(--sidebar-primary)',
+        'sidebar-primary-foreground': 'var(--sidebar-primary-foreground)',
+        'sidebar-accent': 'var(--sidebar-accent)',
+        'sidebar-accent-foreground': 'var(--sidebar-accent-foreground)',
+        'sidebar-border': 'var(--sidebar-border)',
+        'sidebar-ring': 'var(--sidebar-ring)',
+      },
+      borderRadius: {
+        sm: 'var(--radius-sm)',
+        md: 'var(--radius-md)',
+        lg: 'var(--radius-lg)',
+        xl: 'var(--radius-xl)',
+      },
+      fontFamily: {
+        sans: [
+          'Noto Sans',
+          'Inter',
+          'ui-sans-serif',
+          'system-ui',
+          '-apple-system',
+          'BlinkMacSystemFont',
+          'Segoe UI',
+          'Roboto',
+          'Helvetica Neue',
+          'Arial',
+          'sans-serif',
+          'Apple Color Emoji',
+          'Segoe UI Emoji',
+          'Segoe UI Symbol',
+          'Noto Color Emoji',
+        ],
+        mono: [
+          'Inconsolata',
+          'ui-monospace',
+          'SFMono-Regular',
+          'Menlo',
+          'Monaco',
+          'Consolas',
+          'Liberation Mono',
+          'Courier New',
+          'monospace',
+        ],
+      },
+      fontWeight: {
+        normal: '400',
+        medium: '500',
+        semibold: '600',
+        bold: 'var(--font-weight-bold)',
+      },
+      // Custom variants for component preview interface
+      spacing: {
+        sidebar: '16rem', // 256px for sidebar width
+      },
+      // Animation utilities for smooth transitions
+      animation: {
+        'fade-in': 'fadeIn 0.2s ease-in-out',
+        'slide-in': 'slideIn 0.3s ease-out',
+      },
+      keyframes: {
+        fadeIn: {
+          '0%': { opacity: '0' },
+          '100%': { opacity: '1' },
+        },
+        slideIn: {
+          '0%': { transform: 'translateX(-10px)', opacity: '0' },
+          '100%': { transform: 'translateX(0)', opacity: '1' },
+        },
+      },
+    },
+  },
+  plugins: [
+    // Custom plugin for component preview interface
+    function ({ addUtilities }) {
+      const newUtilities = {
+        '.preview-sidebar': {
+          width: '16rem',
+          minHeight: '100vh',
+          backgroundColor: 'var(--muted)',
+          borderRight: '1px solid var(--border)',
+          padding: '1rem',
+        },
+        '.preview-main': {
+          flex: '1',
+          minWidth: '0',
+          padding: '2rem',
+        },
+        '.preview-card': {
+          backgroundColor: 'var(--card)',
+          border: '1px solid var(--border)',
+          borderRadius: 'var(--radius-lg)',
+          padding: '1.5rem',
+        },
+        '.preview-nav-item': {
+          width: '100%',
+          textAlign: 'left',
+          padding: '0.75rem',
+          borderRadius: '0.375rem',
+          fontSize: '0.875rem',
+          fontWeight: '500',
+          transition: 'colors 0.2s ease-in-out',
+          '&:hover': {
+            backgroundColor: 'var(--muted)',
+            color: 'var(--foreground)',
+          },
+          '&.active': {
+            backgroundColor: 'var(--primary)',
+            color: 'var(--primary-foreground)',
+          },
+        },
+      };
+      addUtilities(newUtilities);
+    },
+  ],
+};