@nqlib/nqui 0.1.5 → 0.2.0

package/dist/stories/mockData.d.ts

@@ -0,0 +1,157 @@
+import { mockTOCItems, simpleTOCItems } from "@/mockdata/toc";
+/**
+ * Comprehensive mock data for Storybook stories
+ * This file provides reusable mock data for all components
+ */
+export interface MockUser {
+    id: string;
+    name: string;
+    email: string;
+    avatar?: string;
+    initials?: string;
+    role: string;
+    status: "active" | "inactive" | "pending";
+}
+export declare const mockUsers: MockUser[];
+export interface MockNavItem {
+    title: string;
+    url: string;
+    icon?: string;
+    isActive?: boolean;
+    badge?: string | number;
+    children?: MockNavItem[];
+}
+export declare const mockNavItems: MockNavItem[];
+export declare const mockBreadcrumbItems: {
+    label: string;
+    href: string;
+}[];
+export declare const mockFormData: {
+    email: string;
+    password: string;
+    name: string;
+    age: number;
+    country: string;
+    interests: string[];
+    newsletter: boolean;
+};
+export declare const mockSelectOptions: {
+    value: string;
+    label: string;
+}[];
+export declare const mockRadioOptions: {
+    value: string;
+    label: string;
+}[];
+export declare const mockCheckboxOptions: {
+    value: string;
+    label: string;
+}[];
+export interface MockTableRow {
+    id: string;
+    name: string;
+    email: string;
+    role: string;
+    status: string;
+    date: string;
+    amount?: number;
+}
+export declare const mockTableData: MockTableRow[];
+export declare const mockChartData: {
+    line: {
+        name: string;
+        value: number;
+    }[];
+    bar: {
+        category: string;
+        value: number;
+    }[];
+    pie: {
+        name: string;
+        value: number;
+    }[];
+    area: {
+        name: string;
+        value: number;
+    }[];
+};
+export { mockTOCItems, simpleTOCItems };
+export declare const mockCodeExamples: {
+    typescript: string;
+    javascript: string;
+    css: string;
+    html: string;
+};
+export declare const mockSandboxFiles: {
+    "App.tsx": string;
+    "styles.css": string;
+    "package.json": string;
+};
+export declare const mockBadgeLabels: string[];
+export declare const mockCardContent: {
+    title: string;
+    description: string;
+    footer: string;
+    image: string;
+};
+export declare const mockToastMessages: {
+    title: string;
+    description: string;
+}[];
+export declare const mockEmptyStates: {
+    noData: {
+        title: string;
+        description: string;
+    };
+    noResults: {
+        title: string;
+        description: string;
+    };
+    error: {
+        title: string;
+        description: string;
+    };
+    empty: {
+        title: string;
+        description: string;
+    };
+};
+export declare const mockDialogContent: {
+    title: string;
+    description: string;
+    confirmText: string;
+    cancelText: string;
+};
+export declare const mockTooltipContent: {
+    default: string;
+    long: string;
+    short: string;
+};
+export declare const mockPaginationData: {
+    currentPage: number;
+    totalPages: number;
+    itemsPerPage: number;
+    totalItems: number;
+};
+export interface MockMail {
+    id: string;
+    name: string;
+    email: string;
+    subject: string;
+    date: string;
+    teaser: string;
+    read?: boolean;
+}
+export declare const mockMails: MockMail[];
+export declare const mockCalendarEvents: {
+    date: Date;
+    title: string;
+    description: string;
+}[];
+export declare const mockCommands: {
+    id: string;
+    title: string;
+    description: string;
+    keywords: string[];
+}[];
+//# sourceMappingURL=mockData.d.ts.map

