@kuraykaraaslan/kui-react 1.0.1

package/dist/ui.mjs

@@ -0,0 +1,163 @@
+"use client";
+import {
+  BrandLogo,
+  ButtonGroup,
+  Checkbox,
+  CheckboxGroup,
+  ComboBox,
+  ContentScoreBar,
+  FileInput,
+  LazyAdvancedDataTable,
+  LazyDataTable,
+  LazyDateRangePicker,
+  LazyMapView,
+  LazyServerDataTable,
+  LazyVideoPlayer,
+  PageHeader,
+  Popover,
+  Slider,
+  StarRating,
+  StatCard,
+  TabButton,
+  TabGroup,
+  TreeView,
+  ViewToggle
+} from "./chunk-MPWUEQ7J.mjs";
+import "./chunk-24BCQSLI.mjs";
+import {
+  VideoPlayer
+} from "./chunk-J4D44TUA.mjs";
+import {
+  Announcer,
+  Breadcrumb,
+  Drawer,
+  EmptyState,
+  LiveRegion,
+  Modal,
+  MultiSelect,
+  SkeletonAvatar,
+  SkeletonCard,
+  SkeletonLine,
+  SkeletonTableRow,
+  SkeletonText,
+  SkipLink,
+  Stepper,
+  Toast,
+  ToastProvider,
+  ToastRegion,
+  Tooltip,
+  getEffectiveDuration,
+  toast,
+  useToastStore
+} from "./chunk-XA7J6PVJ.mjs";
+import {
+  Input,
+  RadioGroup,
+  Textarea,
+  Toggle
+} from "./chunk-C7AYI4XM.mjs";
+import {
+  AlertBanner,
+  Avatar,
+  AvatarGroup,
+  Badge,
+  DropdownMenu,
+  Select,
+  TagInput
+} from "./chunk-ZLYBRYWQ.mjs";
+import "./chunk-TZWBBMSG.mjs";
+import "./chunk-MPJRPYIZ.mjs";
+import {
+  AdvancedDataTable,
+  DataTable,
+  Pagination,
+  ServerDataTable,
+  Table
+} from "./chunk-4IWCD7ID.mjs";
+import {
+  SearchBar,
+  Spinner
+} from "./chunk-5E2HXWFI.mjs";
+import {
+  DatePicker,
+  DateRangePicker,
+  TimePicker
+} from "./chunk-KTEWZKNE.mjs";
+import {
+  Card,
+  MapView
+} from "./chunk-MD5OQ4J2.mjs";
+import {
+  Button
+} from "./chunk-MTT5TKAJ.mjs";
+import "./chunk-RBDK7MWQ.mjs";
+export {
+  AdvancedDataTable,
+  AlertBanner,
+  Announcer,
+  Avatar,
+  AvatarGroup,
+  Badge,
+  BrandLogo,
+  Breadcrumb,
+  Button,
+  ButtonGroup,
+  Card,
+  Checkbox,
+  CheckboxGroup,
+  ComboBox,
+  ContentScoreBar,
+  DataTable,
+  DatePicker,
+  DateRangePicker,
+  Drawer,
+  DropdownMenu,
+  EmptyState,
+  FileInput,
+  Input,
+  LazyAdvancedDataTable,
+  LazyDataTable,
+  LazyDateRangePicker,
+  LazyMapView,
+  LazyServerDataTable,
+  LazyVideoPlayer,
+  LiveRegion,
+  MapView,
+  Modal,
+  MultiSelect,
+  PageHeader,
+  Pagination,
+  Popover,
+  RadioGroup,
+  SearchBar,
+  Select,
+  ServerDataTable,
+  SkeletonAvatar,
+  SkeletonCard,
+  SkeletonLine,
+  SkeletonTableRow,
+  SkeletonText,
+  SkipLink,
+  Slider,
+  Spinner,
+  StarRating,
+  StatCard,
+  Stepper,
+  TabButton,
+  TabGroup,
+  Table,
+  TagInput,
+  Textarea,
+  TimePicker,
+  Toast,
+  ToastProvider,
+  ToastRegion,
+  Toggle,
+  Tooltip,
+  TreeView,
+  VideoPlayer,
+  ViewToggle,
+  getEffectiveDuration,
+  toast,
+  useToastStore
+};

package/package.json

