@nextop-os/ui-system 0.0.1

package/dist/index.js

@@ -0,0 +1,185 @@
+import {
+  Badge,
+  Button,
+  Card,
+  CardAction,
+  CardContent,
+  CardDescription,
+  CardFooter,
+  CardHeader,
+  CardTitle,
+  ConfirmationDialog,
+  Dialog,
+  DialogClose,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogOverlay,
+  DialogPortal,
+  DialogTitle,
+  DialogTrigger,
+  Input,
+  ResizableHandle,
+  ResizablePanel,
+  ResizablePanelGroup,
+  ScrollArea,
+  ScrollBar,
+  Select,
+  SelectContent,
+  SelectGroup,
+  SelectItem,
+  SelectLabel,
+  SelectScrollDownButton,
+  SelectScrollUpButton,
+  SelectSeparator,
+  SelectTrigger,
+  SelectValue,
+  Separator,
+  ToastClose,
+  ToastDescription,
+  ToastProvider,
+  ToastRoot,
+  ToastTitle,
+  ToastViewport,
+  badgeVariants,
+  buttonVariants,
+  toastVariants
+} from "./chunk-UM7LPYRB.js";
+import {
+  NextopMark
+} from "./chunk-IK2XRJQG.js";
+import {
+  AlertIcon,
+  ArrowLeftIcon,
+  ArrowRightIcon,
+  CheckIcon,
+  ChevronDownIcon,
+  ChevronUpIcon,
+  CloseIcon,
+  CopyIcon,
+  DashboardIcon,
+  DeleteIcon,
+  DirectoryIcon,
+  EyeIcon,
+  FileCodeIcon,
+  FileCreateIcon,
+  FileIcon,
+  FileSearchIcon,
+  FileSpreadsheetIcon,
+  FileTextIcon,
+  FolderIcon,
+  HealthIcon,
+  ImageFileIcon,
+  LaunchIcon,
+  LayoutMenuIcon,
+  LoadingIcon,
+  MaximizeIcon,
+  MinimizeIcon,
+  NewWorkspaceIcon,
+  PlatformIcon,
+  QuickLayoutBottomIcon,
+  QuickLayoutLeftIcon,
+  QuickLayoutRightIcon,
+  QuickLayoutTopIcon,
+  RefreshIcon,
+  RestoreIcon,
+  SearchIcon,
+  SettingsIcon,
+  SparkIcon,
+  UploadIcon,
+  VideoFileIcon
+} from "./chunk-V2GNGNUX.js";
+import {
+  cn
+} from "./chunk-DGPY4WP3.js";
+export {
+  AlertIcon,
+  ArrowLeftIcon,
+  ArrowRightIcon,
+  Badge,
+  Button,
+  Card,
+  CardAction,
+  CardContent,
+  CardDescription,
+  CardFooter,
+  CardHeader,
+  CardTitle,
+  CheckIcon,
+  ChevronDownIcon,
+  ChevronUpIcon,
+  CloseIcon,
+  ConfirmationDialog,
+  CopyIcon,
+  DashboardIcon,
+  DeleteIcon,
+  Dialog,
+  DialogClose,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogOverlay,
+  DialogPortal,
+  DialogTitle,
+  DialogTrigger,
+  DirectoryIcon,
+  EyeIcon,
+  FileCodeIcon,
+  FileCreateIcon,
+  FileIcon,
+  FileSearchIcon,
+  FileSpreadsheetIcon,
+  FileTextIcon,
+  FolderIcon,
+  HealthIcon,
+  ImageFileIcon,
+  Input,
+  LaunchIcon,
+  LayoutMenuIcon,
+  LoadingIcon,
+  MaximizeIcon,
+  MinimizeIcon,
+  NewWorkspaceIcon,
+  NextopMark,
+  PlatformIcon,
+  QuickLayoutBottomIcon,
+  QuickLayoutLeftIcon,
+  QuickLayoutRightIcon,
+  QuickLayoutTopIcon,
+  RefreshIcon,
+  ResizableHandle,
+  ResizablePanel,
+  ResizablePanelGroup,
+  RestoreIcon,
+  ScrollArea,
+  ScrollBar,
+  SearchIcon,
+  Select,
+  SelectContent,
+  SelectGroup,
+  SelectItem,
+  SelectLabel,
+  SelectScrollDownButton,
+  SelectScrollUpButton,
+  SelectSeparator,
+  SelectTrigger,
+  SelectValue,
+  Separator,
+  SettingsIcon,
+  SparkIcon,
+  ToastClose,
+  ToastDescription,
+  ToastProvider,
+  ToastRoot,
+  ToastTitle,
+  ToastViewport,
+  UploadIcon,
+  VideoFileIcon,
+  badgeVariants,
+  buttonVariants,
+  cn,
+  toastVariants
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/styles/base.css

@@ -0,0 +1,49 @@
+@import "tw-animate-css";
+
+@layer base {
+  * {
+    box-sizing: border-box;
+  }
+
+  html {
+    color-scheme: light;
+  }
+
+  body {
+    margin: 0;
+    min-width: 320px;
+    min-height: 100vh;
+    background:
+      radial-gradient(
+        circle at top left,
+        color-mix(in srgb, var(--primary) 10%, transparent) 0%,
+        transparent 38%
+      ),
+      radial-gradient(
+        circle at top right,
+        color-mix(in srgb, var(--accent) 8%, transparent) 0%,
+        transparent 34%
+      ),
+      linear-gradient(180deg, var(--background) 0%, var(--background-soft) 100%);
+    color: var(--foreground);
+    font-family: var(--font-sans-system);
+    line-height: 1.5;
+    text-rendering: optimizeLegibility;
+  }
+
+  body,
+  #app {
+    min-height: 100vh;
+  }
+
+  button,
+  input,
+  textarea,
+  select {
+    font: inherit;
+  }
+
+  svg {
+    flex: none;
+  }
+}

