@env-hopper/frontend-core 2.0.1-alpha → 2.0.1-alpha.4

package/dist/esm/ui/components/error/RooutErrorPage.js

@@ -1,12 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { DefaultErrorComponent } from "./DefaultErrorComponent.js";
-function RooutErrorPage(props) {
-  return /* @__PURE__ */ jsxs("div", { className: "p-5", children: [
-    /* @__PURE__ */ jsx(DefaultErrorComponent, { ...props }),
-    ";"
-  ] });
-}
-export {
-  RooutErrorPage
-};
-//# sourceMappingURL=RooutErrorPage.js.map

package/dist/esm/ui/components/error/RooutErrorPage.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"RooutErrorPage.js","sources":["../../../../../src/ui/components/error/RooutErrorPage.tsx"],"sourcesContent":["import { DefaultErrorComponent } from './DefaultErrorComponent'\nimport type { ErrorComponentProps } from '@tanstack/react-router'\n\nexport function RooutErrorPage(props: ErrorComponentProps) {\n  return (\n    <div className=\"p-5\">\n      <DefaultErrorComponent {...props} />;\n    </div>\n  )\n}\n"],"names":[],"mappings":";;AAGO,SAAS,eAAe,OAA4B;AACzD,SACE,qBAAC,OAAA,EAAI,WAAU,OACb,UAAA;AAAA,IAAA,oBAAC,uBAAA,EAAuB,GAAG,OAAO;AAAA,IAAE;AAAA,EAAA,GACtC;AAEJ;"}

package/dist/esm/ui/components/header/PlaygroundHeader.d.ts

@@ -1 +0,0 @@
-export declare function PlaygroundHeader(): import("react/jsx-runtime").JSX.Element;

package/dist/esm/ui/components/header/PlaygroundHeader.js

@@ -1,23 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { Button } from "../../../components/ui/button.js";
-import { ThemeSwitcher } from "../../../components/ThemeSwitcher.js";
-import SvgEnvHopperLogo from "../../../assets/env-hopper-logo.svg.js";
-function PlaygroundHeader() {
-  return /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mb-4", children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx(SvgEnvHopperLogo, { className: "h-16 w-16" }),
-        /* @__PURE__ */ jsx("h1", { className: "text-lg font-bold", children: "Env‑Hopper" })
-      ] }),
-      /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: "Jump" })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
-      /* @__PURE__ */ jsx(ThemeSwitcher, {}),
-      /* @__PURE__ */ jsx(Button, { size: "sm", variant: "outline", children: "Login" })
-    ] })
-  ] });
-}
-export {
-  PlaygroundHeader
-};
-//# sourceMappingURL=PlaygroundHeader.js.map

package/dist/esm/ui/components/header/PlaygroundHeader.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PlaygroundHeader.js","sources":["../../../../../src/ui/components/header/PlaygroundHeader.tsx"],"sourcesContent":["import { Button } from '~/components/ui/button'\nimport { ThemeSwitcher } from '~/components/ThemeSwitcher'\nimport EnvHopperLogo from '~/assets/env-hopper-logo.svg?react'\n\nexport function PlaygroundHeader() {\n  return (\n    <div className=\"flex items-center justify-between mb-4\">\n      {/* Left side: Logo + Mode */}\n      <div className=\"flex items-center gap-4\">\n        <div className=\"flex items-center gap-2\">\n          <EnvHopperLogo className=\"h-16 w-16\" />\n          <h1 className=\"text-lg font-bold\">Env‑Hopper</h1>\n        </div>\n        <span className=\"text-xs text-muted-foreground\">Jump</span>\n      </div>\n\n      {/* Right side: Theme switcher + Login */}\n      <div className=\"flex items-center gap-3\">\n        <ThemeSwitcher />\n        <Button size=\"sm\" variant={'outline'}>\n          Login\n        </Button>\n      </div>\n    </div>\n  )\n}\n"],"names":["EnvHopperLogo"],"mappings":";;;;AAIO,SAAS,mBAAmB;AACjC,SACE,qBAAC,OAAA,EAAI,WAAU,0CAEb,UAAA;AAAA,IAAA,qBAAC,OAAA,EAAI,WAAU,2BACb,UAAA;AAAA,MAAA,qBAAC,OAAA,EAAI,WAAU,2BACb,UAAA;AAAA,QAAA,oBAACA,kBAAA,EAAc,WAAU,YAAA,CAAY;AAAA,QACrC,oBAAC,MAAA,EAAG,WAAU,qBAAoB,UAAA,aAAA,CAAU;AAAA,MAAA,GAC9C;AAAA,MACA,oBAAC,QAAA,EAAK,WAAU,iCAAgC,UAAA,OAAA,CAAI;AAAA,IAAA,GACtD;AAAA,IAGA,qBAAC,OAAA,EAAI,WAAU,2BACb,UAAA;AAAA,MAAA,oBAAC,eAAA,EAAc;AAAA,0BACd,QAAA,EAAO,MAAK,MAAK,SAAS,WAAW,UAAA,QAAA,CAEtC;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;"}

