@mieweb/ui 0.1.0

package/dist/utils/index.d.cts

@@ -0,0 +1,73 @@
+import { ClassValue } from 'clsx';
+
+/**
+ * Utility function to merge Tailwind CSS classes with proper precedence.
+ * Combines clsx for conditional classes with tailwind-merge for deduplication.
+ *
+ * @example
+ * ```tsx
+ * cn('px-4 py-2', isActive && 'bg-primary-500', className)
+ * // Properly merges and dedupes Tailwind classes
+ * ```
+ */
+declare function cn(...inputs: ClassValue[]): string;
+
+/**
+ * Phone number formatting utilities
+ */
+/**
+ * Formats a phone number string to US format: (XXX) XXX-XXXX
+ */
+declare function formatPhoneNumber(value: string): string;
+/**
+ * Removes formatting from a phone number, returning only digits
+ */
+declare function unformatPhoneNumber(value: string): string;
+/**
+ * Validates if a phone number has exactly 10 digits
+ */
+declare function isValidPhoneNumber(value: string): boolean;
+/**
+ * Checks if a phone number string is empty (no digits)
+ */
+declare function isPhoneNumberEmpty(value: string): boolean;
+
+/**
+ * Date formatting and validation utilities
+ */
+/**
+ * Formats a date string to MM/DD/YYYY format
+ */
+declare function formatDateValue(value: string): string;
+/**
+ * Parses a date string (MM/DD/YYYY) to a Date object
+ * Returns null if the date is invalid
+ */
+declare function parseDateValue(value: string): Date | null;
+/**
+ * Validates if a date string is a valid date
+ */
+declare function isValidDate(value: string): boolean;
+/**
+ * Checks if a date string is empty
+ */
+declare function isDateEmpty(value: string): boolean;
+/**
+ * Calculates age from a date of birth string (MM/DD/YYYY)
+ * Returns null if the date is invalid
+ */
+declare function calculateAge(dob: string): number | null;
+/**
+ * Checks if a date of birth represents a valid driving age (16+)
+ */
+declare function isValidDrivingAge(dob: string): boolean;
+/**
+ * Checks if a date is in the past
+ */
+declare function isDateInPast(value: string): boolean;
+/**
+ * Checks if a date is in the future
+ */
+declare function isDateInFuture(value: string): boolean;
+
+export { calculateAge, cn, formatDateValue, formatPhoneNumber, isDateEmpty, isDateInFuture, isDateInPast, isPhoneNumberEmpty, isValidDate, isValidDrivingAge, isValidPhoneNumber, parseDateValue, unformatPhoneNumber };

package/dist/utils/index.d.ts

@@ -0,0 +1,73 @@
+import { ClassValue } from 'clsx';
+
+/**
+ * Utility function to merge Tailwind CSS classes with proper precedence.
+ * Combines clsx for conditional classes with tailwind-merge for deduplication.
+ *
+ * @example
+ * ```tsx
+ * cn('px-4 py-2', isActive && 'bg-primary-500', className)
+ * // Properly merges and dedupes Tailwind classes
+ * ```
+ */
+declare function cn(...inputs: ClassValue[]): string;
+
+/**
+ * Phone number formatting utilities
+ */
+/**
+ * Formats a phone number string to US format: (XXX) XXX-XXXX
+ */
+declare function formatPhoneNumber(value: string): string;
+/**
+ * Removes formatting from a phone number, returning only digits
+ */
+declare function unformatPhoneNumber(value: string): string;
+/**
+ * Validates if a phone number has exactly 10 digits
+ */
+declare function isValidPhoneNumber(value: string): boolean;
+/**
+ * Checks if a phone number string is empty (no digits)
+ */
+declare function isPhoneNumberEmpty(value: string): boolean;
+
+/**
+ * Date formatting and validation utilities
+ */
+/**
+ * Formats a date string to MM/DD/YYYY format
+ */
+declare function formatDateValue(value: string): string;
+/**
+ * Parses a date string (MM/DD/YYYY) to a Date object
+ * Returns null if the date is invalid
+ */
+declare function parseDateValue(value: string): Date | null;
+/**
+ * Validates if a date string is a valid date
+ */
+declare function isValidDate(value: string): boolean;
+/**
+ * Checks if a date string is empty
+ */
+declare function isDateEmpty(value: string): boolean;
+/**
+ * Calculates age from a date of birth string (MM/DD/YYYY)
+ * Returns null if the date is invalid
+ */
+declare function calculateAge(dob: string): number | null;
+/**
+ * Checks if a date of birth represents a valid driving age (16+)
+ */
+declare function isValidDrivingAge(dob: string): boolean;
+/**
+ * Checks if a date is in the past
+ */
+declare function isDateInPast(value: string): boolean;
+/**
+ * Checks if a date is in the future
+ */
+declare function isDateInFuture(value: string): boolean;
+
+export { calculateAge, cn, formatDateValue, formatPhoneNumber, isDateEmpty, isDateInFuture, isDateInPast, isPhoneNumberEmpty, isValidDate, isValidDrivingAge, isValidPhoneNumber, parseDateValue, unformatPhoneNumber };

