lattice-ui 0.4.3

package/registry/components.json

@@ -0,0 +1,118 @@
+{
+  "packages": {
+    "accordion": {
+      "npm": "@lattice-ui/accordion",
+      "peers": ["@rbxts/react", "@rbxts/react-roblox"]
+    },
+    "avatar": {
+      "npm": "@lattice-ui/avatar",
+      "peers": ["@rbxts/react", "@rbxts/react-roblox"]
+    },
+    "checkbox": {
+      "npm": "@lattice-ui/checkbox",
+      "peers": ["@rbxts/react", "@rbxts/react-roblox"]
+    },
+    "combobox": {
+      "npm": "@lattice-ui/combobox",
+      "peers": ["@rbxts/react", "@rbxts/react-roblox"],
+      "providers": ["@lattice-ui/layer:PortalProvider?"],
+      "notes": ["Combobox content can be portal-mounted via PortalProvider."]
+    },
+    "core": {
+      "npm": "@lattice-ui/core",
+      "peers": ["@rbxts/react", "@rbxts/react-roblox"]
+    },
+    "dialog": {
+      "npm": "@lattice-ui/dialog",
+      "peers": ["@rbxts/react", "@rbxts/react-roblox"],
+      "providers": ["@lattice-ui/layer:PortalProvider?"],
+      "notes": ["Dialog.Content can use PortalProvider for predictable layering."]
+    },
+    "focus": {
+      "npm": "@lattice-ui/focus",
+      "peers": ["@rbxts/react", "@rbxts/react-roblox"]
+    },
+    "layer": {
+      "npm": "@lattice-ui/layer",
+      "peers": ["@rbxts/react", "@rbxts/react-roblox"]
+    },
+    "menu": {
+      "npm": "@lattice-ui/menu",
+      "peers": ["@rbxts/react", "@rbxts/react-roblox"],
+      "providers": ["@lattice-ui/layer:PortalProvider?"],
+      "notes": ["Menu.Content can use PortalProvider for display order control."]
+    },
+    "popover": {
+      "npm": "@lattice-ui/popover",
+      "peers": ["@rbxts/react", "@rbxts/react-roblox"],
+      "providers": ["@lattice-ui/layer:PortalProvider?"],
+      "notes": ["Popover.Content can safely manage displayOrder with PortalProvider."]
+    },
+    "popper": {
+      "npm": "@lattice-ui/popper",
+      "peers": ["@rbxts/react", "@rbxts/react-roblox"]
+    },
+    "progress": {
+      "npm": "@lattice-ui/progress",
+      "peers": ["@rbxts/react", "@rbxts/react-roblox"]
+    },
+    "radio-group": {
+      "npm": "@lattice-ui/radio-group",
+      "peers": ["@rbxts/react", "@rbxts/react-roblox"]
+    },
+    "scroll-area": {
+      "npm": "@lattice-ui/scroll-area",
+      "peers": ["@rbxts/react", "@rbxts/react-roblox"]
+    },
+    "select": {
+      "npm": "@lattice-ui/select",
+      "peers": ["@rbxts/react", "@rbxts/react-roblox"],
+      "providers": ["@lattice-ui/layer:PortalProvider?"],
+      "notes": ["Select.Content can use PortalProvider for robust overlays."]
+    },
+    "slider": {
+      "npm": "@lattice-ui/slider",
+      "peers": ["@rbxts/react", "@rbxts/react-roblox"]
+    },
+    "style": {
+      "npm": "@lattice-ui/style",
+      "peers": ["@rbxts/react", "@rbxts/react-roblox"]
+    },
+    "switch": {
+      "npm": "@lattice-ui/switch",
+      "peers": ["@rbxts/react", "@rbxts/react-roblox"]
+    },
+    "system": {
+      "npm": "@lattice-ui/system",
+      "peers": ["@rbxts/react", "@rbxts/react-roblox"]
+    },
+    "tabs": {
+      "npm": "@lattice-ui/tabs",
+      "peers": ["@rbxts/react", "@rbxts/react-roblox"]
+    },
+    "text-field": {
+      "npm": "@lattice-ui/text-field",
+      "peers": ["@rbxts/react", "@rbxts/react-roblox"]
+    },
+    "textarea": {
+      "npm": "@lattice-ui/textarea",
+      "peers": ["@rbxts/react", "@rbxts/react-roblox"]
+    },
+    "toast": {
+      "npm": "@lattice-ui/toast",
+      "peers": ["@rbxts/react", "@rbxts/react-roblox"],
+      "providers": ["@lattice-ui/layer:PortalProvider?"],
+      "notes": ["Toast viewport can be mounted with PortalProvider for layering."]
+    },
+    "toggle-group": {
+      "npm": "@lattice-ui/toggle-group",
+      "peers": ["@rbxts/react", "@rbxts/react-roblox"]
+    },
+    "tooltip": {
+      "npm": "@lattice-ui/tooltip",
+      "peers": ["@rbxts/react", "@rbxts/react-roblox"],
+      "providers": ["@lattice-ui/layer:PortalProvider?"],
+      "notes": ["Tooltip content can be portal-mounted for better overlap behavior."]
+    }
+  }
+}