package/dist/styles/index.css

@@ -0,0 +1,3 @@
+@import "./theme.css";
+@import "./semantic.css";
+@import "./base.css";

package/dist/styles/semantic.css

@@ -0,0 +1,39 @@
+@theme inline {
+  --font-sans: var(--font-sans-system);
+  --font-mono: var(--font-mono-system);
+
+  --color-background: var(--background);
+  --color-foreground: var(--foreground);
+  --color-card: var(--card);
+  --color-card-foreground: var(--card-foreground);
+  --color-popover: var(--popover);
+  --color-popover-foreground: var(--popover-foreground);
+  --color-primary: var(--primary);
+  --color-primary-foreground: var(--primary-foreground);
+  --color-secondary: var(--secondary);
+  --color-secondary-foreground: var(--secondary-foreground);
+  --color-muted: var(--muted);
+  --color-muted-foreground: var(--muted-foreground);
+  --color-accent: var(--accent);
+  --color-accent-foreground: var(--accent-foreground);
+  --color-destructive: var(--destructive);
+  --color-destructive-foreground: var(--destructive-foreground);
+  --color-border: var(--border);
+  --color-input: var(--input);
+  --color-ring: var(--ring);
+
+  --color-panel: var(--panel);
+  --color-panel-foreground: var(--panel-foreground);
+  --color-success: var(--success);
+  --color-success-foreground: var(--success-foreground);
+  --color-warning: var(--warning);
+  --color-warning-foreground: var(--warning-foreground);
+
+  --radius-sm: calc(var(--radius) - 0.375rem);
+  --radius-md: calc(var(--radius) - 0.25rem);
+  --radius-lg: var(--radius);
+  --radius-xl: calc(var(--radius) + 0.25rem);
+
+  --shadow-soft: var(--shadow-soft);
+  --shadow-panel: var(--shadow-panel);
+}

package/dist/styles/theme.css

