@murabei-data-science/pumpwood-ui 1.3.0

package/dist/types/src/stories/Components/CombinedFilterTable.stories.d.ts

@@ -0,0 +1,8 @@
+import type { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: () => import("react/jsx-runtime").JSX.Element;
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Primary: Story;

package/dist/types/src/stories/Components/ConfirmationDialog.stories.d.ts

@@ -0,0 +1,8 @@
+import type { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: ({ open, onOpenChange, children }: import("@/components/ConfirmationDialog").RootProps) => import("react/jsx-runtime").JSX.Element;
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Primary: Story;

package/dist/types/src/stories/Components/CreatedByUserFilter.stories.d.ts

@@ -0,0 +1,8 @@
+import type { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: ({ value, onChange, fetcher, className, }: import("../../components/Filters/CreatedByUserFilter").CreatedByUserFilterProps) => import("react/jsx-runtime").JSX.Element;
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Primary: Story;

package/dist/types/src/stories/Components/DateRangeFilter.stories.d.ts

@@ -0,0 +1,8 @@
+import type { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: ({ startDate, endDate, onStartDateChange, onEndDateChange, startLabel, endLabel, className, }: import("../../components/Filters/DateRangeFilter").DateRangeFilterProps) => import("react/jsx-runtime").JSX.Element;
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Primary: Story;

package/dist/types/src/stories/Components/EmptyContainer.stories.d.ts

@@ -0,0 +1,24 @@
+import type { StoryObj } from "@storybook/react";
+import { EmptyContainer } from "@/components/EmptyContainer";
+declare const meta: {
+    title: string;
+    component: typeof EmptyContainer;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {
+        title: {
+            control: "text";
+        };
+        description: {
+            control: "text";
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const NoResults: Story;
+export declare const EmptyDashboard: Story;
+export declare const InContainer: Story;

package/dist/types/src/stories/Components/FKSelect.stories.d.ts

@@ -0,0 +1,8 @@
+import type { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: ({ fetcher, modelClass, labelName, valueField, placeholder, emptyMessage, value, onChange, className, debounceWait, }: import("../../components/FKSelect").IFKSelectProps) => import("react/jsx-runtime").JSX.Element;
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Primary: Story;

package/dist/types/src/stories/Components/FileDropZone.stories.d.ts

@@ -0,0 +1,9 @@
+import type { StoryObj } from '@storybook/react-vite';
+import FileDropzone from '@/components/FileDropzone';
+declare const meta: {
+    title: string;
+    component: typeof FileDropzone;
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const UploadCSV: Story;

package/dist/types/src/stories/Components/Sidebar.stories.d.ts

@@ -0,0 +1,18 @@
+import type { StoryObj } from "@storybook/react";
+declare const meta: {
+    title: string;
+    component: ({ children, isCollapsed, onToggleCollapse, className, }: import("../../components/Sidebar").SidebarRootProps) => import("react/jsx-runtime").JSX.Element;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {
+        isCollapsed: {
+            control: "boolean";
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Collapsed: Story;

package/dist/types/src/stories/Components/Table.stories.d.ts

@@ -0,0 +1,11 @@
+import type { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLTableElement> & import("react").RefAttributes<HTMLTableElement>>;
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Primary: Story;

package/dist/types/src/stories/Components/Tabs.stories.d.ts

@@ -0,0 +1,13 @@
+import type { StoryObj } from "@storybook/react";
+declare const meta: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<import("@radix-ui/react-tabs").TabsProps & import("react").RefAttributes<HTMLDivElement>>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const TwoTabs: Story;

package/dist/types/src/stories/Elements/Badge.stories.d.ts

@@ -0,0 +1,13 @@
+import type { StoryObj } from '@storybook/react-vite';
+import { PumpwoodBadge } from '@/components/Badge';
+declare const meta: {
+    title: string;
+    component: typeof PumpwoodBadge;
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Primary: Story;
+export declare const Secondary: Story;
+export declare const Warning: Story;
+export declare const Destructive: Story;
+export declare const Muted: Story;

package/dist/types/src/stories/Elements/Button.stories.d.ts

@@ -0,0 +1,13 @@
+import type { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("class-variance-authority").VariantProps<(props?: ({
+        variant?: "link" | "default" | "outline" | "destructive" | "secondary" | "ghost" | null | undefined;
+        size?: "default" | "icon" | "sm" | "lg" | "icon-sm" | "icon-lg" | null | undefined;
+    } & import("class-variance-authority/types").ClassProp) | undefined) => string> & {
+        asChild?: boolean;
+    } & import("react").RefAttributes<HTMLButtonElement>>;
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Primary: Story;

package/dist/types/src/stories/Elements/Stack.stories.d.ts

@@ -0,0 +1,9 @@
+import type { StoryObj } from '@storybook/react-vite';
+import Stack from '@/components/Stack';
+declare const meta: {
+    title: string;
+    component: typeof Stack;
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Primary: Story;

package/dist/types/src/stories/Elements/Text.stories.d.ts

@@ -0,0 +1,8 @@
+import type { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    render: () => import("react/jsx-runtime").JSX.Element;
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Primary: Story;

package/dist/types/stories/Components/CombinedFilterTable.stories.d.ts

@@ -0,0 +1,8 @@
+import type { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: () => import("react/jsx-runtime").JSX.Element;
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Primary: Story;

package/dist/types/stories/Components/ConfirmationDialog.stories.d.ts

@@ -0,0 +1,8 @@
+import type { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: ({ open, onOpenChange, children }: import("@/components/ConfirmationDialog").RootProps) => import("react/jsx-runtime").JSX.Element;
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Primary: Story;

package/dist/types/stories/Components/CreatedByUserFilter.stories.d.ts

@@ -0,0 +1,8 @@
+import type { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: ({ value, onChange, fetcher, className, }: import("../../components/Filters/CreatedByUserFilter").CreatedByUserFilterProps) => import("react/jsx-runtime").JSX.Element;
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Primary: Story;

package/dist/types/stories/Components/DateRangeFilter.stories.d.ts

@@ -0,0 +1,8 @@
+import type { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: ({ startDate, endDate, onStartDateChange, onEndDateChange, startLabel, endLabel, className, }: import("../../components/Filters/DateRangeFilter").DateRangeFilterProps) => import("react/jsx-runtime").JSX.Element;
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Primary: Story;

package/dist/types/stories/Components/EmptyContainer.stories.d.ts

@@ -0,0 +1,24 @@
+import type { StoryObj } from "@storybook/react";
+import { EmptyContainer } from "@/components/EmptyContainer";
+declare const meta: {
+    title: string;
+    component: typeof EmptyContainer;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {
+        title: {
+            control: "text";
+        };
+        description: {
+            control: "text";
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const NoResults: Story;
+export declare const EmptyDashboard: Story;
+export declare const InContainer: Story;

package/dist/types/stories/Components/FKSelect.stories.d.ts

@@ -0,0 +1,8 @@
+import type { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: ({ fetcher, modelClass, labelName, valueField, placeholder, emptyMessage, value, onChange, className, debounceWait, }: import("../../components/FKSelect").IFKSelectProps) => import("react/jsx-runtime").JSX.Element;
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Primary: Story;

package/dist/types/stories/Components/FileDropZone.stories.d.ts

@@ -0,0 +1,9 @@
+import type { StoryObj } from '@storybook/react-vite';
+import FileDropzone from '@/components/FileDropzone';
+declare const meta: {
+    title: string;
+    component: typeof FileDropzone;
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const UploadCSV: Story;

package/dist/types/stories/Components/Sidebar.stories.d.ts

@@ -0,0 +1,18 @@
+import type { StoryObj } from "@storybook/react";
+declare const meta: {
+    title: string;
+    component: ({ children, isCollapsed, onToggleCollapse, className, }: import("../../components/Sidebar").SidebarRootProps) => import("react/jsx-runtime").JSX.Element;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {
+        isCollapsed: {
+            control: "boolean";
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Collapsed: Story;

package/dist/types/stories/Components/Table.stories.d.ts

@@ -0,0 +1,11 @@
+import type { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLTableElement> & import("react").RefAttributes<HTMLTableElement>>;
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Primary: Story;

package/dist/types/stories/Components/Tabs.stories.d.ts

@@ -0,0 +1,13 @@
+import type { StoryObj } from "@storybook/react";
+declare const meta: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<import("@radix-ui/react-tabs").TabsProps & import("react").RefAttributes<HTMLDivElement>>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const TwoTabs: Story;

package/dist/types/stories/Elements/Badge.stories.d.ts

@@ -0,0 +1,13 @@
+import type { StoryObj } from '@storybook/react-vite';
+import { PumpwoodBadge } from '@/components/Badge';
+declare const meta: {
+    title: string;
+    component: typeof PumpwoodBadge;
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Primary: Story;
+export declare const Secondary: Story;
+export declare const Warning: Story;
+export declare const Destructive: Story;
+export declare const Muted: Story;

package/dist/types/stories/Elements/Button.stories.d.ts

@@ -0,0 +1,13 @@
+import type { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("class-variance-authority").VariantProps<(props?: ({
+        variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | null | undefined;
+        size?: "default" | "sm" | "lg" | "icon" | "icon-sm" | "icon-lg" | null | undefined;
+    } & import("class-variance-authority/types").ClassProp) | undefined) => string> & {
+        asChild?: boolean;
+    } & import("react").RefAttributes<HTMLButtonElement>>;
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Primary: Story;

package/dist/types/stories/Elements/Stack.stories.d.ts

@@ -0,0 +1,9 @@
+import type { StoryObj } from '@storybook/react-vite';
+import Stack from '@/components/Stack';
+declare const meta: {
+    title: string;
+    component: typeof Stack;
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Primary: Story;

package/dist/types/stories/Elements/Text.stories.d.ts

@@ -0,0 +1,8 @@
+import type { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    render: () => import("react/jsx-runtime").JSX.Element;
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Primary: Story;

package/package.json

@@ -0,0 +1,119 @@
+{
+  "name": "@murabei-data-science/pumpwood-ui",
+  "publishConfig": {
+    "access": "public"
+  },
+  "version": "1.3.0",
+  "description": "",
+  "main": "dist/components.js",
+  "module": "dist/components.esm.js",
+  "style": "dist/index.css",
+  "types": "dist/components.d.ts",
+  "exports": {
+    "./components": {
+      "types": "./dist/components.d.ts",
+      "import": "./dist/components.esm.js",
+      "require": "./dist/components.js"
+    },
+    "./design-system": {
+      "types": "./dist/design-system.d.ts",
+      "import": "./dist/design-system.esm.js",
+      "require": "./dist/design-system.js"
+    },
+    "./tailwind.config": {
+      "import": "./tailwind.config.ts",
+      "require": "./tailwind.config.ts",
+      "default": "./tailwind.config.js"
+    },
+    "./dist/index.css": "./dist/index.css"
+  },
+  "keywords": [],
+  "author": "Murabei",
+  "license": "MIT",
+  "files": [
+    "dist",
+    "tailwind.config.js",
+    "tailwind.config.ts",
+    "tailwind.config.cjs"
+  ],
+  "peerDependencies": {
+    "@toast-ui/editor": "^3.2.0",
+    "@toast-ui/react-editor": "^3.2.0",
+    "react": "^17.0.0 || ^18.0.0",
+    "react-dom": "^17.0.0 || ^18.0.0",
+    "react-hook-form": "^7.62.0",
+    "swr": "^2.0.0"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.28.5",
+    "@babel/preset-react": "^7.28.5",
+    "@babel/preset-typescript": "^7.28.5",
+    "@chromatic-com/storybook": "^5.1.2",
+    "@radix-ui/react-alert-dialog": "^1.1.15",
+    "@radix-ui/react-slot": "^1.2.4",
+    "@radix-ui/react-tabs": "^1.1.13",
+    "@rollup/plugin-alias": "^6.0.0",
+    "@rollup/plugin-babel": "^6.1.0",
+    "@rollup/plugin-commonjs": "^29.0.0",
+    "@rollup/plugin-image": "^3.0.3",
+    "@rollup/plugin-node-resolve": "^16.0.3",
+    "@rollup/plugin-terser": "^0.4.4",
+    "@storybook/addon-a11y": "^10.3.5",
+    "@storybook/addon-docs": "^10.3.5",
+    "@storybook/addon-vitest": "^10.3.5",
+    "@storybook/react-vite": "^10.3.5",
+    "@tailwindcss/postcss": "^4.1.18",
+    "@tailwindcss/vite": "^4.0.0",
+    "@toast-ui/editor": "^3.2.2",
+    "@toast-ui/react-editor": "^3.2.3",
+    "@types/react": "^19.2.14",
+    "@types/react-dom": "^19.2.3",
+    "@vitest/browser-playwright": "^4.0.14",
+    "@vitest/coverage-v8": "^4.0.14",
+    "autoprefixer": "^10.4.23",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "create-storybook": "^10.3.5",
+    "gh-pages": "^6.3.0",
+    "playwright": "^1.57.0",
+    "postcss": "^8.5.6",
+    "react-dropzone": "^14.3.8",
+    "rollup": "^4.54.0",
+    "rollup-plugin-dts": "^6.4.1",
+    "rollup-plugin-postcss": "^4.0.2",
+    "storybook": "^10.3.5",
+    "swr": "^2.3.3",
+    "tailwind-merge": "^3.4.0",
+    "tailwindcss": "^4.0.0",
+    "tailwindcss-animate": "^1.0.7",
+    "tw-animate-css": "^1.4.0",
+    "typescript": "^6.0.3",
+    "vite": "^6.0.0",
+    "vitest": "^4.0.14"
+  },
+  "dependencies": {
+    "@radix-ui/react-accordion": "^1.2.14",
+    "@radix-ui/react-checkbox": "^1.3.2",
+    "@radix-ui/react-dialog": "^1.1.15",
+    "@radix-ui/react-dropdown-menu": "^2.1.4",
+    "@radix-ui/react-label": "^2.1.7",
+    "@radix-ui/react-popover": "^1.1.15",
+    "@radix-ui/react-select": "^2.2.6",
+    "@radix-ui/react-tooltip": "^1.2.7",
+    "cmdk": "^1.1.1",
+    "date-fns": "^4.1.0",
+    "lucide-react": "^0.562.0",
+    "react-day-picker": "^9.13.0",
+    "react-toastify": "^11.0.5"
+  },
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "build": "rollup -c",
+    "lint": "biome check .",
+    "lint:fix": "biome check --write .",
+    "storybook": "node node_modules/storybook/dist/bin/dispatcher.js dev -p 6006",
+    "build-storybook": "node node_modules/storybook/dist/bin/dispatcher.js build",
+    "storybook:build": "storybook build",
+    "storybook:deploy": "npm run storybook:build && gh-pages -d storybook-static"
+  }
+}

package/tailwind.config.ts

@@ -0,0 +1,91 @@
+import tailwindAnimate from "tailwindcss-animate";
+import type { Config } from "tailwindcss";
+
+const config: Config = {
+    darkMode: "class",
+    content: [
+        "./src/components/**/*.{js,ts,jsx,tsx,mdx}",
+        "./src/stories/**/*.{js,ts,jsx,tsx,mdx}",
+        "./src/lib/**/*.{js,ts,jsx,tsx,mdx}",
+    ],
+    theme: {
+        extend: {
+            colors: {
+                warning: {
+                    DEFAULT: 'hsl(var(--warning))',
+                    foreground: 'hsl(var(--warning-foreground))'
+                },
+                background: 'hsl(var(--background))',
+                foreground: 'hsl(var(--foreground))',
+                card: {
+                    DEFAULT: 'hsl(var(--card))',
+                    foreground: 'hsl(var(--card-foreground))'
+                },
+                popover: {
+                    DEFAULT: 'hsl(var(--popover))',
+                    foreground: 'hsl(var(--popover-foreground))'
+                },
+                primary: {
+                    DEFAULT: 'hsl(var(--primary))',
+                    foreground: 'hsl(var(--primary-foreground))'
+                },
+                secondary: {
+                    DEFAULT: 'hsl(var(--secondary))',
+                    foreground: 'hsl(var(--secondary-foreground))'
+                },
+                muted: {
+                    DEFAULT: 'hsl(var(--muted))',
+                    foreground: 'hsl(var(--muted-foreground))'
+                },
+                accent: {
+                    DEFAULT: 'hsl(var(--accent))',
+                    foreground: 'hsl(var(--accent-foreground))'
+                },
+                destructive: {
+                    DEFAULT: 'hsl(var(--destructive))',
+                    foreground: 'hsl(var(--destructive-foreground))'
+                },
+                border: 'hsl(var(--border))',
+                input: 'hsl(var(--input))',
+                ring: 'hsl(var(--ring))',
+                chart: {
+                    '1': 'hsl(var(--chart-1))',
+                    '2': 'hsl(var(--chart-2))',
+                    '3': 'hsl(var(--chart-3))',
+                    '4': 'hsl(var(--chart-4))',
+                    '5': 'hsl(var(--chart-5))'
+                }
+            },
+            borderRadius: {
+                lg: 'var(--radius)',
+                md: 'calc(var(--radius) - 2px)',
+                sm: 'calc(var(--radius) - 4px)'
+            },
+            keyframes: {
+                'accordion-down': {
+                    from: {
+                        height: '0'
+                    },
+                    to: {
+                        height: 'var(--radix-accordion-content-height)'
+                    }
+                },
+                'accordion-up': {
+                    from: {
+                        height: 'var(--radix-accordion-content-height)'
+                    },
+                    to: {
+                        height: '0'
+                    }
+                }
+            },
+            animation: {
+                'accordion-down': 'accordion-down 0.2s ease-out',
+                'accordion-up': 'accordion-up 0.2s ease-out'
+            }
+        }
+    },
+    plugins: [tailwindAnimate],
+
+};
+export default config;