package/dist/utils/index.js

@@ -0,0 +1,6 @@
+import '../chunk-ZQ4XMJH7.js';
+export { formatPhoneNumber, isPhoneNumberEmpty, isValidPhoneNumber, unformatPhoneNumber } from '../chunk-CEHWXAAI.js';
+export { calculateAge, formatDateValue, isDateEmpty, isDateInFuture, isDateInPast, isValidDate, isValidDrivingAge, parseDateValue } from '../chunk-SN52QMRT.js';
+export { cn } from '../chunk-F3SOEIN2.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}

package/dist/waggleline-6IGA66HR.cjs

@@ -0,0 +1,18 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var chunkSWV5E75F_cjs = require('./chunk-SWV5E75F.cjs');
+
+
+
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () { return chunkSWV5E75F_cjs.wagglelineBrand; }
+});
+Object.defineProperty(exports, "wagglelineBrand", {
+  enumerable: true,
+  get: function () { return chunkSWV5E75F_cjs.wagglelineBrand; }
+});
+//# sourceMappingURL=waggleline-6IGA66HR.cjs.map
+//# sourceMappingURL=waggleline-6IGA66HR.cjs.map

package/dist/waggleline-6IGA66HR.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"waggleline-6IGA66HR.cjs"}

package/dist/waggleline-BMUYAFJF.js

@@ -0,0 +1,3 @@
+export { wagglelineBrand as default, wagglelineBrand } from './chunk-OWPWP46L.js';
+//# sourceMappingURL=waggleline-BMUYAFJF.js.map
+//# sourceMappingURL=waggleline-BMUYAFJF.js.map

package/dist/waggleline-BMUYAFJF.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"waggleline-BMUYAFJF.js"}

package/dist/webchart-2SLO5ICI.js

@@ -0,0 +1,3 @@
+export { webchartBrand as default, webchartBrand } from './chunk-C6MDPPPL.js';
+//# sourceMappingURL=webchart-2SLO5ICI.js.map
+//# sourceMappingURL=webchart-2SLO5ICI.js.map

package/dist/webchart-2SLO5ICI.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"webchart-2SLO5ICI.js"}

package/dist/webchart-EHVGP46N.cjs

@@ -0,0 +1,18 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var chunkZ3TFPXVN_cjs = require('./chunk-Z3TFPXVN.cjs');
+
+
+
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () { return chunkZ3TFPXVN_cjs.webchartBrand; }
+});
+Object.defineProperty(exports, "webchartBrand", {
+  enumerable: true,
+  get: function () { return chunkZ3TFPXVN_cjs.webchartBrand; }
+});
+//# sourceMappingURL=webchart-EHVGP46N.cjs.map
+//# sourceMappingURL=webchart-EHVGP46N.cjs.map

package/dist/webchart-EHVGP46N.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"webchart-EHVGP46N.cjs"}

package/package.json

