@eintrek/erp-theme 1.0.1 → 1.0.4

package/dist/lib/composition.d.ts

@@ -0,0 +1,23 @@
+import * as React from "react";
+/**
+ * A utility to compose multiple event handlers into a single event handler.
+ * Call originalEventHandler first, then ourEventHandler unless prevented.
+ */
+declare function composeEventHandlers<E>(originalEventHandler?: (event: E) => void, ourEventHandler?: (event: E) => void, { checkForDefaultPrevented }?: {
+    checkForDefaultPrevented?: boolean | undefined;
+}): (event: E) => void;
+/**
+ * @see https://github.com/radix-ui/primitives/blob/main/packages/react/compose-refs/src/compose-refs.tsx
+ */
+type PossibleRef<T> = React.Ref<T> | undefined;
+/**
+ * A utility to compose multiple refs together.
+ * Accepts callback refs and RefObject(s).
+ */
+declare function composeRefs<T>(...refs: PossibleRef<T>[]): React.RefCallback<T>;
+/**
+ * A custom hook that composes multiple refs.
+ * Accepts callback refs and RefObject(s).
+ */
+declare function useComposedRefs<T>(...refs: PossibleRef<T>[]): React.RefCallback<T>;
+export { composeEventHandlers, composeRefs, useComposedRefs };

package/dist/lib/constants.d.ts

@@ -0,0 +1,2 @@
+export declare const unknownError = "An unknown error occurred. Please try again later.";
+export declare const databasePrefix = "shadcn";

package/dist/lib/export.d.ts

@@ -0,0 +1,6 @@
+import type { Table } from "@tanstack/react-table";
+export declare function exportTableToCSV<TData>(table: Table<TData>, opts?: {
+    filename?: string;
+    excludeColumns?: (keyof TData | "select" | "actions")[];
+    onlySelected?: boolean;
+}): void;

package/dist/lib/fonts.d.ts

@@ -0,0 +1,2 @@
+export declare const fontSans: import("next/dist/compiled/@next/font").NextFontWithVariable;
+export declare const fontMono: import("next/dist/compiled/@next/font").NextFontWithVariable;

package/dist/lib/format.d.ts

@@ -0,0 +1 @@
+export declare function formatDate(date: Date | string | number | undefined, opts?: Intl.DateTimeFormatOptions): string;

package/dist/lib/handle-error.d.ts

@@ -0,0 +1 @@
+export declare function getErrorMessage(err: unknown): string;

package/dist/lib/id.d.ts

@@ -0,0 +1,7 @@
+declare const prefixes: Record<string, unknown>;
+interface GenerateIdOptions {
+    length?: number;
+    separator?: string;
+}
+export declare function generateId(prefixOrOptions?: keyof typeof prefixes | GenerateIdOptions, inputOptions?: GenerateIdOptions): string;
+export {};

package/dist/lib/unstable-cache.d.ts

@@ -0,0 +1,10 @@
+/**
+ * @see https://github.com/ethanniser/NextMaster/blob/main/src/lib/unstable-cache.ts
+ */
+export declare const unstable_cache: <Inputs extends unknown[], Output>(cb: (...args: Inputs) => Promise<Output>, keyParts: string[], options?: {
+    /**
+     * The revalidation interval in seconds.
+     */
+    revalidate?: number | false;
+    tags?: string[];
+}) => (...args: Inputs) => Promise<Output>;

package/dist/lib/utils.d.ts

@@ -1,2 +1,3 @@
 import { type ClassValue } from "clsx";
 export declare function cn(...inputs: ClassValue[]): string;
+export declare const getBaseUrl: () => string;

package/dist/types/index.d.ts

@@ -0,0 +1,26 @@
+import type { SQL } from "drizzle-orm";
+export type Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+export type EmptyProps<T extends React.ElementType> = Omit<React.ComponentProps<T>, keyof React.ComponentProps<T>>;
+export interface SearchParams {
+    [key: string]: string | string[] | undefined;
+}
+export interface Supplier {
+    id: number;
+    supplier_code: string;
+    supplier_name: string;
+    contact_person: string;
+    phone: string;
+    email: string;
+    address: string;
+    tax_id: string;
+    payment_terms: "cash" | "7" | "15" | "30" | "45" | "60";
+    status: "active" | "inactive";
+}
+export interface QueryBuilderOpts {
+    where?: SQL;
+    orderBy?: SQL;
+    distinct?: boolean;
+    nullish?: boolean;
+}

package/package.json

