@eintrek/erp-theme 1.0.1 → 1.0.3

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/data-table.d.ts

@@ -0,0 +1,12 @@
+import type { ExtendedColumnFilter, FilterOperator, FilterVariant } from "@/types/data-table";
+import type { Column } from "@tanstack/react-table";
+export declare function getCommonPinningStyles<TData>({ column, withBorder, }: {
+    column: Column<TData>;
+    withBorder?: boolean;
+}): React.CSSProperties;
+export declare function getFilterOperators(filterVariant: FilterVariant): {
+    label: string;
+    value: FilterOperator;
+}[];
+export declare function getDefaultFilterOperator(filterVariant: FilterVariant): "iLike" | "notILike" | "eq" | "ne" | "isEmpty" | "isNotEmpty" | "lt" | "lte" | "gt" | "gte" | "isBetween" | "isRelativeToToday" | "inArray" | "notInArray";
+export declare function getValidFilters<TData>(filters: ExtendedColumnFilter<TData>[]): ExtendedColumnFilter<TData>[];

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/filter-columns.d.ts

@@ -0,0 +1,8 @@
+import type { ExtendedColumnFilter, JoinOperator } from "@/types/data-table";
+import { type AnyColumn, type SQL, type Table } from "drizzle-orm";
+export declare function filterColumns<T extends Table>({ table, filters, joinOperator, }: {
+    table: T;
+    filters: ExtendedColumnFilter<T>[];
+    joinOperator: JoinOperator;
+}): SQL | undefined;
+export declare function getColumn<T extends Table>(table: T, columnKey: keyof T): AnyColumn;

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/parsers.d.ts

@@ -0,0 +1,25 @@
+import { z } from "zod";
+import type { ExtendedColumnFilter, ExtendedColumnSort } from "@/types/data-table";
+export declare const getSortingStateParser: <TData>(columnIds?: string[] | Set<string>) => import("nuqs").ParserBuilder<ExtendedColumnSort<TData>[]>;
+declare const filterItemSchema: z.ZodObject<{
+    id: z.ZodString;
+    value: z.ZodUnion<[z.ZodString, z.ZodArray<z.ZodString, "many">]>;
+    variant: z.ZodEnum<["text", "number", "range", "date", "dateRange", "boolean", "select", "multiSelect"]>;
+    operator: z.ZodEnum<["iLike", "notILike", "eq", "ne", "inArray", "notInArray", "isEmpty", "isNotEmpty", "lt", "lte", "gt", "gte", "isBetween", "isRelativeToToday"]>;
+    filterId: z.ZodString;
+}, "strip", z.ZodTypeAny, {
+    id: string;
+    value: string | string[];
+    operator: "iLike" | "notILike" | "eq" | "ne" | "isEmpty" | "isNotEmpty" | "lt" | "lte" | "gt" | "gte" | "isBetween" | "isRelativeToToday" | "inArray" | "notInArray";
+    variant: "number" | "boolean" | "select" | "text" | "date" | "range" | "dateRange" | "multiSelect";
+    filterId: string;
+}, {
+    id: string;
+    value: string | string[];
+    operator: "iLike" | "notILike" | "eq" | "ne" | "isEmpty" | "isNotEmpty" | "lt" | "lte" | "gt" | "gte" | "isBetween" | "isRelativeToToday" | "inArray" | "notInArray";
+    variant: "number" | "boolean" | "select" | "text" | "date" | "range" | "dateRange" | "multiSelect";
+    filterId: string;
+}>;
+export type FilterItemSchema = z.infer<typeof filterItemSchema>;
+export declare const getFiltersStateParser: <TData>(columnIds?: string[] | Set<string>) => import("nuqs").ParserBuilder<ExtendedColumnFilter<TData>[]>;
+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/registry/alert.stories.d.ts

