@nextop-os/ui-system 0.0.15 → 0.0.16

package/README.md

@@ -12,3 +12,81 @@ import "@nextop-os/ui-system/styles.css";
 
 Application code should prefer the root package export and the documented stable
 subpaths over deep imports from internal files.
+
+## External Development
+
+External consumers should install the package normally:
+
+```bash
+pnpm add @nextop-os/ui-system
+```
+
+For local source sync from a Nextop checkout, start the UI system dev server:
+
+```bash
+pnpm --filter @nextop-os/ui-system dev:server
+```
+
+Then add the Vite plugin in the external app:
+
+```ts
+import { nextopUISystemDev } from "@nextop-os/ui-system/dev-vite";
+
+export default defineConfig({
+  plugins: [nextopUISystemDev()]
+});
+```
+
+When the dev server is reachable, the plugin mirrors the allowed UI-system
+source files into `.nextop-ui-system-dev/` and aliases the stable package
+entrypoints to that cache. When the dev server is unavailable, resolution falls
+back to the installed package in `node_modules`.
+
+Add the generated cache to the external app's `.gitignore`:
+
+```text
+.nextop-ui-system-dev/
+```
+
+If the external app uses Tailwind CSS, include both the installed package output
+and the generated dev cache in the app's Tailwind source scan:
+
+```css
+@source "../node_modules/@nextop-os/ui-system/dist";
+@source "../.nextop-ui-system-dev";
+```
+
+## Agent Usage
+
+Coding agents should read component metadata before creating or promoting UI:
+
+```ts
+import { uiSystemMetadata } from "@nextop-os/ui-system/metadata";
+```
+
+When promoting business UI into this package, use the bundled
+`agent/nextop-ui-system/SKILL.md` skill when it is available. The durable rules
+are:
+
+1. prefer existing metadata entries before creating a component
+2. classify the component as `base` or `business`
+3. keep business components host-agnostic and side-effect-free
+4. compose business components from base primitives
+5. add metadata, stable exports, and storyboard examples for public UI
+6. run metadata and boundary validation before shipping
+
+External repositories can install the bundled skill into their local Codex
+skill directory with one command:
+
+```bash
+pnpm exec nextop-ui-system-install-skill
+```
+
+This copies the package skill into:
+
+```text
+.codex/skills/nextop-ui-system/SKILL.md
+```
+
+The installer does not overwrite a locally modified skill unless `--force` is
+provided.

package/agent/install-skill.mjs