package/dist/esm/ui/components/leftPanel/LeftPanel.d.ts

@@ -1,5 +0,0 @@
-interface LeftPanelProps {
-    className?: string;
-}
-export declare function LeftPanel({ className }: LeftPanelProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/esm/ui/components/quickBar/EnvQuickJumpBar.d.ts

@@ -1,5 +0,0 @@
-interface EnvQuickJumpBarProps {
-    className?: string;
-}
-export declare function EnvQuickJumpBar({ className }: EnvQuickJumpBarProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/esm/ui/components/quickBar/EnvQuickJumpBar.js

@@ -1,52 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Package, Globe, Server } from "lucide-react";
-import { Button } from "../../../components/ui/button.js";
-import { useBootstrapConfig } from "../../../modules/config/BootstrapConfigContext.js";
-import { useEnvironmentContext } from "../../../modules/environment/EnvironmentContext.js";
-const getEnvironmentColor = (envSlug) => {
-  if (envSlug.includes("cross")) return "text-blue-600";
-  if (envSlug.includes("preprod")) return "text-orange-600";
-  if (envSlug.includes("g64")) return "text-violet-600";
-  return "text-gray-600";
-};
-const getEnvironmentIcon = (envSlug) => {
-  if (envSlug.includes("cross")) return Package;
-  if (envSlug.includes("prod")) return Globe;
-  return Server;
-};
-function EnvQuickJumpBar({ className }) {
-  const indexData = useBootstrapConfig();
-  const { setCurrentEnv, currentEnv } = useEnvironmentContext();
-  const environments = Object.values(indexData.envs).slice(0, 4).map((env) => ({
-    slug: env.slug,
-    label: env.displayName || env.slug,
-    icon: getEnvironmentIcon(env.slug),
-    color: getEnvironmentColor(env.slug)
-  }));
-  const onClick = (environment) => {
-    setCurrentEnv(environment);
-  };
-  return /* @__PURE__ */ jsx("div", { className: `flex flex-col gap-1 ${className}`, children: environments.map((env) => {
-    const Icon = env.icon;
-    const isActive = env.slug === (currentEnv == null ? void 0 : currentEnv.slug);
-    return /* @__PURE__ */ jsxs(
-      Button,
-      {
-        variant: "ghost",
-        onClick: () => onClick(env.slug),
-        className: `justify-start
-                ${isActive ? "bg-accent text-accent-foreground font-medium" : ""}
-              `,
-        children: [
-          /* @__PURE__ */ jsx(Icon, { className: `w-4 h-4 ${env.color} flex-shrink-0` }),
-          env.label
-        ]
-      },
-      env.slug
-    );
-  }) });
-}
-export {
-  EnvQuickJumpBar
-};
-//# sourceMappingURL=EnvQuickJumpBar.js.map

package/dist/esm/ui/components/quickBar/EnvQuickJumpBar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"EnvQuickJumpBar.js","sources":["../../../../../src/ui/components/quickBar/EnvQuickJumpBar.tsx"],"sourcesContent":["import { Globe, Package, Server } from 'lucide-react'\nimport { Button } from '~/components/ui/button'\nimport { useBootstrapConfig } from '~/modules/config/BootstrapConfigContext'\nimport { useEnvironmentContext } from '~/modules/environment/EnvironmentContext'\n\ninterface EnvQuickJumpBarProps {\n  className?: string\n}\n\n// Environment color mapping\nconst getEnvironmentColor = (envSlug: string) => {\n  if (envSlug.includes('cross')) return 'text-blue-600'\n  if (envSlug.includes('preprod')) return 'text-orange-600'\n  if (envSlug.includes('g64')) return 'text-violet-600'\n  return 'text-gray-600'\n}\n\n// Environment icon mapping\nconst getEnvironmentIcon = (envSlug: string) => {\n  if (envSlug.includes('cross')) return Package\n  if (envSlug.includes('prod')) return Globe\n  return Server\n}\n\nexport function EnvQuickJumpBar({ className }: EnvQuickJumpBarProps) {\n  const indexData = useBootstrapConfig()\n  const { setCurrentEnv, currentEnv } = useEnvironmentContext()\n\n  // Get first 3-4 real environments from context data\n  const environments = Object.values(indexData.envs)\n    .slice(0, 4)\n    .map((env) => ({\n      slug: env.slug,\n      label: env.displayName || env.slug,\n      icon: getEnvironmentIcon(env.slug),\n      color: getEnvironmentColor(env.slug),\n    }))\n\n  const onClick = (environment: string) => {\n    setCurrentEnv(environment)\n  }\n\n  return (\n    <div className={`flex flex-col gap-1 ${className}`}>\n      {environments.map((env) => {\n        const Icon = env.icon\n        const isActive = env.slug === currentEnv?.slug\n\n        return (\n          <Button\n            key={env.slug}\n            variant={'ghost'}\n            onClick={() => onClick(env.slug)}\n            className={`justify-start\n                ${isActive ? 'bg-accent text-accent-foreground font-medium' : ''}\n              `}\n          >\n            <Icon className={`w-4 h-4 ${env.color} flex-shrink-0`} />\n            {env.label}\n          </Button>\n        )\n      })}\n    </div>\n  )\n}\n"],"names":[],"mappings":";;;;;AAUA,MAAM,sBAAsB,CAAC,YAAoB;AAC/C,MAAI,QAAQ,SAAS,OAAO,EAAG,QAAO;AACtC,MAAI,QAAQ,SAAS,SAAS,EAAG,QAAO;AACxC,MAAI,QAAQ,SAAS,KAAK,EAAG,QAAO;AACpC,SAAO;AACT;AAGA,MAAM,qBAAqB,CAAC,YAAoB;AAC9C,MAAI,QAAQ,SAAS,OAAO,EAAG,QAAO;AACtC,MAAI,QAAQ,SAAS,MAAM,EAAG,QAAO;AACrC,SAAO;AACT;AAEO,SAAS,gBAAgB,EAAE,aAAmC;AACnE,QAAM,YAAY,mBAAA;AAClB,QAAM,EAAE,eAAe,WAAA,IAAe,sBAAA;AAGtC,QAAM,eAAe,OAAO,OAAO,UAAU,IAAI,EAC9C,MAAM,GAAG,CAAC,EACV,IAAI,CAAC,SAAS;AAAA,IACb,MAAM,IAAI;AAAA,IACV,OAAO,IAAI,eAAe,IAAI;AAAA,IAC9B,MAAM,mBAAmB,IAAI,IAAI;AAAA,IACjC,OAAO,oBAAoB,IAAI,IAAI;AAAA,EAAA,EACnC;AAEJ,QAAM,UAAU,CAAC,gBAAwB;AACvC,kBAAc,WAAW;AAAA,EAC3B;AAEA,SACE,oBAAC,SAAI,WAAW,uBAAuB,SAAS,IAC7C,UAAA,aAAa,IAAI,CAAC,QAAQ;AACzB,UAAM,OAAO,IAAI;AACjB,UAAM,WAAW,IAAI,UAAS,yCAAY;AAE1C,WACE;AAAA,MAAC;AAAA,MAAA;AAAA,QAEC,SAAS;AAAA,QACT,SAAS,MAAM,QAAQ,IAAI,IAAI;AAAA,QAC/B,WAAW;AAAA,kBACL,WAAW,iDAAiD,EAAE;AAAA;AAAA,QAGpE,UAAA;AAAA,UAAA,oBAAC,MAAA,EAAK,WAAW,WAAW,IAAI,KAAK,kBAAkB;AAAA,UACtD,IAAI;AAAA,QAAA;AAAA,MAAA;AAAA,MARA,IAAI;AAAA,IAAA;AAAA,EAWf,CAAC,EAAA,CACH;AAEJ;"}