@@ -0,0 +1,212 @@
+{
+  "name": "@mieweb/ui",
+  "version": "0.1.0",
+  "description": "A themeable, accessible React component library built with Tailwind CSS",
+  "author": "MIE Web Team",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/mieweb/ui.git"
+  },
+  "homepage": "https://github.com/mieweb/ui#readme",
+  "bugs": {
+    "url": "https://github.com/mieweb/ui/issues"
+  },
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  },
+  "keywords": [
+    "react",
+    "components",
+    "ui",
+    "tailwindcss",
+    "accessible",
+    "themeable"
+  ],
+  "type": "module",
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
+      },
+      "require": {
+        "types": "./dist/index.d.cts",
+        "default": "./dist/index.cjs"
+      }
+    },
+    "./components/*": {
+      "import": {
+        "types": "./dist/components/*/index.d.ts",
+        "default": "./dist/components/*/index.js"
+      },
+      "require": {
+        "types": "./dist/components/*/index.d.cts",
+        "default": "./dist/components/*/index.cjs"
+      }
+    },
+    "./hooks": {
+      "import": {
+        "types": "./dist/hooks/index.d.ts",
+        "default": "./dist/hooks/index.js"
+      },
+      "require": {
+        "types": "./dist/hooks/index.d.cts",
+        "default": "./dist/hooks/index.cjs"
+      }
+    },
+    "./utils": {
+      "import": {
+        "types": "./dist/utils/index.d.ts",
+        "default": "./dist/utils/index.js"
+      },
+      "require": {
+        "types": "./dist/utils/index.d.cts",
+        "default": "./dist/utils/index.cjs"
+      }
+    },
+    "./tailwind-preset": {
+      "import": {
+        "types": "./dist/tailwind-preset.d.ts",
+        "default": "./dist/tailwind-preset.js"
+      },
+      "require": {
+        "types": "./dist/tailwind-preset.d.cts",
+        "default": "./dist/tailwind-preset.cjs"
+      }
+    },
+    "./brands": {
+      "import": {
+        "types": "./dist/brands/index.d.ts",
+        "default": "./dist/brands/index.js"
+      },
+      "require": {
+        "types": "./dist/brands/index.d.cts",
+        "default": "./dist/brands/index.cjs"
+      }
+    },
+    "./brands/bluehive.css": "./dist/brands/bluehive.css",
+    "./brands/mieweb.css": "./dist/brands/mieweb.css",
+    "./brands/webchart.css": "./dist/brands/webchart.css",
+    "./brands/enterprise-health.css": "./dist/brands/enterprise-health.css",
+    "./brands/*": {
+      "import": {
+        "types": "./dist/brands/*.d.ts",
+        "default": "./dist/brands/*.js"
+      },
+      "require": {
+        "types": "./dist/brands/*.d.cts",
+        "default": "./dist/brands/*.cjs"
+      }
+    },
+    "./styles.css": "./dist/styles.css",
+    "./styles": "./dist/styles.css"
+  },
+  "files": [
+    "dist",
+    "README.md",
+    "LICENSE"
+  ],
+  "scripts": {
+    "dev": "tsup --watch",
+    "build": "tsup && npm run build:css && npm run copy:brand-css",
+    "build:css": "npx @tailwindcss/cli -i ./src/styles/base.css -o ./dist/styles.css --minify",
+    "copy:brand-css": "cp src/brands/*.css dist/brands/ 2>/dev/null || true",
+    "typecheck": "tsc --noEmit",
+    "lint": "eslint src --ext .ts,.tsx",
+    "lint:fix": "eslint src --ext .ts,.tsx --fix",
+    "format": "prettier --check \"src/**/*.{ts,tsx,css}\"",
+    "format:fix": "prettier --write \"src/**/*.{ts,tsx,css}\"",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "test:coverage": "vitest run --coverage",
+    "playwright:install": "playwright install --with-deps",
+    "test:visual": "playwright test",
+    "test:visual:ui": "playwright test --ui",
+    "test:visual:debug": "playwright test --debug",
+    "prepublishOnly": "npm run build"
+  },
+  "peerDependencies": {
+    "ag-grid-community": ">=32.0.0",
+    "ag-grid-react": ">=32.0.0",
+    "react": ">=18.0.0",
+    "react-dom": ">=18.0.0",
+    "wavesurfer.js": ">=7.0.0"
+  },
+  "peerDependenciesMeta": {
+    "ag-grid-community": {
+      "optional": true
+    },
+    "ag-grid-react": {
+      "optional": true
+    },
+    "react": {
+      "optional": false
+    },
+    "react-dom": {
+      "optional": false
+    },
+    "wavesurfer.js": {
+      "optional": true
+    }
+  },
+  "dependencies": {
+    "@swc/helpers": "^0.5.18",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "lucide-react": "^0.562.0",
+    "tailwind-merge": "^2.6.0"
+  },
+  "devDependencies": {
+    "@playwright/test": "^1.50.3",
+    "@storybook/addon-a11y": "^10.1.11",
+    "@storybook/addon-docs": "^10.1.11",
+    "@storybook/addon-links": "^10.1.11",
+    "@storybook/react": "^10.1.11",
+    "@storybook/react-vite": "^10.1.11",
+    "@tailwindcss/cli": "^4.1.18",
+    "@tailwindcss/postcss": "^4.1.3",
+    "@testing-library/jest-dom": "^6.6.5",
+    "@testing-library/react": "^16.1.0",
+    "@testing-library/user-event": "^14.5.3",
+    "@types/node": "^22.13.0",
+    "@types/react": "^19.1.0",
+    "@types/react-dom": "^19.1.0",
+    "@typescript-eslint/eslint-plugin": "^8.22.0",
+    "@typescript-eslint/parser": "^8.22.0",
+    "@vitest/coverage-v8": "^3.2.4",
+    "ag-grid-community": "^35.0.0",
+    "ag-grid-react": "^35.0.0",
+    "autoprefixer": "^10.4.20",
+    "eslint": "^9.19.0",
+    "eslint-plugin-jsx-a11y": "^6.10.2",
+    "eslint-plugin-react": "^7.37.4",
+    "eslint-plugin-react-hooks": "^5.1.0",
+    "eslint-plugin-storybook": "^10.1.11",
+    "jsdom": "^26.0.0",
+    "postcss": "^8.5.1",
+    "prettier": "^3.4.2",
+    "prettier-plugin-tailwindcss": "^0.6.11",
+    "react": "^19.2.3",
+    "react-dom": "^19.2.3",
+    "storybook": "^10.1.11",
+    "tailwindcss": "^4.1.3",
+    "tsup": "^8.3.6",
+    "typescript": "^5.7.3",
+    "vite": "^6.1.0",
+    "vitest": "^3.0.4",
+    "wavesurfer.js": "^7.8.17"
+  },
+  "engines": {
+    "node": ">=18.0.0"
+  }
+}