@@ -0,0 +1,181 @@
+#!/usr/bin/env node
+
+import { constants } from "node:fs";
+import {
+  access,
+  cp,
+  mkdir,
+  readdir,
+  readFile,
+  rm,
+  stat
+} from "node:fs/promises";
+import { dirname, join, relative, resolve } from "node:path";
+import { fileURLToPath } from "node:url";
+
+const packageRoot = dirname(dirname(fileURLToPath(import.meta.url)));
+const sourceDirectory = join(packageRoot, "agent", "nextop-ui-system");
+const skillName = "nextop-ui-system";
+
+const options = parseArgs(process.argv.slice(2));
+
+if (options.help) {
+  printHelp();
+  process.exit(0);
+}
+
+const targetRoot = resolve(options.cwd, ".codex", "skills");
+const targetDirectory = join(targetRoot, skillName);
+
+await assertReadableDirectory(sourceDirectory);
+await mkdir(targetRoot, { recursive: true });
+
+if (await pathExists(targetDirectory)) {
+  const targetStats = await stat(targetDirectory);
+
+  if (!targetStats.isDirectory()) {
+    throw new Error(`Target exists and is not a directory: ${targetDirectory}`);
+  }
+
+  if (!options.force) {
+    if (await directoriesMatch(sourceDirectory, targetDirectory)) {
+      console.log(
+        `nextop-ui-system skill already configured at ${targetDirectory}`
+      );
+      process.exit(0);
+    }
+
+    throw new Error(
+      `Target skill already exists with local changes: ${targetDirectory}\n` +
+        "Run with --force to replace it."
+    );
+  }
+
+  await rm(targetDirectory, { recursive: true, force: true });
+}
+
+await cp(sourceDirectory, targetDirectory, {
+  errorOnExist: false,
+  force: true,
+  recursive: true
+});
+
+console.log(`Installed nextop-ui-system skill to ${targetDirectory}`);
+console.log(
+  "Agents can now load it from .codex/skills/nextop-ui-system/SKILL.md"
+);
+
+function parseArgs(args) {
+  const parsed = {
+    cwd: process.cwd(),
+    force: false,
+    help: false
+  };
+
+  for (let index = 0; index < args.length; index += 1) {
+    const arg = args[index];
+
+    if (arg === "--force") {
+      parsed.force = true;
+      continue;
+    }
+
+    if (arg === "--help" || arg === "-h") {
+      parsed.help = true;
+      continue;
+    }
+
+    if (arg === "--cwd") {
+      const cwd = args[index + 1];
+      if (!cwd) {
+        throw new Error("--cwd requires a directory path");
+      }
+      parsed.cwd = resolve(cwd);
+      index += 1;
+      continue;
+    }
+
+    throw new Error(`Unknown option: ${arg}`);
+  }
+
+  return parsed;
+}
+
+function printHelp() {
+  console.log(`Usage: nextop-ui-system-install-skill [options]
+
+Copies the bundled Nextop UI System skill into the current repository.
+
+Options:
+  --cwd <path>  Repository root to configure. Defaults to the current directory.
+  --force       Replace an existing .codex/skills/nextop-ui-system directory.
+  -h, --help    Show this help message.`);
+}
+
+async function assertReadableDirectory(path) {
+  await access(path, constants.R_OK);
+  const pathStats = await stat(path);
+
+  if (!pathStats.isDirectory()) {
+    throw new Error(`Expected directory: ${path}`);
+  }
+}
+
+async function pathExists(path) {
+  try {
+    await access(path, constants.F_OK);
+    return true;
+  } catch {
+    return false;
+  }
+}
+
+async function directoriesMatch(leftDirectory, rightDirectory) {
+  const leftEntries = await listFiles(leftDirectory, leftDirectory);
+  const rightEntries = await listFiles(rightDirectory, rightDirectory);
+
+  if (leftEntries.length !== rightEntries.length) {
+    return false;
+  }
+
+  for (let index = 0; index < leftEntries.length; index += 1) {
+    if (leftEntries[index] !== rightEntries[index]) {
+      return false;
+    }
+
+    const leftFile = join(leftDirectory, leftEntries[index]);
+    const rightFile = join(rightDirectory, rightEntries[index]);
+
+    const [leftContent, rightContent] = await Promise.all([
+      readFile(leftFile),
+      readFile(rightFile)
+    ]);
+
+    if (!leftContent.equals(rightContent)) {
+      return false;
+    }
+  }
+
+  return true;
+}
+
+async function listFiles(rootDirectory, directory) {
+  const entries = await readdir(directory, { withFileTypes: true });
+  const files = await Promise.all(
+    entries.map(async (entry) => {
+      const absolutePath = join(directory, entry.name);
+
+      if (entry.isDirectory()) {
+        return listFiles(rootDirectory, absolutePath);
+      }
+
+      if (!entry.isFile()) {
+        return [];
+      }
+
+      return relative(rootDirectory, absolutePath);
+    })
+  );
+
+  return files.flat().sort((left, right) => left.localeCompare(right));
+}

package/agent/nextop-ui-system/SKILL.md