package/dist/esm/ui/layout/Header.d.ts

@@ -1 +0,0 @@
-export declare function Header(): import("react/jsx-runtime").JSX.Element;

package/dist/esm/util/availabilityMatrixUtils.js

@@ -1,57 +0,0 @@
-function findAvailableResources({
-  resourceJumpSlug,
-  envSlug,
-  availabilityMatrix
-}) {
-  var _a;
-  const { availabilityVariants, envSlugs, matrix, resourceJumpSlugs } = availabilityMatrix;
-  let pairs = [];
-  if (envSlug !== void 0) {
-    const envIdx = envSlugs.findIndex((slug) => slug === envSlug);
-    if (envIdx !== -1) {
-      pairs = ((_a = matrix[envIdx]) == null ? void 0 : _a.flatMap((variantIdx, resourceIdx) => {
-        const resourceJumpSlugFound = resourceJumpSlugs[resourceIdx];
-        const availabilityVariant = availabilityVariants[variantIdx];
-        if (resourceJumpSlugFound === void 0 || availabilityVariant === void 0) {
-          return [];
-        }
-        return [
-          {
-            envSlug,
-            resourceJumpSlug: resourceJumpSlugFound,
-            availabilityVariant
-          }
-        ];
-      })) || [];
-    }
-    if (resourceJumpSlug !== void 0) {
-      pairs = pairs.filter((pair) => pair.resourceJumpSlug === resourceJumpSlug);
-    }
-  } else if (resourceJumpSlug !== void 0) {
-    const resourceIdx = resourceJumpSlugs.findIndex(
-      (resource) => resource === resourceJumpSlug
-    );
-    if (resourceIdx !== -1) {
-      pairs = matrix.flatMap((resourceJumps, envIdx) => {
-        const variantIdx = resourceJumps[resourceIdx];
-        const foundEnvSlug = envSlugs[envIdx];
-        const availabilityVariant = variantIdx !== void 0 ? availabilityVariants[variantIdx] : void 0;
-        if (foundEnvSlug == null || availabilityVariant == null) {
-          return [];
-        }
-        return [
-          {
-            envSlug: foundEnvSlug,
-            resourceJumpSlug,
-            availabilityVariant
-          }
-        ];
-      });
-    }
-  }
-  return pairs;
-}
-export {
-  findAvailableResources
-};
-//# sourceMappingURL=availabilityMatrixUtils.js.map