@@ -0,0 +1,132 @@
+:root {
+  --font-sans-system:
+    "Geist", "SF Pro Text", "IBM Plex Sans", "Segoe UI", sans-serif;
+  --font-mono-system:
+    "Geist Mono", "SF Mono", "IBM Plex Mono", "JetBrains Mono", monospace;
+
+  --radius: 0.625rem;
+
+  --background: oklch(0.986 0.004 84);
+  --background-soft: oklch(0.968 0.006 84);
+  --foreground: oklch(0.248 0.016 258);
+
+  --card: oklch(0.995 0.003 84 / 88%);
+  --card-foreground: var(--foreground);
+  --popover: oklch(0.998 0.002 84 / 96%);
+  --popover-foreground: var(--foreground);
+
+  --primary: oklch(0.57 0.112 248);
+  --primary-foreground: oklch(0.987 0.002 84);
+  --secondary: oklch(0.956 0.006 252);
+  --secondary-foreground: oklch(0.314 0.018 258);
+  --muted: oklch(0.958 0.005 84);
+  --muted-foreground: oklch(0.528 0.013 258);
+  --accent: oklch(0.944 0.012 247);
+  --accent-foreground: oklch(0.302 0.02 258);
+  --destructive: oklch(0.62 0.21 25);
+  --destructive-foreground: oklch(0.985 0.004 25);
+  --border: oklch(0.904 0.005 252);
+  --input: oklch(0.936 0.006 252);
+  --ring: oklch(0.662 0.072 248);
+
+  --panel: oklch(0.975 0.004 84 / 92%);
+  --panel-foreground: var(--foreground);
+  --success: oklch(0.642 0.124 158);
+  --success-foreground: oklch(0.985 0.004 145);
+  --warning: oklch(0.774 0.116 86);
+  --warning-foreground: oklch(0.29 0.05 84);
+
+  --shadow-soft: 0 10px 28px rgb(19 24 38 / 5%);
+  --shadow-panel: 0 20px 44px rgb(19 24 38 / 8%);
+
+  --z-workbench-chrome: 100100;
+  --z-workbench-genie: 100150;
+  --z-popover: 100200;
+  --z-toast: 100300;
+  --z-panel: 100500;
+  --z-panel-popover: 100550;
+  --z-dialog-overlay: 100600;
+  --z-dialog: 100610;
+
+  --workbench-canvas-bg: oklch(0.948 0.006 84);
+  --workbench-surface-background:
+    linear-gradient(
+      135deg,
+      color-mix(in srgb, var(--workbench-accent) 5%, transparent),
+      transparent 34%
+    ),
+    radial-gradient(
+      circle at 18% 12%,
+      color-mix(in srgb, var(--workbench-accent) 8%, transparent),
+      transparent 28%
+    ),
+    var(--workbench-canvas-bg);
+  --workbench-foreground: var(--foreground);
+  --workbench-muted-foreground: var(--muted-foreground);
+  --workbench-chrome-foreground: color-mix(
+    in srgb,
+    var(--foreground) 72%,
+    transparent
+  );
+  --workbench-chrome-muted: color-mix(
+    in srgb,
+    var(--foreground) 52%,
+    transparent
+  );
+  --workbench-chrome-hover-bg: color-mix(
+    in srgb,
+    var(--foreground) 8%,
+    transparent
+  );
+  --workbench-panel: oklch(0.995 0.003 84 / 94%);
+  --workbench-window-header-bg: color-mix(
+    in srgb,
+    var(--workbench-panel) 86%,
+    transparent
+  );
+  --workbench-window-backdrop-filter: blur(16px) saturate(1.04);
+  --workbench-border: rgb(255 255 255 / 52%);
+  --workbench-accent: var(--primary);
+  --workbench-focused-border: rgb(255 255 255 / 68%);
+  --workbench-scrim: color-mix(in srgb, var(--card) 78%, transparent);
+  --workbench-window-elevation: 0 22px 64px rgb(19 24 38 / 14%);
+  --workbench-control-hover-bg: color-mix(
+    in srgb,
+    var(--workbench-foreground) 9%,
+    transparent
+  );
+  --workbench-dock-shadow:
+    0 14px 34px rgb(19 24 38 / 10%), 0 1px 0 rgb(255 255 255 / 60%);
+  --workbench-snap-guide: color-mix(in srgb, var(--primary) 18%, transparent);
+  --workbench-snap-guide-border: color-mix(
+    in srgb,
+    var(--workbench-accent) 70%,
+    transparent
+  );
+  --workbench-snap-guide-shadow: 0 0 0 1px
+    color-mix(in srgb, var(--workbench-accent) 28%, transparent);
+}
+
+[data-workbench-wallpaper-appearance="dark"] {
+  --workbench-chrome-foreground: rgb(255 255 255 / 88%);
+  --workbench-chrome-muted: rgb(255 255 255 / 70%);
+  --workbench-chrome-hover-bg: rgb(255 255 255 / 12%);
+}
+
+[data-workbench-wallpaper-appearance="light"] {
+  --workbench-chrome-foreground: color-mix(
+    in srgb,
+    var(--foreground) 68%,
+    transparent
+  );
+  --workbench-chrome-muted: color-mix(
+    in srgb,
+    var(--foreground) 52%,
+    transparent
+  );
+  --workbench-chrome-hover-bg: color-mix(
+    in srgb,
+    var(--foreground) 8%,
+    transparent
+  );
+}