@@ -1,7 +1,8 @@
 {
   "name": "@eintrek/erp-theme",
-  "version": "1.0.1",
+  "version": "1.0.4",
   "private": false,
+  "packageManager": "pnpm@10.17.1",
   "type": "module",
   "description": "A shadcn/ui component library with Storybook",
   "main": "dist/index.js",
@@ -9,16 +10,18 @@
   "types": "dist/index.d.ts",
   "style": "dist/styles.css",
   "files": [
-    "dist"
+    "dist",
+    "scripts/enforce-pnpm.js"
   ],
   "scripts": {
-    "build": "NODE_ENV=production rollup -c",
-    "dev": "NODE_ENV=production rollup -c -w",
+    "preinstall": "node scripts/enforce-pnpm.js",
+    "build": "cross-env NODE_ENV=production rollup -c --silent",
+    "dev": "cross-env NODE_ENV=production rollup -c -w",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build",
     "clean": "rimraf dist",
-    "prepare": "npm run clean && npm run build",
-    "pack": "NODE_ENV=production pnpm build && pnpm pack"
+    "prepare": "rimraf dist && cross-env NODE_ENV=production rollup -c --silent",
+    "pack": "cross-env NODE_ENV=production pnpm build && pnpm pack"
   },
   "keywords": [
     "react",
@@ -29,11 +32,13 @@
     "typescript"
   ],
   "peerDependencies": {
-    "next": "^15.0.0",
-    "react": "^19.1.0",
-    "react-dom": "^19.1.0"
+    "next": "^15.5.3",
+    "react": "^19.1.1",
+    "react-dom": "^19.1.1",
+    "embla-carousel-react": "^8.6.0"
   },
   "devDependencies": {
+    "@eslint/eslintrc": "^3.3.1",
     "@rollup/plugin-commonjs": "^28.0.5",
     "@rollup/plugin-node-resolve": "^16.0.1",
     "@rollup/plugin-typescript": "^12.1.2",
@@ -41,13 +46,22 @@
     "@storybook/addon-links": "^9.0.9",
     "@storybook/addon-onboarding": "^9.0.9",
     "@storybook/nextjs": "^9.0.9",
+    "@storybook/nextjs-vite": "^9.0.12",
+    "@tailwindcss/postcss": "^4.1.10",
+    "@types/node": "^24.0.3",
     "@types/react": "^19.0.0",
     "@types/react-date-range": "^1.4.10",
     "@types/react-dom": "^19.0.0",
     "autoprefixer": "^10.4.16",
+    "cross-env": "^7.0.3",
+    "eslint": "^9.29.0",
+    "eslint-config-next": "^15.3.4",
+    "eslint-plugin-storybook": "^9.0.12",
     "postcss": "^8.4.32",
     "postcss-import": "^16.1.0",
     "postcss-prefix-selector": "^1.15.0",
+    "prettier-plugin-organize-imports": "^4.1.0",
+    "prettier-plugin-tailwindcss": "^0.6.13",
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
     "rimraf": "^5.0.5",
@@ -56,52 +70,64 @@
     "rollup-plugin-postcss": "^4.0.2",
     "rollup-plugin-typescript2": "^0.36.0",
     "storybook": "^9.0.9",
-    "@tailwindcss/postcss": "^4.1.10",
     "tailwindcss": "^4.0.0",
-    "typescript": "^5.3.3"
+    "typescript": "^5.9.2"
   },
   "dependencies": {
+    "@dnd-kit/core": "^6.3.1",
+    "@dnd-kit/modifiers": "^9.0.0",
+    "@dnd-kit/sortable": "^10.0.0",
+    "@dnd-kit/utilities": "^3.2.2",
+    "@faker-js/faker": "^9.8.0",
     "@hookform/resolvers": "^5.1.1",
-    "@radix-ui/react-accordion": "^1.1.2",
-    "@radix-ui/react-alert-dialog": "^1.0.5",
-    "@radix-ui/react-aspect-ratio": "^1.0.3",
-    "@radix-ui/react-avatar": "^1.0.4",
-    "@radix-ui/react-checkbox": "^1.0.4",
-    "@radix-ui/react-collapsible": "^1.0.3",
-    "@radix-ui/react-context-menu": "^2.1.5",
-    "@radix-ui/react-dialog": "^1.0.5",
-    "@radix-ui/react-dropdown-menu": "^2.0.6",
-    "@radix-ui/react-hover-card": "^1.0.7",
+    "@radix-ui/react-checkbox": "^1.3.3",
+    "@radix-ui/react-dialog": "^1.1.15",
+    "@radix-ui/react-dropdown-menu": "^2.1.16",
     "@radix-ui/react-label": "^2.1.7",
-    "@radix-ui/react-menubar": "^1.0.4",
-    "@radix-ui/react-navigation-menu": "^1.1.4",
-    "@radix-ui/react-popover": "^1.0.7",
-    "@radix-ui/react-progress": "^1.0.3",
-    "@radix-ui/react-radio-group": "^1.1.3",
-    "@radix-ui/react-scroll-area": "^1.0.5",
-    "@radix-ui/react-select": "^2.0.0",
-    "@radix-ui/react-separator": "^1.0.3",
-    "@radix-ui/react-slider": "^1.1.2",
+    "@radix-ui/react-popover": "^1.1.15",
+    "@radix-ui/react-progress": "^1.1.7",
+    "@radix-ui/react-select": "^2.2.6",
+    "@radix-ui/react-separator": "^1.1.7",
     "@radix-ui/react-slot": "^1.2.3",
-    "@radix-ui/react-switch": "^1.0.3",
-    "@radix-ui/react-tabs": "^1.0.4",
-    "@radix-ui/react-toast": "^1.1.5",
-    "@radix-ui/react-toggle": "^1.0.3",
-    "@radix-ui/react-toggle-group": "^1.0.4",
-    "@radix-ui/react-tooltip": "^1.0.7",
-    "@tanstack/react-table": "^8.21.3",
+    "@radix-ui/react-tabs": "^1.1.13",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
+    "cmdk": "^1.1.1",
     "date-fns": "^4.1.0",
+    "drizzle-orm": "^0.44.2",
+    "embla-carousel-react": "^8.6.0",
+    "geist": "^1.4.2",
+    "input-otp": "^1.4.2",
     "lucide-react": "^0.516.0",
-    "react-date-range": "^2.0.1",
+    "motion": "^12.19.1",
+    "nanoid": "^5.1.5",
+    "next": "^15.5.3",
+    "next-themes": "^0.4.6",
+    "prettier": "^3.5.3",
+    "radix-ui": "^1.4.2",
+    "react": "^19.1.1",
+    "react-dom": "^19.1.1",
+    "react-day-picker": "^9.11.0",
+    "react-dropzone": "^14.3.8",
+    "react-error-boundary": "6.0.0",
     "react-hook-form": "^7.58.1",
-    "react-tailwindcss-datepicker": "^2.0.0",
+    "react-resizable-panels": "^3.0.3",
+    "recharts": "^2.15.3",
+    "server-only": "^0.0.1",
+    "shadcn": "^3.3.1",
+    "sonner": "^2.0.5",
     "tailwind-merge": "^2.6.0",
     "tailwindcss-animate": "^1.0.7",
-    "zod": "^3.25.64"
+    "tw-animate-css": "^1.3.4",
+    "vaul": "^1.1.2",
+    "zod": "^3.25.67"
   },
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
+  },
+  "eslintConfig": {
+    "extends": [
+      "plugin:storybook/recommended"
+    ]
   }
 }