@@ -0,0 +1,114 @@
+{
+  "name": "@kuraykaraaslan/kui-react",
+  "version": "1.0.1",
+  "description": "KUI React — atoms, molecules, organisms and common domain components",
+  "main": "./dist/index.js",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
+    },
+    "./ui": {
+      "types": "./dist/ui.d.ts",
+      "import": "./dist/ui.mjs",
+      "require": "./dist/ui.js"
+    },
+    "./app": {
+      "types": "./dist/app.d.ts",
+      "import": "./dist/app.mjs",
+      "require": "./dist/app.js"
+    },
+    "./common": {
+      "types": "./dist/common.d.ts",
+      "import": "./dist/common.mjs",
+      "require": "./dist/common.js"
+    },
+    "./styles": "./styles/index.css"
+  },
+  "files": [
+    "dist",
+    "styles"
+  ],
+  "sideEffects": [
+    "./styles/index.css"
+  ],
+  "scripts": {
+    "dev": "next dev --port 3002",
+    "predev": "node scripts/sync-kui-viewer-assets.mjs",
+    "kui-viewer:assets": "node scripts/sync-kui-viewer-assets.mjs",
+    "prebuild": "npm run kui-viewer:assets && npm run registry:snapshot",
+    "build": "next build",
+    "build:lib": "tsup",
+    "start": "next start",
+    "lint": "eslint",
+    "screenshots": "node scripts/take-screenshots.js",
+    "registry:snapshot": "node scripts/build-registry-snapshot.mjs",
+    "mcp:server": "node scripts/mcp-server.mjs"
+  },
+  "peerDependencies": {
+    "react": "^18 || ^19",
+    "react-dom": "^18 || ^19",
+    "next": "^14 || ^15 || ^16",
+    "tailwindcss": "^4",
+    "@fortawesome/react-fontawesome": ">=3",
+    "@fortawesome/fontawesome-svg-core": ">=7",
+    "@fortawesome/free-solid-svg-icons": ">=7",
+    "@fortawesome/free-brands-svg-icons": ">=7",
+    "@fortawesome/free-regular-svg-icons": ">=7"
+  },
+  "peerDependenciesMeta": {
+    "tailwindcss": { "optional": true },
+    "chart.js": { "optional": true },
+    "react-chartjs-2": { "optional": true },
+    "quill": { "optional": true },
+    "leaflet": { "optional": true },
+    "react-leaflet": { "optional": true },
+    "zustand": { "optional": true },
+    "zod": { "optional": true },
+    "react-hook-form": { "optional": true },
+    "@hookform/resolvers": { "optional": true }
+  },
+  "dependencies": {
+    "@fortawesome/fontawesome-svg-core": "^7.2.0",
+    "@fortawesome/free-brands-svg-icons": "^7.2.0",
+    "@fortawesome/free-regular-svg-icons": "^7.2.0",
+    "@fortawesome/free-solid-svg-icons": "^7.2.0",
+    "@fortawesome/react-fontawesome": "^3.3.1",
+    "@types/leaflet": "^1.9.21",
+    "chart.js": "^4.5.1",
+    "clsx": "^2.1.1",
+    "countries-list": "^3.3.0",
+    "country-flag-icons": "^1.6.16",
+    "iso-639-1": "^3.1.5",
+    "@kuraykaraaslan/kui-viewer": "^0.0.8",
+    "leaflet": "^1.9.4",
+    "next": "16.2.4",
+    "puppeteer": "^24.43.0",
+    "quill": "^2.0.3",
+    "react": "19.2.4",
+    "react-chartjs-2": "^5.3.1",
+    "react-dom": "19.2.4",
+    "react-leaflet": "^5.0.0",
+    "tailwind-merge": "^3.5.0",
+    "zod": "^4.3.6",
+    "zustand": "^5.0.12"
+  },
+  "devDependencies": {
+    "@axe-core/react": "^4.11.3",
+    "@hookform/resolvers": "^5.2.2",
+    "@tailwindcss/postcss": "^4",
+    "@types/node": "^20",
+    "@types/react": "^19",
+    "@types/react-dom": "^19",
+    "eslint": "^9",
+    "eslint-config-next": "16.2.4",
+    "eslint-plugin-tailwindcss": "^3.18.3",
+    "react-hook-form": "^7.75.0",
+    "tailwindcss": "^4",
+    "tsup": "^8.5.1",
+    "typescript": "^5"
+  }
+}

package/styles/index.css