package/dist/esm/util/availabilityMatrixUtils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"availabilityMatrixUtils.js","sources":["../../../src/util/availabilityMatrixUtils.ts"],"sourcesContent":["import type {\n  AvailabilityVariant,\n  AvailiabilityMatrixData,\n} from '@env-hopper/backend-core'\n\nexport interface AvailabilitySearchParams {\n  envSlug?: string\n  resourceJumpSlug?: string\n  availabilityMatrix: AvailiabilityMatrixData\n}\n\nexport interface AvailabilitySlugPair {\n  envSlug: string\n  resourceJumpSlug: string\n  availabilityVariant: AvailabilityVariant\n}\n\nexport function findAvailableResources({\n  resourceJumpSlug,\n  envSlug,\n  availabilityMatrix,\n}: AvailabilitySearchParams): Array<AvailabilitySlugPair> {\n  const { availabilityVariants, envSlugs, matrix, resourceJumpSlugs } =\n    availabilityMatrix\n\n  let pairs: Array<AvailabilitySlugPair> = []\n\n  if (envSlug !== undefined) {\n    const envIdx = envSlugs.findIndex((slug) => slug === envSlug)\n    if (envIdx !== -1) {\n      pairs =\n        matrix[envIdx]?.flatMap((variantIdx, resourceIdx) => {\n          const resourceJumpSlugFound = resourceJumpSlugs[resourceIdx]\n          const availabilityVariant = availabilityVariants[variantIdx]\n          if (\n            resourceJumpSlugFound === undefined ||\n            availabilityVariant === undefined\n          ) {\n            return []\n          }\n          return [\n            {\n              envSlug,\n              resourceJumpSlug: resourceJumpSlugFound,\n              availabilityVariant,\n            },\n          ]\n        }) || []\n    }\n    if (resourceJumpSlug !== undefined) {\n      pairs = pairs.filter((pair) => pair.resourceJumpSlug === resourceJumpSlug)\n    }\n  } else if (resourceJumpSlug !== undefined) {\n    const resourceIdx = resourceJumpSlugs.findIndex(\n      (resource) => resource === resourceJumpSlug,\n    )\n    if (resourceIdx !== -1) {\n      pairs = matrix.flatMap((resourceJumps, envIdx) => {\n        const variantIdx = resourceJumps[resourceIdx]\n        const foundEnvSlug = envSlugs[envIdx]\n        const availabilityVariant =\n          variantIdx !== undefined\n            ? availabilityVariants[variantIdx]\n            : undefined\n\n        if (foundEnvSlug == null || availabilityVariant == null) {\n          return []\n        }\n        return [\n          {\n            envSlug: foundEnvSlug,\n            resourceJumpSlug,\n            availabilityVariant,\n          },\n        ]\n      })\n    }\n  }\n  return pairs\n}\n"],"names":[],"mappings":"AAiBO,SAAS,uBAAuB;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AACF,GAA0D;AAJnD;AAKL,QAAM,EAAE,sBAAsB,UAAU,QAAQ,sBAC9C;AAEF,MAAI,QAAqC,CAAA;AAEzC,MAAI,YAAY,QAAW;AACzB,UAAM,SAAS,SAAS,UAAU,CAAC,SAAS,SAAS,OAAO;AAC5D,QAAI,WAAW,IAAI;AACjB,gBACE,YAAO,MAAM,MAAb,mBAAgB,QAAQ,CAAC,YAAY,gBAAgB;AACnD,cAAM,wBAAwB,kBAAkB,WAAW;AAC3D,cAAM,sBAAsB,qBAAqB,UAAU;AAC3D,YACE,0BAA0B,UAC1B,wBAAwB,QACxB;AACA,iBAAO,CAAA;AAAA,QACT;AACA,eAAO;AAAA,UACL;AAAA,YACE;AAAA,YACA,kBAAkB;AAAA,YAClB;AAAA,UAAA;AAAA,QACF;AAAA,MAEJ,OAAM,CAAA;AAAA,IACV;AACA,QAAI,qBAAqB,QAAW;AAClC,cAAQ,MAAM,OAAO,CAAC,SAAS,KAAK,qBAAqB,gBAAgB;AAAA,IAC3E;AAAA,EACF,WAAW,qBAAqB,QAAW;AACzC,UAAM,cAAc,kBAAkB;AAAA,MACpC,CAAC,aAAa,aAAa;AAAA,IAAA;AAE7B,QAAI,gBAAgB,IAAI;AACtB,cAAQ,OAAO,QAAQ,CAAC,eAAe,WAAW;AAChD,cAAM,aAAa,cAAc,WAAW;AAC5C,cAAM,eAAe,SAAS,MAAM;AACpC,cAAM,sBACJ,eAAe,SACX,qBAAqB,UAAU,IAC/B;AAEN,YAAI,gBAAgB,QAAQ,uBAAuB,MAAM;AACvD,iBAAO,CAAA;AAAA,QACT;AACA,eAAO;AAAA,UACL;AAAA,YACE,SAAS;AAAA,YACT;AAAA,YACA;AAAA,UAAA;AAAA,QACF;AAAA,MAEJ,CAAC;AAAA,IACH;AAAA,EACF;AACA,SAAO;AACT;"}