package/dist/stories/mockData.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mockData.d.ts","sourceRoot":"","sources":["../../src/stories/mockData.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAE7D;;;GAGG;AAMH,MAAM,WAAW,QAAQ;IACvB,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,EAAE,QAAQ,GAAG,UAAU,GAAG,SAAS,CAAA;CAC1C;AAED,eAAO,MAAM,SAAS,EAAE,QAAQ,EA4C/B,CAAA;AAMD,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAA;IACb,GAAG,EAAE,MAAM,CAAA;IACX,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,QAAQ,CAAC,EAAE,WAAW,EAAE,CAAA;CACzB;AAED,eAAO,MAAM,YAAY,EAAE,WAAW,EAerC,CAAA;AAED,eAAO,MAAM,mBAAmB;;;GAI/B,CAAA;AAMD,eAAO,MAAM,YAAY;;;;;;;;CAQxB,CAAA;AAED,eAAO,MAAM,iBAAiB;;;GAO7B,CAAA;AAED,eAAO,MAAM,gBAAgB;;;GAI5B,CAAA;AAED,eAAO,MAAM,mBAAmB;;;GAK/B,CAAA;AAMD,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,EAAE,MAAM,CAAA;IACd,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB;AAED,eAAO,MAAM,aAAa,EAAE,YAAY,EA8CvC,CAAA;AAMD,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;CA2BzB,CAAA;AAOD,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,CAAA;AAEvC,eAAO,MAAM,gBAAgB;;;;;CAqB5B,CAAA;AAED,eAAO,MAAM,gBAAgB;;;;CAQ5B,CAAA;AAMD,eAAO,MAAM,eAAe,UAAuD,CAAA;AAEnF,eAAO,MAAM,eAAe;;;;;CAK3B,CAAA;AAED,eAAO,MAAM,iBAAiB;;;GAK7B,CAAA;AAED,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;CAiB3B,CAAA;AAED,eAAO,MAAM,iBAAiB;;;;;CAK7B,CAAA;AAED,eAAO,MAAM,kBAAkB;;;;CAI9B,CAAA;AAED,eAAO,MAAM,kBAAkB;;;;;CAK9B,CAAA;AAMD,MAAM,WAAW,QAAQ;IACvB,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,MAAM,CAAA;IACf,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,OAAO,CAAA;CACf;AAED,eAAO,MAAM,SAAS,EAAE,QAAQ,EA4B/B,CAAA;AAMD,eAAO,MAAM,kBAAkB;;;;GAgB9B,CAAA;AAMD,eAAO,MAAM,YAAY;;;;;GAmBxB,CAAA"}

package/dist/styles.css

@@ -18,6 +18,7 @@
  */
 
 
+/* Custom dark mode variant - matches when .dark class is on element or ancestor */
 @theme inline {
     --font-sans: 'Inter Variable', sans-serif;
     --color-sidebar-ring: var(--sidebar-ring);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nqlib/nqui",
-  "version": "0.1.5",
+  "version": "0.2.0",
   "description": "A React component library with enhanced UI components and developer tools",
   "type": "module",
   "main": "./dist/nqui.cjs.js",
@@ -65,7 +65,12 @@
     "lint": "eslint .",
     "preview": "vite preview",
     "preview:app": "vite preview --outDir dist-app",
-    "init-debug-css": "node scripts/init-debug-css.js"
+    "init-debug-css": "node scripts/init-debug-css.js",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "test-storybook": "test-storybook",
+    "test-storybook:ci": "test-storybook --ci",
+    "test-storybook:coverage": "test-storybook --coverage"
   },
   "bin": {
     "nqui": "./scripts/init-css.js",
@@ -110,9 +115,9 @@
     "postcss-discard-comments": "^7.0.0",
     "postcss-import": "^16.0.0",
     "radix-ui": "^1.4.3",
-    "react": "^19.2.0",
+    "react": "^18.2.0",
     "react-day-picker": "^9.13.0",
-    "react-dom": "^19.2.0",
+    "react-dom": "^18.2.0",
     "react-resizable-panels": "^4.2.1",
     "react-router-dom": "^7.11.0",
     "recharts": "^2.15.4",
@@ -125,15 +130,24 @@
   },
   "devDependencies": {
     "@eslint/js": "^9.39.1",
+    "@storybook/addon-docs": "^10.1.11",
+    "@storybook/addon-links": "^10.1.11",
+    "@storybook/addon-themes": "^10.1.11",
+    "@storybook/react": "^10.1.11",
+    "@storybook/react-vite": "^10.1.11",
+    "@storybook/test-runner": "^0.24.2",
+    "@storybook/testing-library": "^0.2.2",
     "@types/node": "^24.10.1",
-    "@types/react": "^19.2.5",
-    "@types/react-dom": "^19.2.3",
+    "@types/react": "^18.2.0",
+    "@types/react-dom": "^18.2.0",
     "@vitejs/plugin-react": "^5.1.1",
     "eslint": "^9.39.1",
     "eslint-plugin-react-hooks": "^7.0.1",
     "eslint-plugin-react-refresh": "^0.4.24",
+    "eslint-plugin-storybook": "10.1.11",
     "globals": "^16.5.0",
     "shadcn": "^3.6.2",
+    "storybook": "^10.1.11",
     "typescript": "~5.9.3",
     "typescript-eslint": "^8.46.4",
     "vite": "^7.2.4"