@@ -0,0 +1,129 @@
+/* KUI React — design tokens */
+
+:root {
+  --primary:         #3b82f6;
+  --primary-hover:   #2563eb;
+  --primary-active:  #1d4ed8;
+  --primary-subtle:  #eff6ff;
+  --primary-fg:      #ffffff;
+
+  --secondary:        #8b5cf6;
+  --secondary-hover:  #7c3aed;
+  --secondary-active: #6d28d9;
+  --secondary-subtle: #f5f3ff;
+  --secondary-fg:     #ffffff;
+
+  --surface-base:    #ffffff;
+  --surface-raised:  #f9fafb;
+  --surface-overlay: #f3f4f6;
+  --surface-sunken:  #e5e7eb;
+
+  --text-primary:    #111827;
+  --text-secondary:  #6b7280;
+  --text-disabled:   #9ca3af;
+  --text-inverse:    #ffffff;
+
+  --border:          #e5e7eb;
+  --border-strong:   #d1d5db;
+  --border-focus:    #3b82f6;
+
+  --success:         #22c55e;
+  --success-subtle:  #f0fdf4;
+  --success-fg:      #14532d;
+
+  --warning:         #f59e0b;
+  --warning-subtle:  #fffbeb;
+  --warning-fg:      #78350f;
+
+  --error:           #ef4444;
+  --error-subtle:    #fef2f2;
+  --error-fg:        #7f1d1d;
+
+  --info:            #06b6d4;
+  --info-subtle:     #ecfeff;
+  --info-fg:         #164e63;
+}
+
+.dark {
+  --primary:          #60a5fa;
+  --primary-hover:    #93c5fd;
+  --primary-subtle:   #1e3a5f;
+  --primary-active:   #1d4ed8;
+  --primary-fg:       #ffffff;
+
+  --secondary:        #a78bfa;
+  --secondary-hover:  #c4b5fd;
+  --secondary-active: #7c3aed;
+  --secondary-subtle: #2e1065;
+  --secondary-fg:     #ffffff;
+
+  --text-inverse:     #111827;
+
+  --surface-base:    #0f172a;
+  --surface-raised:  #1e293b;
+  --surface-overlay: #334155;
+  --surface-sunken:  #1e293b;
+
+  --text-primary:    #f1f5f9;
+  --text-secondary:  #94a3b8;
+  --text-disabled:   #475569;
+
+  --border:          #334155;
+  --border-strong:   #475569;
+  --border-focus:    #60a5fa;
+
+  --success:         #4ade80;
+  --success-subtle:  #052e16;
+  --success-fg:      #bbf7d0;
+
+  --warning:         #fbbf24;
+  --warning-subtle:  #451a03;
+  --warning-fg:      #fef3c7;
+
+  --error:           #f87171;
+  --error-subtle:    #450a0a;
+  --error-fg:        #fee2e2;
+
+  --info:            #22d3ee;
+  --info-subtle:     #083344;
+  --info-fg:         #cffafe;
+}
+
+/* Sidebar scrollbar utility — used by AppSidebar */
+.sidebar-scrollbar-hover {
+  scrollbar-gutter: stable;
+  scrollbar-width: thin;
+  scrollbar-color: transparent transparent;
+}
+
+.sidebar-scrollbar-hover:hover,
+.sidebar-scrollbar-hover:focus-visible,
+.sidebar-scrollbar-hover:focus-within {
+  scrollbar-color: var(--border-strong) transparent;
+}
+
+.sidebar-scrollbar-hover::-webkit-scrollbar {
+  width: 8px;
+  height: 8px;
+}
+
+.sidebar-scrollbar-hover::-webkit-scrollbar-track {
+  background: transparent;
+}
+
+.sidebar-scrollbar-hover::-webkit-scrollbar-thumb {
+  background: transparent;
+  border-radius: 9999px;
+}
+
+.sidebar-scrollbar-hover:hover::-webkit-scrollbar-thumb,
+.sidebar-scrollbar-hover:focus-visible::-webkit-scrollbar-thumb,
+.sidebar-scrollbar-hover:focus-within::-webkit-scrollbar-thumb {
+  background: var(--border-strong);
+}
+
+.sidebar-scrollbar-hover:hover::-webkit-scrollbar-thumb:hover,
+.sidebar-scrollbar-hover:focus-visible::-webkit-scrollbar-thumb:hover,
+.sidebar-scrollbar-hover:focus-within::-webkit-scrollbar-thumb:hover {
+  background: var(--text-disabled);
+}