package/dist/utils.d.ts

@@ -0,0 +1,5 @@
+import { ClassValue } from 'clsx';
+
+declare function cn(...inputs: ClassValue[]): string;
+
+export { cn };

package/dist/utils.js

@@ -0,0 +1,7 @@
+import {
+  cn
+} from "./chunk-DGPY4WP3.js";
+export {
+  cn
+};
+//# sourceMappingURL=utils.js.map

package/dist/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/package.json

@@ -0,0 +1,87 @@
+{
+  "name": "@nextop-os/ui-system",
+  "version": "0.0.1",
+  "private": false,
+  "type": "module",
+  "types": "./dist/index.d.ts",
+  "sideEffects": [
+    "./src/styles/*.css",
+    "./dist/styles/*.css",
+    "./dist/styles.css"
+  ],
+  "imports": {
+    "#components/*": "./src/components/*.tsx",
+    "#icons/*": "./src/icons/*.tsx",
+    "#lib/*": "./src/lib/*.ts"
+  },
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./components": {
+      "types": "./dist/components/index.d.ts",
+      "import": "./dist/components/index.js"
+    },
+    "./icons": {
+      "types": "./dist/icons/index.d.ts",
+      "import": "./dist/icons/index.js"
+    },
+    "./styles.css": "./dist/styles/index.css",
+    "./utils": {
+      "types": "./dist/utils.d.ts",
+      "import": "./dist/utils.js"
+    }
+  },
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/nextop-os/nextop.git",
+    "directory": "packages/ui/system"
+  },
+  "dependencies": {
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "lucide-react": "^0.511.0",
+    "radix-ui": "^1.4.2",
+    "react-resizable-panels": "^4.11.1",
+    "tailwind-merge": "^3.3.0",
+    "tw-animate-css": "^1.3.1"
+  },
+  "devDependencies": {
+    "@types/react": "^19.1.6",
+    "@types/react-dom": "^19.1.5",
+    "typescript": "^5.8.3",
+    "@nextop-os/config-tsconfig": "0.0.0"
+  },
+  "peerDependencies": {
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0"
+  },
+  "nextop": {
+    "tailwindSourceRoot": "src"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "tsup --config tsup.config.ts && node ../../../tools/scripts/copy-package-assets.mjs src/styles dist/styles",
+    "typecheck": "tsc --noEmit -p tsconfig.json"
+  },
+  "typesVersions": {
+    "*": {
+      "components": [
+        "./dist/components/index.d.ts"
+      ],
+      "icons": [
+        "./dist/icons/index.d.ts"
+      ],
+      "utils": [
+        "./dist/utils.d.ts"
+      ]
+    }
+  }
+}