package/dist/esm/util/highlightMatches.js

@@ -1,19 +0,0 @@
-import { jsx, Fragment } from "react/jsx-runtime";
-import React__default from "react";
-function escapeRegex(str) {
-  return str.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
-}
-function highlightMatches(text, query) {
-  if (!query) return text;
-  const safeQuery = escapeRegex(query);
-  const regex = new RegExp(`(${safeQuery})`, "gi");
-  const parts = text.split(regex);
-  return /* @__PURE__ */ jsx(Fragment, { children: parts.map((part, idx) => {
-    const key = `${part}-${text.indexOf(part, idx)}`;
-    return idx % 2 === 1 ? /* @__PURE__ */ jsx("span", { className: "bg-highlight", children: part }, key) : /* @__PURE__ */ jsx(React__default.Fragment, { children: part }, key);
-  }) });
-}
-export {
-  highlightMatches
-};
-//# sourceMappingURL=highlightMatches.js.map

package/dist/esm/util/highlightMatches.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"highlightMatches.js","sources":["../../../src/util/highlightMatches.tsx"],"sourcesContent":["import React from 'react'\n\n// Escape regex special characters\nfunction escapeRegex(str: string): string {\n  return str.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&')\n}\n\nexport function highlightMatches(text: string, query: string): React.ReactNode {\n  if (!query) return text\n\n  const safeQuery = escapeRegex(query)\n  const regex = new RegExp(`(${safeQuery})`, 'gi')\n  const parts = text.split(regex)\n\n  return (\n    <>\n      {parts.map((part, idx) => {\n        const key = `${part}-${text.indexOf(part, idx)}`\n        return idx % 2 === 1 ? (\n          <span key={key} className=\"bg-highlight\">\n            {part}\n          </span>\n        ) : (\n          <React.Fragment key={key}>{part}</React.Fragment>\n        )\n      })}\n    </>\n  )\n}\n"],"names":["React"],"mappings":";;AAGA,SAAS,YAAY,KAAqB;AACxC,SAAO,IAAI,QAAQ,uBAAuB,MAAM;AAClD;AAEO,SAAS,iBAAiB,MAAc,OAAgC;AAC7E,MAAI,CAAC,MAAO,QAAO;AAEnB,QAAM,YAAY,YAAY,KAAK;AACnC,QAAM,QAAQ,IAAI,OAAO,IAAI,SAAS,KAAK,IAAI;AAC/C,QAAM,QAAQ,KAAK,MAAM,KAAK;AAE9B,SACE,oBAAA,UAAA,EACG,UAAA,MAAM,IAAI,CAAC,MAAM,QAAQ;AACxB,UAAM,MAAM,GAAG,IAAI,IAAI,KAAK,QAAQ,MAAM,GAAG,CAAC;AAC9C,WAAO,MAAM,MAAM,IACjB,oBAAC,UAAe,WAAU,gBACvB,UAAA,KAAA,GADQ,GAEX,IAEA,oBAACA,eAAM,UAAN,EAA0B,kBAAN,GAAW;AAAA,EAEpC,CAAC,EAAA,CACH;AAEJ;"}