package/scripts/enforce-pnpm.js

@@ -0,0 +1,18 @@
+/**
+ * Skip when this package is installed as a dependency (cwd under node_modules).
+ * In the repo root, allow only pnpm so npm/yarn do not corrupt the pnpm lockfile layout.
+ */
+const cwd = process.cwd().replace(/\\/g, "/");
+if (/\/node_modules\//.test(cwd)) {
+  process.exit(0);
+}
+
+const execPath = process.env.npm_execpath ?? "";
+if (execPath.includes("pnpm") || execPath.includes("pnpx")) {
+  process.exit(0);
+}
+
+console.error(
+  "@eintrek/erp-theme: use `pnpm install` in this repo (pnpm-lock.yaml). `npm install` is unsupported and often fails with npm resolution errors.",
+);
+process.exit(1);

package/dist/components/ui/Buttons.d.ts

@@ -1,15 +0,0 @@
-import * as React from "react";
-import { type VariantProps } from "class-variance-authority";
-declare const buttonVariants: (props?: ({
-    variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | null | undefined;
-    size?: "default" | "sm" | "lg" | "icon" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
-    asChild?: boolean;
-    children?: React.ReactNode;
-    prefix?: string;
-    suffix?: string;
-}
-declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
-export { Button };
-export type { buttonVariants };

package/dist/components/ui/Buttons.stories.d.ts

@@ -1,25 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import { Button } from './Buttons';
-declare const meta: Meta<typeof Button>;
-export default meta;
-type Story = StoryObj<typeof Button>;
-export declare const Default: Story;
-export declare const Secondary: Story;
-export declare const Destructive: Story;
-export declare const Outline: Story;
-export declare const Ghost: Story;
-export declare const Link: Story;
-export declare const Small: Story;
-export declare const Large: Story;
-export declare const Blue: Story;
-export declare const Green: Story;
-export declare const Red: Story;
-export declare const Yellow: Story;
-export declare const Purple: Story;
-export declare const Pink: Story;
-export declare const Gray: Story;
-export declare const Basic: Story;
-export declare const Disabled: Story;
-export declare const WithPrefixIcon: Story;
-export declare const WithSuffixIcon: Story;
-export declare const WithBothIcons: Story;

package/dist/components/ui/Cards.d.ts

@@ -1,8 +0,0 @@
-import * as React from "react";
-declare const Card: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-declare const CardHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-declare const CardTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLParagraphElement>>;
-declare const CardDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
-declare const CardContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-declare const CardFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-export { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent, };

package/dist/components/ui/Cards.stories.d.ts

@@ -1,8 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import { Card } from './Cards';
-declare const meta: Meta<typeof Card>;
-export default meta;
-type Story = StoryObj<typeof Card>;
-export declare const Default: Story;
-export declare const WithImage: Story;
-export declare const Simple: Story;

package/dist/components/ui/Form.stories.d.ts

@@ -1,8 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import { Form } from './Form';
-declare const meta: Meta<typeof Form>;
-export default meta;
-type Story = StoryObj<typeof Form>;
-export declare const Basic: Story;
-export declare const WithValidation: Story;
-export declare const WithDefaultValues: Story;

package/dist/components/ui/Input.stories.d.ts

@@ -1,10 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import { Input } from './Input';
-declare const meta: Meta<typeof Input>;
-export default meta;
-type Story = StoryObj<typeof Input>;
-export declare const Basic: Story;
-export declare const Disabled: Story;
-export declare const WithIcon: Story;
-export declare const SuffixText: Story;
-export declare const SuffixIcon: Story;

package/dist/components/ui/InputDropdown.d.ts

@@ -1,19 +0,0 @@
-import React from 'react';
-export interface InputDropdownOption {
-    label: string;
-    value: string;
-}
-export interface InputDropdownProps {
-    label: string;
-    options: InputDropdownOption[];
-    value?: string;
-    onChange?: (e: React.ChangeEvent<HTMLSelectElement>) => void;
-    placeholder?: string;
-    required?: boolean;
-    error?: string;
-    name?: string;
-    disabled?: boolean;
-    inputClassName?: string;
-}
-declare const InputDropdown: React.FC<InputDropdownProps>;
-export { InputDropdown };

package/dist/components/ui/InputDropdown.stories.d.ts

@@ -1,9 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import { InputDropdown } from './InputDropdown';
-declare const meta: Meta<typeof InputDropdown>;
-export default meta;
-type Story = StoryObj<typeof InputDropdown>;
-export declare const Basic: Story;
-export declare const Disabled: Story;
-export declare const CustomBackground: Story;
-export declare const InputClassNameStringExample: Story;

package/dist/components/ui/Label.stories.d.ts

@@ -1,8 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import { Label } from './Label';
-declare const meta: Meta<typeof Label>;
-export default meta;
-type Story = StoryObj<typeof Label>;
-export declare const Basic: Story;
-export declare const Required: Story;
-export declare const CustomClass: Story;

package/dist/components/ui/Modal.d.ts

@@ -1,12 +0,0 @@
-import React from 'react';
-export interface ModalProps {
-    open: boolean;
-    onClose: () => void;
-    children: React.ReactNode;
-    actions?: React.ReactNode;
-    header?: React.ReactNode;
-    footer?: React.ReactNode;
-    size?: 'sm' | 'md' | 'lg' | 'full';
-}
-declare const Modal: React.FC<ModalProps>;
-export { Modal };

package/dist/components/ui/Modal.stories.d.ts

@@ -1,13 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import { Modal } from './Modal';
-declare const meta: Meta<typeof Modal>;
-export default meta;
-type Story = StoryObj<typeof Modal>;
-export declare const Basic: Story;
-export declare const WithForm: Story;
-export declare const WithFormFooterSubmit: Story;
-export declare const WithHeaderAndFooter: Story;
-export declare const Sizes: Story;
-export declare const SuccessModal: Story;
-export declare const WarningModal: Story;
-export declare const InfoModal: Story;

package/dist/components/ui/table/Table.d.ts

@@ -1,6 +0,0 @@
-import { ColumnDef } from '@tanstack/react-table';
-import { TableProps } from './types';
-declare const Table: React.FC<TableProps<any> & {
-    columns: ColumnDef<any>[];
-}>;
-export { Table };

package/dist/components/ui/table/Table.stories.d.ts

@@ -1,6 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import { Table } from './Table';
-declare const meta: Meta<typeof Table>;
-export default meta;
-type Story = StoryObj<typeof Table>;
-export declare const Basic: Story;

package/dist/components/ui/table/TableBody.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { TableBodyProps } from './types';
-export declare const TableBody: React.FC<TableBodyProps>;

package/dist/components/ui/table/TableBody.stories.d.ts

@@ -1,7 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import { TableBody } from './TableBody';
-declare const meta: Meta<typeof TableBody>;
-export default meta;
-type Story = StoryObj<typeof TableBody>;
-export declare const Default: Story;
-export declare const Basic: Story;

package/dist/components/ui/table/TableFilter.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { TableFilterProps } from './types';
-export declare const TableFilter: React.FC<TableFilterProps>;

package/dist/components/ui/table/TableFilter.stories.d.ts

@@ -1,6 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import { TableFilter } from './TableFilter';
-declare const meta: Meta<typeof TableFilter>;
-export default meta;
-type Story = StoryObj<typeof TableFilter>;
-export declare const Default: Story;

package/dist/components/ui/table/TablePagination.d.ts

@@ -1,10 +0,0 @@
-export interface TablePaginationProps {
-    pageIndex: number;
-    pageCount: number;
-    pageSize: number;
-    pageSizeOptions?: number[];
-    onPageChange: (page: number) => void;
-    onPageSizeChange: (size: number) => void;
-    className?: string;
-}
-export declare function TablePagination({ pageIndex, pageCount, pageSize, pageSizeOptions, onPageChange, onPageSizeChange, className, }: TablePaginationProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/ui/table/TablePagination.stories.d.ts

@@ -1,6 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import { TablePagination } from './TablePagination';
-declare const meta: Meta<typeof TablePagination>;
-export default meta;
-type Story = StoryObj<typeof TablePagination>;
-export declare const FullyFeatured: Story;

package/dist/components/ui/table/index.d.ts

@@ -1,13 +0,0 @@
-export * from './types';
-export * from './TableFilter';
-export * from './TableBody';
-export interface AccountingRecord {
-    id: number;
-    date: string;
-    description: string;
-    debit: number;
-    credit: number;
-    balance: number;
-    created_at: string;
-}
-export declare const mockAccountingData: AccountingRecord[];

package/dist/components/ui/table/types.d.ts

@@ -1,54 +0,0 @@
-import { Table as TableInstance, Row } from '@tanstack/react-table';
-import { DateValueType } from 'react-tailwindcss-datepicker';
-import { ReactNode } from 'react';
-export interface TableData {
-    [key: string]: any;
-}
-export interface TableProps<T = any> {
-    data: T[];
-    columns: any[];
-    className?: string;
-    height?: string;
-    enableRowSelection?: boolean;
-    enableMultiRowSelection?: boolean;
-    enableSorting?: boolean;
-    enableFiltering?: boolean;
-    enablePagination?: boolean;
-    enableDateFilter?: boolean;
-    dateColumn?: string;
-    headerLeftSection?: ReactNode;
-    headerRightSection?: ReactNode;
-    onRowClick?: (row: Row<T>) => void;
-    onSelectionChange?: (selectedRows: Row<T>[]) => void;
-    onSortingChange?: (sorting: any) => void;
-    onFilteringChange?: (filters: any) => void;
-    onPaginationChange?: (pagination: any) => void;
-    onDateFilterChange?: (dateRange: DateValueType) => void;
-}
-export interface TableHeaderProps {
-    title?: string;
-    description?: string;
-    className?: string;
-    leftSection?: ReactNode;
-    rightSection?: ReactNode;
-    tabsSection?: ReactNode;
-}
-export interface TableFilterProps {
-    globalFilter: string;
-    setGlobalFilter: (value: string) => void;
-    showFilterPanel: boolean;
-    setShowFilterPanel: (value: boolean) => void;
-    enableDateFilter: boolean;
-    dateRange: DateValueType;
-    setDateRange: (value: DateValueType) => void;
-    isDatePickerOpen: boolean;
-    setIsDatePickerOpen: (value: boolean) => void;
-    table: any;
-}
-export interface TableBodyProps {
-    table: TableInstance<any>;
-    onRowClick?: (row: Row<any>) => void;
-}
-export interface TablePaginationProps {
-    table: TableInstance<any>;
-}