@@ -0,0 +1,34 @@
+import type { StoryObj } from "@storybook/nextjs-vite";
+import { Alert } from "@/components/ui/alert";
+/**
+ * Displays a callout for user attention.
+ */
+declare const meta: {
+    title: string;
+    component: typeof Alert;
+    tags: string[];
+    argTypes: {
+        variant: {
+            options: string[];
+            control: {
+                type: "radio";
+            };
+        };
+    };
+    args: {
+        variant: "default";
+    };
+    render: (args: import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("class-variance-authority").VariantProps<(props?: ({
+        variant?: "default" | "destructive" | null | undefined;
+    } & import("class-variance-authority/types").ClassProp) | undefined) => string>) => import("react/jsx-runtime").JSX.Element;
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+/**
+ * The default form of the alert.
+ */
+export declare const Default: Story;
+/**
+ * Use the `destructive` alert to indicate a destructive action.
+ */
+export declare const Destructive: Story;

package/dist/registry/aspect-ratio.stories.d.ts

@@ -0,0 +1,24 @@
+import type { Meta, StoryObj } from "@storybook/nextjs-vite";
+import { AspectRatio } from "@/components/ui/aspect-ratio";
+/**
+ * Displays content within a desired ratio.
+ */
+declare const meta: Meta<typeof AspectRatio>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+/**
+ * The default form of the aspect ratio.
+ */
+export declare const Default: Story;
+/**
+ * Use the `1:1` aspect ratio to display a square image.
+ */
+export declare const Square: Story;
+/**
+ * Use the `4:3` aspect ratio to display a landscape image.
+ */
+export declare const Landscape: Story;
+/**
+ * Use the `2.35:1` aspect ratio to display a cinemascope image.
+ */
+export declare const Cinemascope: Story;

package/dist/registry/badge.stories.d.ts

@@ -0,0 +1,42 @@
+import type { StoryObj } from "@storybook/nextjs-vite";
+import { Badge } from "@/components/ui/badge";
+/**
+ * Displays a badge or a component that looks like a badge.
+ */
+declare const meta: {
+    title: string;
+    component: typeof Badge;
+    tags: string[];
+    argTypes: {
+        children: {
+            control: "text";
+        };
+    };
+    args: {
+        children: string;
+    };
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+/**
+ * The default form of the badge.
+ */
+export declare const Default: Story;
+/**
+ * Use the `secondary` badge to call for less urgent information, blending
+ * into the interface while still signaling minor updates or statuses.
+ */
+export declare const Secondary: Story;
+/**
+ * Use the `destructive` badge to  indicate errors, alerts, or the need for
+ * immediate attention.
+ */
+export declare const Destructive: Story;
+/**
+ * Use the `outline` badge for overlaying without obscuring interface details,
+ * emphasizing clarity and subtlety..
+ */
+export declare const Outline: Story;

package/dist/registry/breadcrumb.stories.d.ts

@@ -0,0 +1,26 @@
+import type { StoryObj } from "@storybook/nextjs-vite";
+import { Breadcrumb } from "@/components/ui/breadcrumb";
+/**
+ * Displays the path to the current resource using a hierarchy of links.
+ */
+declare const meta: {
+    title: string;
+    component: typeof Breadcrumb;
+    tags: string[];
+    argTypes: {};
+    args: {};
+    render: (args: import("react").ClassAttributes<HTMLElement> & import("react").HTMLAttributes<HTMLElement>) => import("react/jsx-runtime").JSX.Element;
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+/**
+ * Displays the path of links to the current resource.
+ */
+export declare const Default: Story;
+/**
+ * Displays the path with a custom icon for the separator.
+ */
+export declare const WithCustomSeparator: Story;

package/dist/registry/button.stories.d.ts

@@ -0,0 +1,82 @@
+import type { StoryObj } from "@storybook/nextjs-vite";
+import { Button } from "@/components/ui/button";
+/**
+ * Displays a button or a component that looks like a button.
+ */
+declare const meta: {
+    title: string;
+    component: typeof Button;
+    tags: string[];
+    argTypes: {
+        children: {
+            control: "text";
+        };
+    };
+    parameters: {
+        layout: string;
+    };
+    args: {
+        variant: "default";
+        size: "default";
+        children: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+/**
+ * The default form of the button, used for primary actions and commands.
+ */
+export declare const Default: Story;
+/**
+ * Use the `outline` button to reduce emphasis on secondary actions, such as
+ * canceling or dismissing a dialog.
+ */
+export declare const Outline: Story;
+/**
+ * Use the `ghost` button is minimalistic and subtle, for less intrusive
+ * actions.
+ */
+export declare const Ghost: Story;
+/**
+ * Use the `secondary` button to call for less emphasized actions, styled to
+ * complement the primary button while being less conspicuous.
+ */
+export declare const Secondary: Story;
+/**
+ * Use the `destructive` button to indicate errors, alerts, or the need for
+ * immediate attention.
+ */
+export declare const Destructive: Story;
+/**
+ * Use the `link` button to reduce emphasis on tertiary actions, such as
+ * hyperlink or navigation, providing a text-only interactive element.
+ */
+export declare const Link: Story;
+/**
+ * Add the `disabled` prop to a button to prevent interactions and add a
+ * loading indicator, such as a spinner, to signify an in-progress action.
+ */
+export declare const Loading: Story;
+/**
+ * Add an icon element to a button to enhance visual communication and
+ * providing additional context for the action.
+ */
+export declare const WithIcon: Story;
+/**
+ * Use the `sm` size for a smaller button, suitable for interfaces needing
+ * compact elements without sacrificing usability.
+ */
+export declare const Small: Story;
+/**
+ * Use the `lg` size for a larger button, offering better visibility and
+ * easier interaction for users.
+ */
+export declare const Large: Story;
+/**
+ * Use the "icon" size for a button with only an icon.
+ */
+export declare const Icon: Story;
+/**
+ * Add the `disabled` prop to prevent interactions with the button.
+ */
+export declare const Disabled: Story;

package/dist/registry/calendar.stories.d.ts

@@ -0,0 +1,43 @@
+import type { StoryObj } from "@storybook/nextjs-vite";
+import { Calendar } from "@/components/ui/calendar";
+/**
+ * A date field component that allows users to enter and edit date.
+ */
+declare const meta: {
+    title: string;
+    component: typeof Calendar;
+    tags: string[];
+    argTypes: {};
+    args: {
+        mode: "single";
+        selected: Date;
+        onSelect: import("storybook/internal/actions").HandlerFunction;
+        className: string;
+    };
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+/**
+ * The default form of the calendar.
+ */
+export declare const Default: Story;
+/**
+ * Use the `multiple` mode to select multiple dates.
+ */
+export declare const Multiple: Story;
+/**
+ * Use the `range` mode to select a range of dates.
+ */
+export declare const Range: Story;
+/**
+ * Use the `disabled` prop to disable specific dates.
+ */
+export declare const Disabled: Story;
+/**
+ * Use the `numberOfMonths` prop to display multiple months.
+ */
+export declare const MultipleMonths: Story;
+export declare const ShouldChangeMonths: Story;

package/dist/registry/card.stories.d.ts

@@ -0,0 +1,24 @@
+import type { StoryObj } from "@storybook/nextjs-vite";
+import { Card } from "@/components/ui/card";
+/**
+ * Displays a card with header, content, and footer.
+ */
+declare const meta: {
+    title: string;
+    component: typeof Card;
+    tags: string[];
+    argTypes: {};
+    args: {
+        className: string;
+    };
+    render: (args: import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+/**
+ * The default form of the card.
+ */
+export declare const Default: Story;

package/dist/registry/carousel.stories.d.ts

@@ -0,0 +1,17 @@
+import type { Meta, StoryObj } from "@storybook/nextjs-vite";
+import { Carousel } from "@/components/ui/carousel";
+/**
+ * A carousel with motion and swipe built using Embla.
+ */
+declare const meta: Meta<typeof Carousel>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+/**
+ * The default form of the carousel.
+ */
+export declare const Default: Story;
+/**
+ * Use the `basis` utility class to change the size of the carousel.
+ */
+export declare const Size: Story;
+export declare const ShouldNavigate: Story;

package/dist/registry/chart.stories.d.ts

@@ -0,0 +1,32 @@
+import type { StoryObj } from "@storybook/nextjs-vite";
+import { ChartContainer } from "@/components/ui/chart";
+/**
+ * Beautiful charts. Built using Recharts. Copy and paste into your apps.
+ */
+declare const meta: {
+    title: string;
+    component: typeof ChartContainer;
+    tags: string[];
+    argTypes: {};
+    args: {
+        children: import("react/jsx-runtime").JSX.Element;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+/**
+ * Combine multiple Area components to create a stacked area chart.
+ */
+export declare const StackedAreaChart: Story;
+/**
+ * Combine multiple Bar components to create a stacked bar chart.
+ */
+export declare const StackedBarChart: Story;
+/**
+ * Combine multiple Line components to create a single line chart.
+ */
+export declare const MultiLineChart: Story;
+/**
+ * Combine Pie and Label components to create a doughnut chart.
+ */
+export declare const DoughnutChart: Story;

package/dist/registry/checkbox.stories.d.ts

@@ -0,0 +1,17 @@
+import type { Meta, StoryObj } from "@storybook/nextjs-vite";
+import { Checkbox } from "@/components/ui/checkbox";
+/**
+ * A control that allows the user to toggle between checked and not checked.
+ */
+declare const meta: Meta<typeof Checkbox>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+/**
+ * The default form of the checkbox.
+ */
+export declare const Default: Story;
+/**
+ * Use the `disabled` prop to disable the checkbox.
+ */
+export declare const Disabled: Story;
+export declare const ShouldToggleCheck: Story;

package/dist/registry/command.stories.d.ts

@@ -0,0 +1,41 @@
+import type { StoryObj } from "@storybook/nextjs-vite";
+import { Command } from "@/components/ui/command";
+/**
+ * Fast, composable, unstyled command menu for React.
+ */
+declare const meta: {
+    title: string;
+    component: typeof Command;
+    tags: string[];
+    argTypes: {};
+    args: {
+        className: string;
+    };
+    render: (args: {
+        children?: React.ReactNode;
+    } & Pick<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
+        ref?: React.Ref<HTMLDivElement>;
+    } & {
+        asChild?: boolean;
+    }, "key" | keyof import("react").HTMLAttributes<HTMLDivElement> | "asChild"> & {
+        label?: string;
+        shouldFilter?: boolean;
+        filter?: (value: string, search: string, keywords?: string[]) => number;
+        defaultValue?: string;
+        value?: string;
+        onValueChange?: (value: string) => void;
+        loop?: boolean;
+        disablePointerSelection?: boolean;
+        vimBindings?: boolean;
+    } & import("react").RefAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+/**
+ * The default form of the command.
+ */
+export declare const Default: Story;
+export declare const TypingInCombobox: Story;

package/dist/registry/data-table.stories.d.ts

@@ -0,0 +1,59 @@
+import type { StoryObj } from "@storybook/nextjs-vite";
+import type { Supplier } from "@/types";
+interface DataTableStoryArgs {
+    enableAdvancedFilter?: boolean;
+    filterFlag?: "advancedFilters" | "filterMenu";
+    showActionBar?: boolean;
+    data?: Supplier[];
+}
+/**
+ * ต้องเขียนเชื่อมกับ API ด้วยเพื่อที่จะดึงข้อมูลมาแสดงในตาราง.
+ *
+ * ตัวอย่างตรงนี้คือแสดงแค่หน้าตาเฉยๆ ของตาราง ไม่มีการเชื่อมกับ API จริง ต้องไปเขียนเชื่อม api ด้วยเองในฝั่งfrontend
+ */
+declare const meta: {
+    title: string;
+    tags: string[];
+    argTypes: {
+        enableAdvancedFilter: {
+            control: "boolean";
+            description: string;
+        };
+        filterFlag: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+            description: string;
+        };
+        showActionBar: {
+            control: "boolean";
+            description: string;
+        };
+    };
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<DataTableStoryArgs>;
+/**
+ * DataTable with advanced filtering, sorting, and toolbar features.
+ */
+export declare const AdvancedFilter: Story;
+/**
+ * DataTable with simple toolbar - basic filtering and sorting.
+ */
+export declare const SimpleToolbar: Story;
+/**
+ * Minimal DataTable without any toolbars - just the table with data.
+ */
+export declare const Minimal: Story;
+/**
+ * DataTable with filter menu instead of advanced filters.
+ */
+export declare const FilterMenu: Story;
+/**
+ * Empty state - DataTable with no data.
+ */
+export declare const EmptyState: Story;

package/dist/registry/date-picker.stories.d.ts

@@ -0,0 +1,32 @@
+import type { StoryObj } from "@storybook/nextjs-vite";
+import { Calendar } from "@/components/ui/calendar";
+/**
+ * A window overlaid on either the primary window or another dialog window,
+ * rendering the content underneath inert.
+ */
+declare const meta: {
+    title: string;
+    component: typeof Calendar;
+    tags: string[];
+    argTypes: {};
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+/**
+ * Combination of the calendar and a button that opens a popover.
+ */
+export declare const WithPopover: Story;
+export declare const ShouldOpenPopover: Story;
+/**
+ * Combination of the calendar and an input field that allows typing a date.
+ */
+export declare const WithInput: Story;
+export declare const ShouldEnterTextDate: Story;
+/**
+ * Combination of the calendar and an input field that allows changing the time.
+ */
+export declare const WithDateTime: Story;
+export declare const ShouldOpenCalendar: Story;

package/dist/registry/drawer.stories.d.ts

@@ -0,0 +1,27 @@
+import type { StoryObj } from "@storybook/nextjs-vite";
+import { Drawer } from "@/components/ui/drawer";
+/**
+ * A drawer component for React.
+ */
+declare const meta: {
+    title: string;
+    component: typeof Drawer;
+    tags: string[];
+    args: {
+        onOpenChange: import("storybook/internal/test").Mock<(...args: any[]) => any>;
+        onClose: import("storybook/internal/test").Mock<(...args: any[]) => any>;
+        onAnimationEnd: import("storybook/internal/test").Mock<(...args: any[]) => any>;
+    };
+    render: (args: import("vaul").DialogProps) => import("react/jsx-runtime").JSX.Element;
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+/**
+ * The default form of the drawer.
+ */
+export declare const Default: Story;
+export declare const ShouldOpenCloseWithSubmit: Story;
+export declare const ShouldOpenCloseWithCancel: Story;

package/dist/registry/form.stories.d.ts

@@ -0,0 +1,14 @@
+import type { Meta, StoryObj } from "@storybook/nextjs-vite";
+import { Form } from "@/components/ui/form";
+/**
+ * Building forms with React Hook Form and Zod.
+ */
+declare const meta: Meta<typeof Form>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+/**
+ * The default form of the form.
+ */
+export declare const Default: Story;
+export declare const ShouldSucceedOnSubmit: Story;
+export declare const ShouldWarnOnSubmit: Story;