package/src/components/ui/breadcrumb.tsx

@@ -1,128 +0,0 @@
-import * as React from 'react'
-import { Slot } from '@radix-ui/react-slot'
-import { ChevronRight, MoreHorizontal } from 'lucide-react'
-
-import { cn } from '~/lib/utils'
-
-const Breadcrumb = ({
-  ref,
-  ...props
-}: React.ComponentPropsWithoutRef<'nav'> & {
-  separator?: React.ComponentType<{ className?: string }>
-} & { ref?: React.RefObject<HTMLElement | null> }) => (
-  <nav ref={ref} aria-label="breadcrumb" {...props} />
-)
-Breadcrumb.displayName = 'Breadcrumb'
-
-const BreadcrumbList = ({
-  ref,
-  className,
-  ...props
-}: React.ComponentPropsWithoutRef<'ol'> & {
-  ref?: React.RefObject<HTMLOListElement | null>
-}) => (
-  <ol
-    ref={ref}
-    className={cn(
-      'flex flex-wrap items-center gap-1.5 break-words text-sm text-muted-foreground sm:gap-2.5',
-      className,
-    )}
-    {...props}
-  />
-)
-BreadcrumbList.displayName = 'BreadcrumbList'
-
-const BreadcrumbItem = ({
-  ref,
-  className,
-  ...props
-}: React.ComponentPropsWithoutRef<'li'> & {
-  ref?: React.RefObject<HTMLLIElement | null>
-}) => (
-  <li
-    ref={ref}
-    className={cn('inline-flex items-center gap-1.5', className)}
-    {...props}
-  />
-)
-BreadcrumbItem.displayName = 'BreadcrumbItem'
-
-const BreadcrumbLink = ({
-  ref,
-  asChild,
-  className,
-  ...props
-}: React.ComponentPropsWithoutRef<'a'> & {
-  asChild?: boolean
-} & { ref?: React.RefObject<HTMLAnchorElement | null> }) => {
-  const Comp = asChild ? Slot : 'a'
-
-  return (
-    <Comp
-      ref={ref}
-      className={cn('transition-colors hover:text-foreground', className)}
-      {...props}
-    />
-  )
-}
-BreadcrumbLink.displayName = 'BreadcrumbLink'
-
-const BreadcrumbPage = ({
-  ref,
-  className,
-  ...props
-}: React.ComponentPropsWithoutRef<'span'> & {
-  ref?: React.RefObject<HTMLSpanElement | null>
-}) => (
-  <span
-    ref={ref}
-    role="link"
-    aria-disabled="true"
-    aria-current="page"
-    className={cn('font-normal text-foreground', className)}
-    {...props}
-  />
-)
-BreadcrumbPage.displayName = 'BreadcrumbPage'
-
-const BreadcrumbSeparator = ({
-  children,
-  className,
-  ...props
-}: React.ComponentProps<'li'>) => (
-  <li
-    role="presentation"
-    aria-hidden="true"
-    className={cn('[&>svg]:size-3.5', className)}
-    {...props}
-  >
-    {children ?? <ChevronRight />}
-  </li>
-)
-BreadcrumbSeparator.displayName = 'BreadcrumbSeparator'
-
-const BreadcrumbEllipsis = ({
-  className,
-  ...props
-}: React.ComponentProps<'span'>) => (
-  <span
-    role="presentation"
-    aria-hidden="true"
-    className={cn('flex h-9 w-9 items-center justify-center', className)}
-    {...props}
-  >
-    <MoreHorizontal className="h-4 w-4" />
-    <span className="sr-only">More</span>
-  </span>
-)
-BreadcrumbEllipsis.displayName = 'BreadcrumbEllipsis'
-
-export {
-  Breadcrumb,
-  BreadcrumbList,
-  BreadcrumbItem,
-  BreadcrumbLink,
-  BreadcrumbPage,
-  BreadcrumbSeparator,
-  BreadcrumbEllipsis,
-}

