@matthiaskrijgsman/mat-ui 0.0.0

package/dist/popover/PopoverBase.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+import type { PopoverBaseRefProps, PopoverRendererProps } from "@/popover/use-popover.tsx";
+export type PopoverBaseProps = PopoverRendererProps & PopoverBaseRefProps;
+export declare const PopoverBase: React.FC<PopoverBaseProps>;

package/dist/popover/PopoverButton.d.ts

@@ -0,0 +1,12 @@
+import * as React from "react";
+import type { TablerIcon } from "@tabler/icons-react";
+export type PopoverButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {
+    loading?: boolean;
+    children?: React.ReactNode;
+    Icon?: TablerIcon;
+};
+export declare const PopoverButton: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & {
+    loading?: boolean;
+    children?: React.ReactNode;
+    Icon?: TablerIcon;
+} & React.RefAttributes<HTMLButtonElement>>;

package/dist/popover/PopoverPanel.d.ts

@@ -0,0 +1,6 @@
+import * as React from "react";
+export type PopoverPanelProps = React.HTMLProps<HTMLDivElement> & {
+    children?: React.ReactNode;
+    className?: string;
+};
+export declare const PopoverPanel: (props: PopoverPanelProps) => import("react/jsx-runtime").JSX.Element;

package/dist/popover/use-popover.d.ts

@@ -0,0 +1,25 @@
+import * as React from "react";
+import { type Placement } from "@floating-ui/react";
+export type UsePopoverProps = {
+    placement?: Placement;
+    onOutsideClick?: () => void;
+    fullWidth?: boolean;
+    minWidth?: number;
+    maxWidth?: number;
+};
+export type PopoverRendererProps = {
+    open: boolean;
+    children: React.ReactNode;
+    className?: string;
+};
+export type PopoverBaseRefProps = {
+    onOutsideClick?: () => void;
+    floatingStyles: React.CSSProperties;
+    setFloating: React.RefCallback<HTMLDivElement>;
+    placement: Placement;
+};
+export type UsePopoverResult = {
+    anchorRef: React.RefCallback<HTMLDivElement | null>;
+    Popover: React.ComponentType<PopoverRendererProps>;
+};
+export declare const usePopover: (props: UsePopoverProps) => UsePopoverResult;

package/dist/spinner/Spinner.d.ts

@@ -0,0 +1,5 @@
+export type SpinnerProps = {
+    speed?: number;
+    className?: string;
+};
+export declare const Spinner: (props: SpinnerProps) => import("react/jsx-runtime").JSX.Element;

package/dist/table/Table.d.ts

@@ -0,0 +1,11 @@
+import * as React from "react";
+export type TableColumnDef<T> = {
+    id: string;
+    header: string;
+    renderCell: (row: T) => React.ReactNode;
+};
+export type TableProps<T> = {
+    columns: TableColumnDef<T>[];
+    rows: T[];
+};
+export declare const Table: <T>(props: TableProps<T>) => import("react/jsx-runtime").JSX.Element;

package/dist/util/classnames.util.d.ts

@@ -0,0 +1 @@
+export declare const classNames: (...classes: any[]) => string;

package/package.json

@@ -0,0 +1,73 @@
+{
+  "name": "@matthiaskrijgsman/mat-ui",
+  "version": "0.0.0",
+  "type": "module",
+  "main": "./dist/mat-ui.umd.cjs",
+  "module": "./dist/mat-ui.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/mat-ui.js",
+      "require": "./dist/mat-ui.umd.cjs",
+      "default": "./dist/mat-ui.js"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "peerDependencies": {
+    "@floating-ui/react": "^0.27.16",
+    "@tabler/icons-react": "^3.34.1",
+    "motion": "^12.23.12",
+    "react": "^19.1.1",
+    "react-custom-scrollbars": "^4.2.1",
+    "react-dom": "^19.1.1",
+    "react-merge-refs": "^3.0.2"
+  },
+  "devDependencies": {
+    "@chromatic-com/storybook": "^4.1.1",
+    "@eslint/js": "^9.33.0",
+    "@storybook/addon-a11y": "^9.1.3",
+    "@storybook/addon-docs": "^9.1.3",
+    "@storybook/addon-vitest": "^9.1.3",
+    "@storybook/react-vite": "^9.1.3",
+    "@tailwindcss/forms": "^0.5.10",
+    "@tailwindcss/vite": "^4.1.12",
+    "@types/node": "^24.3.0",
+    "@types/react": "^19.1.10",
+    "@types/react-custom-scrollbars": "^4.0.13",
+    "@types/react-dom": "^19.1.7",
+    "@vitejs/plugin-react": "^5.0.0",
+    "@vitest/browser": "^3.2.4",
+    "@vitest/coverage-v8": "^3.2.4",
+    "chromatic": "^13.1.3",
+    "eslint": "^9.33.0",
+    "eslint-plugin-react-hooks": "^5.2.0",
+    "eslint-plugin-react-refresh": "^0.4.20",
+    "eslint-plugin-storybook": "^9.1.3",
+    "globals": "^16.3.0",
+    "playwright": "^1.55.0",
+    "storybook": "^9.1.3",
+    "tailwindcss": "^4.1.12",
+    "typescript": "~5.8.3",
+    "typescript-eslint": "^8.39.1",
+    "vite": "^7.1.2",
+    "vitest": "^3.2.4"
+  },
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build && tsc -p tsconfig.build.json",
+    "build:types": "tsc -p tsconfig.build.json",
+    "lint": "eslint .",
+    "preview": "vite preview",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build"
+  }
+}