@@ -0,0 +1,114 @@
+---
+name: nextop-ui-system
+description: Use when working with @nextop-os/ui-system components, replacing local UI with shared components, querying component ids or metadata, promoting business UI into shared base or business components, or maintaining UI-system storyboard inventory.
+---
+
+# Nextop UI System
+
+Use this skill as the single entrypoint for `@nextop-os/ui-system` use,
+promotion, metadata, and storyboard work.
+
+## Source Of Truth
+
+Read these before editing:
+
+1. nearest `AGENTS.md` for the target code
+2. `packages/ui/AGENTS.md`
+3. `docs/conventions/ui-system.md`
+4. component metadata from the first available source:
+   - `GET http://127.0.0.1:4100/components`
+   - `packages/ui/system/src/metadata/components.json`
+   - `@nextop-os/ui-system/metadata` from the installed package
+
+Use stable public imports only:
+
+- `@nextop-os/ui-system`
+- `@nextop-os/ui-system/components`
+- `@nextop-os/ui-system/icons`
+- `@nextop-os/ui-system/metadata`
+- `@nextop-os/ui-system/styles.css`
+- `@nextop-os/ui-system/utils`
+
+Never deep import `@nextop-os/ui-system/src/*` or per-file component paths.
+
+## Route The Task
+
+### Use Existing Component
+
+Use when replacing local UI or answering what components exist.
+
+1. Check metadata first by `id`, `name`, `export`, `layer`, and `useCases`.
+2. Prefer existing components before creating or extracting new ones.
+3. Read the source and props type for the selected export.
+4. Keep host state, data loading, routing, daemon calls, i18n keys, and business
+   transforms in the caller.
+5. Replace only the visual surface with stable UI-system imports.
+
+### Extract Base Component
+
+Use when the target is a low-level visual primitive.
+
+Proceed only if the public API has no domain noun and props describe
+presentation, interaction, accessibility, variants, refs, slots, class names, or
+children.
+
+1. If the primitive exists in shadcn, acquire it through shadcn CLI targeted at
+   `packages/ui/system`.
+2. Adapt only package aliases, icons, tokens, exports, and boundary issues.
+3. Add stable exports, metadata with `layer: "base"`, and storyboard coverage.
+4. Replace duplicated local UI with the shared component.
+
+### Extract Business Component
+
+Use when business-side UI should become a reusable display component.
+
+Proceed only if the component can render from props with no host side effects.
+Business components may expose domain display props such as workspace, file,
+task, agent, run, status, permission, labels, and callbacks.
+
+Before editing, state:
+
+- component `id` and `layer`
+- source usage being replaced
+- intended reuse surfaces
+- public props and callbacks
+- host-owned state and side effects that remain outside the component
+- export path, metadata entry, storyboard states, and validation commands
+
+Keep these outside the component:
+
+- daemon, Electron, filesystem, router, or host adapter calls
+- data fetching, cache mutation, persistence, polling, and global store
+  ownership
+- workflow orchestration such as onboarding, workspace registration, or
+  navigation
+
+Implement the business component by composing `base` primitives. Add metadata
+with `layer: "business"` and storyboard examples for normal, empty, disabled,
+loading, and error-like states when those states exist in the public contract.
+
+### Maintain Inventory
+
+Use when changing component ids, metadata, exports, or storyboard.
+
+1. Keep each public entry's `id` stable, readable, globally unique, and
+   kebab-case.
+2. Keep `layer` as `base` or `business`.
+3. Ensure `source` points under `packages/ui/system/src`.
+4. Ensure `from` is a stable public entrypoint.
+5. Keep storyboard grouped by `Foundation`, `Base Components`, and
+   `Business Components`; visible component stories should support copying the
+   component id.
+
+## Validation
+
+Run the smallest relevant checks, then report exact commands and results:
+
+```bash
+node tools/scripts/check-ui-metadata.mjs
+pnpm check:ui-boundaries
+pnpm --filter @nextop-os/ui-storyboard typecheck
+```
+
+If runtime component code changed, also run the relevant package typecheck or
+build for the consumer that was migrated.

package/dist/{chunk-G6KJIFD2.js → chunk-5COFORA5.js}

@@ -4,7 +4,7 @@ import {
   ChevronRightIcon,
   ChevronUpIcon,
   CloseIcon
-} from "./chunk-OBW6ALOJ.js";
+} from "./chunk-TT7B6HKG.js";
 import {
   cn
 } from "./chunk-DGPY4WP3.js";