package/registry/presets.json

@@ -0,0 +1,6 @@
+{
+  "presets": {
+    "overlay": ["popover", "tooltip", "dialog", "toast"],
+    "form": ["checkbox", "radio-group", "switch", "text-field", "textarea"]
+  }
+}

package/templates/init/default.project.json.template

@@ -0,0 +1,67 @@
+{
+  "name": "__PROJECT_NAME__",
+  "globIgnorePaths": ["**/package.json", "**/tsconfig.json"],
+  "tree": {
+    "$className": "DataModel",
+    "ServerScriptService": {
+      "$className": "ServerScriptService",
+      "TS": {
+        "$path": "out/server"
+      }
+    },
+    "ReplicatedStorage": {
+      "$className": "ReplicatedStorage",
+      "rbxts_include": {
+        "$path": "include",
+        "node_modules": {
+          "$className": "Folder",
+          "@rbxts": {
+            "$path": "node_modules/@rbxts"
+          }
+        }
+      },
+      "node_modules": {
+        "$className": "Folder",
+        "@lattice-ui": {
+          "$path": "node_modules/@lattice-ui"
+        },
+        "@rbxts": {
+          "$path": "node_modules/@rbxts"
+        },
+        "@rbxts-js": {
+          "$path": "node_modules/@rbxts-js"
+        }
+      },
+      "TS": {
+        "$path": "out/shared"
+      }
+    },
+    "StarterPlayer": {
+      "$className": "StarterPlayer",
+      "StarterPlayerScripts": {
+        "$className": "StarterPlayerScripts",
+        "TS": {
+          "$path": "out/client"
+        }
+      }
+    },
+    "Workspace": {
+      "$className": "Workspace",
+      "$properties": {
+        "FilteringEnabled": true
+      }
+    },
+    "HttpService": {
+      "$className": "HttpService",
+      "$properties": {
+        "HttpEnabled": true
+      }
+    },
+    "SoundService": {
+      "$className": "SoundService",
+      "$properties": {
+        "RespectFilteringEnabled": true
+      }
+    }
+  }
+}

package/templates/init/package.json

@@ -0,0 +1,22 @@
+{
+  "name": "__PROJECT_NAME__",
+  "version": "0.1.0",
+  "private": true,
+  "scripts": {
+    "build": "rbxtsc -p tsconfig.json",
+    "watch": "rbxtsc -p tsconfig.json -w",
+    "typecheck": "tsc -p tsconfig.json"
+  },
+  "dependencies": {
+    "@lattice-ui/style": "__LATTICE_STYLE_VERSION__",
+    "@rbxts/react": "__RBXTS_REACT_VERSION__",
+    "@rbxts/react-roblox": "__RBXTS_REACT_ROBLOX_VERSION__"
+  },
+  "devDependencies": {
+    "@lattice-ui/cli": "__LATTICE_CLI_VERSION__",
+    "@rbxts/compiler-types": "__RBXTS_COMPILER_TYPES_VERSION__",
+    "@rbxts/types": "__RBXTS_TYPES_VERSION__",
+    "roblox-ts": "__ROBLOX_TS_VERSION__",
+    "typescript": "__TYPESCRIPT_VERSION__"
+  }
+}

package/templates/init/src/client/App.tsx

@@ -0,0 +1,21 @@
+import { Text } from "@lattice-ui/style";
+import React from "@rbxts/react";
+import { LATTICE_INIT_MESSAGE } from "../shared/constants";
+
+export function App() {
+  return (
+    <screengui IgnoreGuiInset ResetOnSpawn={false}>
+      <frame BackgroundTransparency={1} Size={UDim2.fromScale(1, 1)}>
+        <Text
+          AnchorPoint={new Vector2(0.5, 0.5)}
+          Position={UDim2.fromScale(0.5, 0.5)}
+          Size={UDim2.fromOffset(420, 40)}
+          Text={LATTICE_INIT_MESSAGE}
+          TextSize={24}
+          TextXAlignment={Enum.TextXAlignment.Center}
+          TextYAlignment={Enum.TextYAlignment.Center}
+        />
+      </frame>
+    </screengui>
+  );
+}

package/templates/init/src/client/main.client.tsx

@@ -0,0 +1,26 @@
+import { defaultLightTheme, ThemeProvider } from "@lattice-ui/style";
+import React from "@rbxts/react";
+import ReactRoblox from "@rbxts/react-roblox";
+import { App } from "./App";
+
+const Players = game.GetService("Players");
+const player = Players.LocalPlayer;
+if (!player) {
+  error("LocalPlayer is required.");
+}
+
+const playerGuiInstance = player.WaitForChild("PlayerGui");
+if (!playerGuiInstance.IsA("PlayerGui")) {
+  error("PlayerGui is required.");
+}
+
+const container = new Instance("Folder");
+container.Name = "LatticeRoot";
+container.Parent = playerGuiInstance;
+
+const root = ReactRoblox.createRoot(container);
+root.render(
+  <ThemeProvider theme={defaultLightTheme}>
+    <App />
+  </ThemeProvider>,
+);