package/src/components/ui/button.tsx

@@ -1,60 +0,0 @@
-import * as React from 'react'
-import { Slot } from '@radix-ui/react-slot'
-import { cva } from 'class-variance-authority'
-import type { VariantProps } from 'class-variance-authority'
-
-const buttonVariants = cva(
-  'inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 cursor-pointer [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0',
-  {
-    variants: {
-      variant: {
-        default: 'bg-primary text-primary-foreground hover:bg-primary/90',
-        destructive:
-          'bg-destructive text-destructive-foreground hover:bg-destructive/90',
-        outline:
-          'border border-input bg-background hover:bg-accent hover:text-accent-foreground',
-        secondary:
-          'bg-secondary text-secondary-foreground hover:bg-secondary/80',
-        ghost: 'hover:bg-accent hover:text-accent-foreground',
-        link: 'text-primary underline-offset-4 hover:underline',
-      },
-      size: {
-        default: 'h-10 px-4 py-2',
-        sm: 'h-9 rounded-md px-3',
-        lg: 'h-11 rounded-md px-8',
-        icon: 'h-10 w-10',
-      },
-    },
-    defaultVariants: {
-      variant: 'default',
-      size: 'default',
-    },
-  },
-)
-
-export interface ButtonProps
-  extends React.ButtonHTMLAttributes<HTMLButtonElement>,
-    VariantProps<typeof buttonVariants> {
-  asChild?: boolean
-}
-
-const Button = ({
-  ref,
-  className,
-  variant,
-  size,
-  asChild = false,
-  ...props
-}: ButtonProps & { ref?: React.RefObject<HTMLButtonElement | null> }) => {
-  const Comp = asChild ? Slot : 'button'
-  return (
-    <Comp
-      className={buttonVariants({ variant, size, className })}
-      ref={ref}
-      {...props}
-    />
-  )
-}
-Button.displayName = 'Button'
-
-export { Button, buttonVariants }