@@ -1156,4 +1156,4 @@ export {
   ToastClose,
   ToastViewport
 };
-//# sourceMappingURL=chunk-G6KJIFD2.js.map
+//# sourceMappingURL=chunk-5COFORA5.js.map

package/dist/{chunk-OBW6ALOJ.js → chunk-TT7B6HKG.js}

@@ -1,6 +1,7 @@
 // src/icons/system-icons.tsx
 import {
   AlertCircleIcon,
+  AppWindowIcon as LucideAppWindowIcon,
   ArrowLeftIcon as LucideArrowLeftIcon,
   ArrowRightIcon as LucideArrowRightIcon,
   ArrowUpRightIcon,
@@ -19,6 +20,7 @@ import {
   FolderIcon as LucideFolderIcon,
   HomeIcon,
   ImageIcon as LucideImageIcon,
+  LayoutGridIcon as LucideLayoutGridIcon,
   XIcon,
   Maximize2Icon,
   Minimize2Icon,
@@ -33,6 +35,7 @@ import {
   PanelRight,
   PanelTop,
   PanelsTopLeft,
+  PencilIcon as LucidePencilIcon,
   RefreshCwIcon,
   SearchIcon as LucideSearchIcon,
   SettingsIcon as LucideSettingsIcon,
@@ -41,7 +44,7 @@ import {
   UploadIcon as LucideUploadIcon,
   VideoIcon
 } from "lucide-react";
-import { jsx } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 function createLucideIcon(Icon) {
   return function WrappedIcon({ size = 18, title, ...props }) {
     return /* @__PURE__ */ jsx(Icon, { "aria-hidden": title ? void 0 : true, size, ...props, children: title ? /* @__PURE__ */ jsx("title", { children: title }) : null });
@@ -66,6 +69,7 @@ var QuickLayoutLeftIcon = createLucideIcon(PanelLeft);
 var QuickLayoutRightIcon = createLucideIcon(PanelRight);
 var QuickLayoutTopIcon = createLucideIcon(PanelTop);
 var QuickLayoutBottomIcon = createLucideIcon(PanelBottom);
+var AppWindowIcon = createLucideIcon(LucideAppWindowIcon);
 var ArrowLeftIcon = createLucideIcon(LucideArrowLeftIcon);
 var ArrowRightIcon = createLucideIcon(LucideArrowRightIcon);
 var CheckIcon = createLucideIcon(LucideCheckIcon);
@@ -82,11 +86,74 @@ var FileSearchIcon = createLucideIcon(LucideFileSearchIcon);
 var FileSpreadsheetIcon = createLucideIcon(LucideFileSpreadsheetIcon);
 var FileTextIcon = createLucideIcon(LucideFileTextIcon);
 var ImageFileIcon = createLucideIcon(LucideImageIcon);
+var EditIcon = createLucideIcon(LucidePencilIcon);
+var LayoutGridIcon = createLucideIcon(LucideLayoutGridIcon);
 var RefreshIcon = createLucideIcon(RefreshCwIcon);
 var SearchIcon = createLucideIcon(LucideSearchIcon);
 var DeleteIcon = createLucideIcon(LucideTrashIcon);
 var UploadIcon = createLucideIcon(LucideUploadIcon);
 var VideoFileIcon = createLucideIcon(VideoIcon);
+function GoogleBrandIcon({ size = 22, title, ...props }) {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      "aria-hidden": title ? void 0 : true,
+      fill: "none",
+      height: size,
+      viewBox: "0 0 24 24",
+      width: size,
+      ...props,
+      children: [
+        title ? /* @__PURE__ */ jsx("title", { children: title }) : null,
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92a5.06 5.06 0 0 1-2.2 3.32v2.77h3.57c2.08-1.92 3.27-4.74 3.27-8.1Z",
+            fill: "#4285F4"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84A11 11 0 0 0 12 23Z",
+            fill: "#34A853"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M5.84 14.1A6.6 6.6 0 0 1 5.5 12c0-.73.12-1.43.34-2.1V7.08H2.18A11 11 0 0 0 1 12c0 1.78.43 3.45 1.18 4.93l3.66-2.83Z",
+            fill: "#FBBC05"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15A10.6 10.6 0 0 0 12 1a11 11 0 0 0-9.82 6.08l3.66 2.83A6.58 6.58 0 0 1 12 5.38Z",
+            fill: "#EA4335"
+          }
+        )
+      ]
+    }
+  );
+}
+function GitHubBrandIcon({ size = 22, title, ...props }) {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      "aria-hidden": title ? void 0 : true,
+      fill: "currentColor",
+      height: size,
+      viewBox: "0 0 24 24",
+      width: size,
+      ...props,
+      children: [
+        title ? /* @__PURE__ */ jsx("title", { children: title }) : null,
+        /* @__PURE__ */ jsx("path", { d: "M12 0C5.37 0 0 5.37 0 12c0 5.3 3.44 9.8 8.21 11.39.6.11.79-.26.79-.58v-2.23c-3.34.73-4.03-1.42-4.03-1.42-.55-1.39-1.33-1.76-1.33-1.76-1.09-.74.08-.73.08-.73 1.2.08 1.84 1.24 1.84 1.24 1.07 1.83 2.81 1.3 3.49 1 .11-.78.42-1.3.76-1.6-2.66-.31-5.47-1.34-5.47-5.94 0-1.31.47-2.38 1.24-3.22-.12-.3-.54-1.52.12-3.18 0 0 1.01-.32 3.3 1.23A11.5 11.5 0 0 1 12 5.8c1.02.01 2.05.14 3.01.4 2.29-1.55 3.3-1.23 3.3-1.23.65 1.65.24 2.87.12 3.18.77.84 1.23 1.91 1.23 3.22 0 4.61-2.81 5.62-5.48 5.92.43.37.82 1.1.82 2.22v3.3c0 .32.19.69.8.58A12.01 12.01 0 0 0 24 12c0-6.63-5.37-12-12-12Z" })
+      ]
+    }
+  );
+}
 
 export {
   LaunchIcon,
@@ -108,6 +175,7 @@ export {
   QuickLayoutRightIcon,
   QuickLayoutTopIcon,
   QuickLayoutBottomIcon,
+  AppWindowIcon,
   ArrowLeftIcon,
   ArrowRightIcon,
   CheckIcon,
@@ -124,10 +192,14 @@ export {
   FileSpreadsheetIcon,
   FileTextIcon,
   ImageFileIcon,
+  EditIcon,
+  LayoutGridIcon,
   RefreshIcon,
   SearchIcon,
   DeleteIcon,
   UploadIcon,
-  VideoFileIcon
+  VideoFileIcon,
+  GoogleBrandIcon,
+  GitHubBrandIcon
 };
-//# sourceMappingURL=chunk-OBW6ALOJ.js.map
+//# sourceMappingURL=chunk-TT7B6HKG.js.map

package/dist/chunk-TT7B6HKG.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/icons/system-icons.tsx"],"sourcesContent":["import type { LucideIcon } from \"lucide-react\";\nimport {\n  AlertCircleIcon,\n  AppWindowIcon as LucideAppWindowIcon,\n  ArrowLeftIcon as LucideArrowLeftIcon,\n  ArrowRightIcon as LucideArrowRightIcon,\n  ArrowUpRightIcon,\n  CheckIcon as LucideCheckIcon,\n  ChevronDownIcon as LucideChevronDownIcon,\n  ChevronRightIcon as LucideChevronRightIcon,\n  ChevronUpIcon as LucideChevronUpIcon,\n  CopyIcon as LucideCopyIcon,\n  EyeIcon as LucideEyeIcon,\n  FileCode2Icon,\n  FileIcon as LucideFileIcon,\n  FilePlus2Icon,\n  FileSearchIcon as LucideFileSearchIcon,\n  FileSpreadsheetIcon as LucideFileSpreadsheetIcon,\n  FileTextIcon as LucideFileTextIcon,\n  FolderIcon as LucideFolderIcon,\n  HomeIcon,\n  ImageIcon as LucideImageIcon,\n  LayoutGridIcon as LucideLayoutGridIcon,\n  XIcon,\n  Maximize2Icon,\n  Minimize2Icon,\n  MinusIcon,\n  FolderOpenIcon,\n  FolderPlusIcon,\n  HardDriveIcon,\n  LoaderCircleIcon,\n  MonitorCogIcon,\n  PanelBottom,\n  PanelLeft,\n  PanelRight,\n  PanelTop,\n  PanelsTopLeft,\n  PencilIcon as LucidePencilIcon,\n  RefreshCwIcon,\n  SearchIcon as LucideSearchIcon,\n  SettingsIcon as LucideSettingsIcon,\n  SparklesIcon,\n  Trash2Icon as LucideTrashIcon,\n  UploadIcon as LucideUploadIcon,\n  VideoIcon\n} from \"lucide-react\";\nimport type { IconProps } from \"./types\";\n\nfunction createLucideIcon(Icon: LucideIcon) {\n  return function WrappedIcon({ size = 18, title, ...props }: IconProps) {\n    return (\n      <Icon aria-hidden={title ? undefined : true} size={size} {...props}>\n        {title ? <title>{title}</title> : null}\n      </Icon>\n    );\n  };\n}\n\nexport const LaunchIcon = createLucideIcon(ArrowUpRightIcon);\nexport const FolderIcon = createLucideIcon(FolderOpenIcon);\nexport const DashboardIcon = createLucideIcon(HomeIcon);\nexport const NewWorkspaceIcon = createLucideIcon(FolderPlusIcon);\nexport const HealthIcon = createLucideIcon(HardDriveIcon);\nexport const AlertIcon = createLucideIcon(AlertCircleIcon);\nexport const LoadingIcon = createLucideIcon(LoaderCircleIcon);\nexport const PlatformIcon = createLucideIcon(MonitorCogIcon);\nexport const SparkIcon = createLucideIcon(SparklesIcon);\nexport const SettingsIcon = createLucideIcon(LucideSettingsIcon);\nexport const CloseIcon = createLucideIcon(XIcon);\nexport const MinimizeIcon = createLucideIcon(MinusIcon);\nexport const MaximizeIcon = createLucideIcon(Maximize2Icon);\nexport const RestoreIcon = createLucideIcon(Minimize2Icon);\nexport const LayoutMenuIcon = createLucideIcon(PanelsTopLeft);\nexport const QuickLayoutLeftIcon = createLucideIcon(PanelLeft);\nexport const QuickLayoutRightIcon = createLucideIcon(PanelRight);\nexport const QuickLayoutTopIcon = createLucideIcon(PanelTop);\nexport const QuickLayoutBottomIcon = createLucideIcon(PanelBottom);\nexport const AppWindowIcon = createLucideIcon(LucideAppWindowIcon);\nexport const ArrowLeftIcon = createLucideIcon(LucideArrowLeftIcon);\nexport const ArrowRightIcon = createLucideIcon(LucideArrowRightIcon);\nexport const CheckIcon = createLucideIcon(LucideCheckIcon);\nexport const ChevronDownIcon = createLucideIcon(LucideChevronDownIcon);\nexport const ChevronRightIcon = createLucideIcon(LucideChevronRightIcon);\nexport const ChevronUpIcon = createLucideIcon(LucideChevronUpIcon);\nexport const CopyIcon = createLucideIcon(LucideCopyIcon);\nexport const DirectoryIcon = createLucideIcon(LucideFolderIcon);\nexport const EyeIcon = createLucideIcon(LucideEyeIcon);\nexport const FileIcon = createLucideIcon(LucideFileIcon);\nexport const FileCodeIcon = createLucideIcon(FileCode2Icon);\nexport const FileCreateIcon = createLucideIcon(FilePlus2Icon);\nexport const FileSearchIcon = createLucideIcon(LucideFileSearchIcon);\nexport const FileSpreadsheetIcon = createLucideIcon(LucideFileSpreadsheetIcon);\nexport const FileTextIcon = createLucideIcon(LucideFileTextIcon);\nexport const ImageFileIcon = createLucideIcon(LucideImageIcon);\nexport const EditIcon = createLucideIcon(LucidePencilIcon);\nexport const LayoutGridIcon = createLucideIcon(LucideLayoutGridIcon);\nexport const RefreshIcon = createLucideIcon(RefreshCwIcon);\nexport const SearchIcon = createLucideIcon(LucideSearchIcon);\nexport const DeleteIcon = createLucideIcon(LucideTrashIcon);\nexport const UploadIcon = createLucideIcon(LucideUploadIcon);\nexport const VideoFileIcon = createLucideIcon(VideoIcon);\n\nexport function GoogleBrandIcon({ size = 22, title, ...props }: IconProps) {\n  return (\n    <svg\n      aria-hidden={title ? undefined : true}\n      fill=\"none\"\n      height={size}\n      viewBox=\"0 0 24 24\"\n      width={size}\n      {...props}\n    >\n      {title ? <title>{title}</title> : null}\n      <path\n        d=\"M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92a5.06 5.06 0 0 1-2.2 3.32v2.77h3.57c2.08-1.92 3.27-4.74 3.27-8.1Z\"\n        fill=\"#4285F4\"\n      />\n      <path\n        d=\"M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84A11 11 0 0 0 12 23Z\"\n        fill=\"#34A853\"\n      />\n      <path\n        d=\"M5.84 14.1A6.6 6.6 0 0 1 5.5 12c0-.73.12-1.43.34-2.1V7.08H2.18A11 11 0 0 0 1 12c0 1.78.43 3.45 1.18 4.93l3.66-2.83Z\"\n        fill=\"#FBBC05\"\n      />\n      <path\n        d=\"M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15A10.6 10.6 0 0 0 12 1a11 11 0 0 0-9.82 6.08l3.66 2.83A6.58 6.58 0 0 1 12 5.38Z\"\n        fill=\"#EA4335\"\n      />\n    </svg>\n  );\n}\n\nexport function GitHubBrandIcon({ size = 22, title, ...props }: IconProps) {\n  return (\n    <svg\n      aria-hidden={title ? undefined : true}\n      fill=\"currentColor\"\n      height={size}\n      viewBox=\"0 0 24 24\"\n      width={size}\n      {...props}\n    >\n      {title ? <title>{title}</title> : null}\n      <path d=\"M12 0C5.37 0 0 5.37 0 12c0 5.3 3.44 9.8 8.21 11.39.6.11.79-.26.79-.58v-2.23c-3.34.73-4.03-1.42-4.03-1.42-.55-1.39-1.33-1.76-1.33-1.76-1.09-.74.08-.73.08-.73 1.2.08 1.84 1.24 1.84 1.24 1.07 1.83 2.81 1.3 3.49 1 .11-.78.42-1.3.76-1.6-2.66-.31-5.47-1.34-5.47-5.94 0-1.31.47-2.38 1.24-3.22-.12-.3-.54-1.52.12-3.18 0 0 1.01-.32 3.3 1.23A11.5 11.5 0 0 1 12 5.8c1.02.01 2.05.14 3.01.4 2.29-1.55 3.3-1.23 3.3-1.23.65 1.65.24 2.87.12 3.18.77.84 1.23 1.91 1.23 3.22 0 4.61-2.81 5.62-5.48 5.92.43.37.82 1.1.82 2.22v3.3c0 .32.19.69.8.58A12.01 12.01 0 0 0 24 12c0-6.63-5.37-12-12-12Z\" />\n    </svg>\n  );\n}\n"],"mappings":"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","names":[]}