package/templates/init/src/server/main.server.ts

@@ -0,0 +1,3 @@
+import { LATTICE_INIT_MESSAGE } from "../shared/constants";
+
+print(`Server script initialized: ${LATTICE_INIT_MESSAGE}`);

package/templates/init/src/shared/constants.ts

@@ -0,0 +1 @@
+export const LATTICE_INIT_MESSAGE = "Lattice UI project initialized";

package/templates/init/tsconfig.json

@@ -0,0 +1,27 @@
+{
+  "compilerOptions": {
+    "allowSyntheticDefaultImports": true,
+    "downlevelIteration": true,
+    "jsx": "react",
+    "jsxFactory": "React.createElement",
+    "jsxFragmentFactory": "React.Fragment",
+    "module": "commonjs",
+    "moduleResolution": "Node",
+    "noLib": true,
+    "resolveJsonModule": true,
+    "experimentalDecorators": true,
+    "forceConsistentCasingInFileNames": true,
+    "moduleDetection": "force",
+    "strict": true,
+    "target": "esnext",
+    "typeRoots": ["node_modules/@rbxts", "node_modules/@lattice-ui"],
+    "types": ["types", "compiler-types"],
+
+    "rootDir": "src",
+    "outDir": "out",
+    "baseUrl": "src",
+    "incremental": true,
+    "tsBuildInfoFile": "out/tsconfig.tsbuildinfo"
+  },
+  "include": ["src"]
+}

package/templates/init-lint/.prettierrc

@@ -0,0 +1,7 @@
+{
+  "printWidth": 120,
+  "tabWidth": 2,
+  "trailingComma": "all",
+  "endOfLine": "lf",
+  "semi": true
+}

package/templates/init-lint/eslint.config.mjs

@@ -0,0 +1,51 @@
+import path from "node:path";
+import { fileURLToPath } from "node:url";
+import { FlatCompat } from "@eslint/eslintrc";
+import js from "@eslint/js";
+import typescriptEslint from "@typescript-eslint/eslint-plugin";
+import tsParser from "@typescript-eslint/parser";
+import { defineConfig, globalIgnores } from "eslint/config";
+import prettier from "eslint-plugin-prettier";
+import robloxTs from "eslint-plugin-roblox-ts";
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+const compat = new FlatCompat({
+  baseDirectory: __dirname,
+  recommendedConfig: js.configs.recommended,
+  allConfig: js.configs.all,
+});
+
+export default defineConfig([
+  globalIgnores(["out", "include"]),
+  {
+    files: ["**/*.{ts,tsx}"],
+    extends: compat.extends(
+      "eslint:recommended",
+      "plugin:@typescript-eslint/recommended",
+      "plugin:roblox-ts/recommended-legacy",
+      "plugin:prettier/recommended",
+    ),
+
+    plugins: {
+      "@typescript-eslint": typescriptEslint,
+      robloxTs,
+      prettier,
+    },
+
+    languageOptions: {
+      parser: tsParser,
+      parserOptions: {
+        jsx: true,
+        useJSXTextNode: true,
+        project: "./tsconfig.json",
+        tsconfigRootDir: __dirname,
+      },
+    },
+
+    rules: {
+      "prettier/prettier": "warn",
+      "@typescript-eslint/no-require-imports": "off",
+    },
+  },
+]);

package/templates/init-lint/package.json

@@ -0,0 +1,19 @@
+{
+  "scripts": {
+    "lint": "eslint .",
+    "lint:fix": "eslint . --fix",
+    "format": "prettier . --write",
+    "format:check": "prettier . --check"
+  },
+  "devDependencies": {
+    "@eslint/eslintrc": "__ESLINT_ESLINTRC_VERSION__",
+    "@eslint/js": "__ESLINT_JS_VERSION__",
+    "@typescript-eslint/eslint-plugin": "__TYPESCRIPT_ESLINT_PLUGIN_VERSION__",
+    "@typescript-eslint/parser": "__TYPESCRIPT_ESLINT_PARSER_VERSION__",
+    "eslint": "__ESLINT_VERSION__",
+    "eslint-config-prettier": "__ESLINT_CONFIG_PRETTIER_VERSION__",
+    "eslint-plugin-prettier": "__ESLINT_PLUGIN_PRETTIER_VERSION__",
+    "eslint-plugin-roblox-ts": "__ESLINT_PLUGIN_ROBLOX_TS_VERSION__",
+    "prettier": "__PRETTIER_VERSION__"
+  }
+}