package/src/components/ui/card.tsx

@@ -1,95 +0,0 @@
-import * as React from 'react'
-
-import { cn } from '~/lib/utils'
-
-const Card = ({
-  ref,
-  className,
-  ...props
-}: React.HTMLAttributes<HTMLDivElement> & {
-  ref?: React.RefObject<HTMLDivElement | null>
-}) => (
-  <div
-    ref={ref}
-    className={cn(
-      'rounded-lg border bg-card text-card-foreground shadow-sm',
-      className,
-    )}
-    {...props}
-  />
-)
-Card.displayName = 'Card'
-
-const CardHeader = ({
-  ref,
-  className,
-  ...props
-}: React.HTMLAttributes<HTMLDivElement> & {
-  ref?: React.RefObject<HTMLDivElement | null>
-}) => (
-  <div
-    ref={ref}
-    className={cn('flex flex-col space-y-1.5 p-6', className)}
-    {...props}
-  />
-)
-CardHeader.displayName = 'CardHeader'
-
-const CardTitle = ({
-  ref,
-  className,
-  ...props
-}: React.HTMLAttributes<HTMLDivElement> & {
-  ref?: React.RefObject<HTMLDivElement | null>
-}) => (
-  <div
-    ref={ref}
-    className={cn(
-      'text-2xl font-semibold leading-none tracking-tight',
-      className,
-    )}
-    {...props}
-  />
-)
-CardTitle.displayName = 'CardTitle'
-
-const CardDescription = ({
-  ref,
-  className,
-  ...props
-}: React.HTMLAttributes<HTMLDivElement> & {
-  ref?: React.RefObject<HTMLDivElement | null>
-}) => (
-  <div
-    ref={ref}
-    className={cn('text-sm text-muted-foreground', className)}
-    {...props}
-  />
-)
-CardDescription.displayName = 'CardDescription'
-
-const CardContent = ({
-  ref,
-  className,
-  ...props
-}: React.HTMLAttributes<HTMLDivElement> & {
-  ref?: React.RefObject<HTMLDivElement | null>
-}) => <div ref={ref} className={cn('p-6 pt-0', className)} {...props} />
-CardContent.displayName = 'CardContent'
-
-const CardFooter = ({
-  ref,
-  className,
-  ...props
-}: React.HTMLAttributes<HTMLDivElement> & {
-  ref?: React.RefObject<HTMLDivElement | null>
-}) => (
-  <div
-    ref={ref}
-    className={cn('flex items-center p-6 pt-0', className)}
-    {...props}
-  />
-)
-CardFooter.displayName = 'CardFooter'
-
-export { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent }

package/src/components/ui/input.tsx

@@ -1,28 +0,0 @@
-import * as React from 'react'
-
-import { cn } from '~/lib/utils'
-
-export interface InputProps
-  extends React.InputHTMLAttributes<HTMLInputElement> {}
-
-const Input = ({
-  ref,
-  className,
-  type,
-  ...props
-}: InputProps & { ref?: React.RefObject<HTMLInputElement | null> }) => {
-  return (
-    <input
-      type={type}
-      className={cn(
-        'flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50',
-        className,
-      )}
-      ref={ref}
-      {...props}
-    />
-  )
-}
-Input.displayName = 'Input'
-
-export { Input }