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

package/dist/esm/ui/input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.js","sources":["../../../src/ui/input.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { cn } from '~/lib/utils'\n\nfunction Input({ className, type, ...props }: React.ComponentProps<'input'>) {\n  return (\n    <input\n      type={type}\n      data-slot=\"input\"\n      className={cn(\n        'file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm',\n        'focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]',\n        'aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive',\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Input }\n"],"names":[],"mappings":";;AAIA,SAAS,MAAM,EAAE,WAAW,MAAM,GAAG,SAAwC;AAC3E,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,MAED,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;"}

package/dist/esm/ui/label.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import * as LabelPrimitive from '@radix-ui/react-label';
+declare function Label({ className, ...props }: React.ComponentProps<typeof LabelPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+export { Label };

package/dist/esm/ui/label.js

@@ -0,0 +1,23 @@
+import { jsx } from "react/jsx-runtime";
+import * as LabelPrimitive from "@radix-ui/react-label";
+import { cn } from "../lib/utils.js";
+function Label({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    LabelPrimitive.Root,
+    {
+      "data-slot": "label",
+      className: cn(
+        "flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50",
+        className
+      ),
+      ...props
+    }
+  );
+}
+export {
+  Label
+};
+//# sourceMappingURL=label.js.map

package/dist/esm/ui/label.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"label.js","sources":["../../../src/ui/label.tsx"],"sourcesContent":["import * as React from 'react'\nimport * as LabelPrimitive from '@radix-ui/react-label'\n\nimport { cn } from '~/lib/utils'\n\nfunction Label({\n  className,\n  ...props\n}: React.ComponentProps<typeof LabelPrimitive.Root>) {\n  return (\n    <LabelPrimitive.Root\n      data-slot=\"label\"\n      className={cn(\n        'flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50',\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Label }\n"],"names":[],"mappings":";;;AAKA,SAAS,MAAM;AAAA,EACb;AAAA,EACA,GAAG;AACL,GAAqD;AACnD,SACE;AAAA,IAAC,eAAe;AAAA,IAAf;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MAAA;AAAA,MAED,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;"}

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

@@ -1,4 +1,6 @@
 export interface LoadingFallbackProps {
+    label?: string;
     failureCount?: number;
+    failureReason?: string;
 }
-export declare function LoadingScreen({ failureCount }: LoadingFallbackProps): import("react/jsx-runtime").JSX.Element;
+export declare function LoadingScreen({ failureCount, label, failureReason, }: LoadingFallbackProps): import("react/jsx-runtime").JSX.Element;

package/dist/esm/ui/layout/LoadingScreen.js

@@ -1,12 +1,52 @@
-import { jsx, Fragment, jsxs } from "react/jsx-runtime";
-function LoadingScreen({ failureCount }) {
-  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center w-full h-full", children: [
-    /* @__PURE__ */ jsx("div", { children: "Loading..." }),
-    failureCount && failureCount > 1 ? /* @__PURE__ */ jsxs("div", { className: "mt-2 text-xs", children: [
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { ThemeProvider } from "../../components/theme-provider.js";
+import { Empty, EmptyHeader, EmptyMedia, EmptyTitle, EmptyDescription } from "../empty.js";
+import { Spinner } from "../spinner.js";
+import { MainLayout } from "./MainLayout.js";
+function Explanation({ failureCount, failureReason }) {
+  if (!failureCount) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs("div", { className: "mt-2 text-xs", children: [
       "Attempt ",
       failureCount
-    ] }) : null
-  ] }) });
+    ] }),
+    failureReason && /* @__PURE__ */ jsx("div", { className: "mt-2 text-xs text-secondary-foreground", children: failureReason })
+  ] });
+}
+function LoadingScreen({
+  failureCount,
+  label,
+  failureReason
+}) {
+  return /* @__PURE__ */ jsx(
+    ThemeProvider,
+    {
+      attribute: "class",
+      defaultTheme: "system",
+      enableSystem: true,
+      disableTransitionOnChange: true,
+      children: /* @__PURE__ */ jsx(MainLayout, { children: /* @__PURE__ */ jsx("div", { className: "flex flex-col items-center w-full  gap-4 ", children: /* @__PURE__ */ jsx(Empty, { children: /* @__PURE__ */ jsxs(EmptyHeader, { children: [
+        /* @__PURE__ */ jsx(EmptyMedia, { variant: "icon", children: /* @__PURE__ */ jsx(Spinner, {}) }),
+        /* @__PURE__ */ jsxs(EmptyTitle, { children: [
+          "Loading ",
+          label,
+          "..."
+        ] }),
+        /* @__PURE__ */ jsxs(EmptyDescription, { children: [
+          /* @__PURE__ */ jsx(
+            Explanation,
+            {
+              failureCount,
+              failureReason
+            }
+          ),
+          " "
+        ] })
+      ] }) }) }) })
+    }
+  );
 }
 export {
   LoadingScreen

package/dist/esm/ui/layout/LoadingScreen.js.map

@@ -1 +1 @@
-{"version":3,"file":"LoadingScreen.js","sources":["../../../../src/ui/layout/LoadingScreen.tsx"],"sourcesContent":["export interface LoadingFallbackProps {\n  failureCount?: number\n}\n\nexport function LoadingScreen({ failureCount }: LoadingFallbackProps) {\n  return (\n    <>\n      <div className=\"flex flex-col items-center w-full h-full\">\n        {/* <span className=\"loading loading-bars loading-lg\"></span> */}\n        <div>Loading...</div>\n        {failureCount && failureCount > 1 ? (\n          <div className={'mt-2 text-xs'}>Attempt {failureCount}</div>\n        ) : null}\n      </div>\n    </>\n  )\n}\n"],"names":[],"mappings":";AAIO,SAAS,cAAc,EAAE,gBAAsC;AACpE,SACE,oBAAA,UAAA,EACE,UAAA,qBAAC,OAAA,EAAI,WAAU,4CAEb,UAAA;AAAA,IAAA,oBAAC,SAAI,UAAA,aAAA,CAAU;AAAA,IACd,gBAAgB,eAAe,IAC9B,qBAAC,OAAA,EAAI,WAAW,gBAAgB,UAAA;AAAA,MAAA;AAAA,MAAS;AAAA,IAAA,EAAA,CAAa,IACpD;AAAA,EAAA,EAAA,CACN,EAAA,CACF;AAEJ;"}
+{"version":3,"file":"LoadingScreen.js","sources":["../../../../src/ui/layout/LoadingScreen.tsx"],"sourcesContent":["import { ThemeProvider } from '~/components/theme-provider'\nimport {\n    Empty,\n    EmptyDescription,\n    EmptyHeader,\n    EmptyMedia,\n    EmptyTitle,\n} from '~/ui/empty'\nimport { Spinner } from '~/ui/spinner'\nimport { MainLayout } from './MainLayout'\n\nexport interface LoadingFallbackProps {\n  label?: string\n  failureCount?: number\n  failureReason?: string\n}\n\nfunction Explanation({ failureCount, failureReason }: LoadingFallbackProps) {\n  if (!failureCount) {\n    return null\n  }\n  return (\n    <>\n      <div className={'mt-2 text-xs'}>Attempt {failureCount}</div>\n      {failureReason && (\n        <div className={'mt-2 text-xs text-secondary-foreground'}>\n          {failureReason}\n        </div>\n      )}\n    </>\n  )\n}\n\nexport function LoadingScreen({\n  failureCount,\n  label,\n  failureReason,\n}: LoadingFallbackProps) {\n  return (\n    <ThemeProvider\n      attribute=\"class\"\n      defaultTheme=\"system\"\n      enableSystem\n      disableTransitionOnChange\n    >\n      <MainLayout>\n        <div className=\"flex flex-col items-center w-full  gap-4 \">\n          {/* <span className=\"loading loading-bars loading-lg\"></span> */}\n          <Empty>\n            <EmptyHeader>\n              <EmptyMedia variant=\"icon\">\n                <Spinner />\n              </EmptyMedia>\n              <EmptyTitle>Loading {label}...</EmptyTitle>\n              <EmptyDescription>\n                <Explanation\n                  failureCount={failureCount}\n                  failureReason={failureReason}\n                ></Explanation>{' '}\n              </EmptyDescription>\n            </EmptyHeader>\n          </Empty>\n        </div>\n      </MainLayout>\n    </ThemeProvider>\n  )\n}\n"],"names":[],"mappings":";;;;;AAiBA,SAAS,YAAY,EAAE,cAAc,iBAAuC;AAC1E,MAAI,CAAC,cAAc;AACjB,WAAO;AAAA,EACT;AACA,SACE,qBAAA,UAAA,EACE,UAAA;AAAA,IAAA,qBAAC,OAAA,EAAI,WAAW,gBAAgB,UAAA;AAAA,MAAA;AAAA,MAAS;AAAA,IAAA,GAAa;AAAA,IACrD,iBACC,oBAAC,OAAA,EAAI,WAAW,0CACb,UAAA,cAAA,CACH;AAAA,EAAA,GAEJ;AAEJ;AAEO,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AACF,GAAyB;AACvB,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,cAAa;AAAA,MACb,cAAY;AAAA,MACZ,2BAAyB;AAAA,MAEzB,UAAA,oBAAC,cACC,UAAA,oBAAC,OAAA,EAAI,WAAU,6CAEb,UAAA,oBAAC,OAAA,EACC,UAAA,qBAAC,aAAA,EACC,UAAA;AAAA,QAAA,oBAAC,YAAA,EAAW,SAAQ,QAClB,UAAA,oBAAC,WAAQ,GACX;AAAA,6BACC,YAAA,EAAW,UAAA;AAAA,UAAA;AAAA,UAAS;AAAA,UAAM;AAAA,QAAA,GAAG;AAAA,6BAC7B,kBAAA,EACC,UAAA;AAAA,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC;AAAA,cACA;AAAA,YAAA;AAAA,UAAA;AAAA,UACc;AAAA,QAAA,EAAA,CAClB;AAAA,MAAA,GACF,EAAA,CACF,GACF,EAAA,CACF;AAAA,IAAA;AAAA,EAAA;AAGN;"}

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

@@ -1,5 +1,7 @@
 import { default as React } from 'react';
 export interface MainLayoutProps {
     children: React.ReactNode;
+    headerMiddle?: React.ReactNode;
+    breadcrumbs?: React.ReactNode;
 }
-export declare function MainLayout({ children }: MainLayoutProps): import("react/jsx-runtime").JSX.Element;
+export declare function MainLayout({ children, headerMiddle, breadcrumbs }: MainLayoutProps): import("react/jsx-runtime").JSX.Element;

package/dist/esm/ui/layout/MainLayout.js

@@ -1,14 +1,13 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { PlaygroundHeader } from "../components/header/PlaygroundHeader.js";
-import ContextDebug from "../components/contextDebug.js";
+import { Header } from "../components/header/Header.js";
 import { Footer } from "../components/footer/Footer.js";
-function MainLayout({ children }) {
+function MainLayout({ children, headerMiddle, breadcrumbs }) {
   return /* @__PURE__ */ jsxs("div", { className: "min-h-screen flex flex-col", children: [
-    /* @__PURE__ */ jsx("div", { className: "flex-1 flex", children: /* @__PURE__ */ jsx("main", { className: "flex-1 w-full flex justify-center font-sans p-6", children: /* @__PURE__ */ jsxs("div", { className: "w-full max-w-4xl lg:max-w-5xl xl:max-w-6xl 2xl:max-w-7xl space-y-6", children: [
-      /* @__PURE__ */ jsx(PlaygroundHeader, {}),
+    /* @__PURE__ */ jsx("div", { className: "flex-1 flex", children: /* @__PURE__ */ jsx("main", { className: "flex-1 w-full flex justify-center font-sans p-6", children: /* @__PURE__ */ jsxs("div", { className: "w-full space-y-6", children: [
+      /* @__PURE__ */ jsx(Header, { middle: headerMiddle }),
+      breadcrumbs,
       children
     ] }) }) }),
-    /* @__PURE__ */ jsx(ContextDebug, {}),
     /* @__PURE__ */ jsx(Footer, {})
   ] });
 }

package/dist/esm/ui/layout/MainLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"MainLayout.js","sources":["../../../../src/ui/layout/MainLayout.tsx"],"sourcesContent":["import React from 'react'\nimport { PlaygroundHeader } from '../components/header/PlaygroundHeader'\n\nimport ContextDebug from '../components/contextDebug'\nimport { Footer } from '../components/footer/Footer'\n\nexport interface MainLayoutProps {\n  children: React.ReactNode\n}\n\nexport function MainLayout({ children }: MainLayoutProps) {\n  return (\n    <div className=\"min-h-screen flex flex-col\">\n      <div className=\"flex-1 flex\">\n        {/* <LeftPanel className=\"h-screen\" /> */}\n        <main className=\"flex-1 w-full flex justify-center font-sans p-6\">\n          <div className=\"w-full max-w-4xl lg:max-w-5xl xl:max-w-6xl 2xl:max-w-7xl space-y-6\">\n            <PlaygroundHeader />\n            {children}\n          </div>\n        </main>\n      </div>\n      <ContextDebug />\n      <Footer />\n    </div>\n  )\n}\n"],"names":[],"mappings":";;;;AAUO,SAAS,WAAW,EAAE,YAA6B;AACxD,SACE,qBAAC,OAAA,EAAI,WAAU,8BACb,UAAA;AAAA,IAAA,oBAAC,OAAA,EAAI,WAAU,eAEb,UAAA,oBAAC,QAAA,EAAK,WAAU,mDACd,UAAA,qBAAC,OAAA,EAAI,WAAU,sEACb,UAAA;AAAA,MAAA,oBAAC,kBAAA,EAAiB;AAAA,MACjB;AAAA,IAAA,EAAA,CACH,GACF,GACF;AAAA,wBACC,cAAA,EAAa;AAAA,wBACb,QAAA,CAAA,CAAO;AAAA,EAAA,GACV;AAEJ;"}
+{"version":3,"file":"MainLayout.js","sources":["../../../../src/ui/layout/MainLayout.tsx"],"sourcesContent":["import React from 'react'\nimport { Header } from '../components/header/Header'\n\nimport { Footer } from '../components/footer/Footer'\n\nexport interface MainLayoutProps {\n  children: React.ReactNode\n  headerMiddle?: React.ReactNode\n  breadcrumbs?: React.ReactNode\n}\n\nexport function MainLayout({ children, headerMiddle, breadcrumbs }: MainLayoutProps) {\n  return (\n    <div className=\"min-h-screen flex flex-col\">\n      <div className=\"flex-1 flex\">\n        <main className=\"flex-1 w-full flex justify-center font-sans p-6\">\n          <div className=\"w-full space-y-6\">\n            <Header middle={headerMiddle} />\n            {breadcrumbs}\n            {children}\n          </div>\n        </main>\n      </div>\n      <Footer />\n    </div>\n  )\n}\n"],"names":[],"mappings":";;;AAWO,SAAS,WAAW,EAAE,UAAU,cAAc,eAAgC;AACnF,SACE,qBAAC,OAAA,EAAI,WAAU,8BACb,UAAA;AAAA,IAAA,oBAAC,OAAA,EAAI,WAAU,eACb,UAAA,oBAAC,QAAA,EAAK,WAAU,mDACd,UAAA,qBAAC,OAAA,EAAI,WAAU,oBACb,UAAA;AAAA,MAAA,oBAAC,QAAA,EAAO,QAAQ,aAAA,CAAc;AAAA,MAC7B;AAAA,MACA;AAAA,IAAA,EAAA,CACH,GACF,GACF;AAAA,wBACC,QAAA,CAAA,CAAO;AAAA,EAAA,GACV;AAEJ;"}

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

@@ -1,5 +1,10 @@
 import { default as React } from 'react';
+import { TRPCRouter } from '@env-hopper/backend-core';
+import { QueryClient } from '@tanstack/react-query';
+import { TRPCClient } from '@trpc/client';
 export interface MainLayoutProps {
     children: React.ReactNode;
+    queryClient: QueryClient;
+    trpcClient: TRPCClient<TRPCRouter>;
 }
 export declare function TopLevelProviders({ children }: MainLayoutProps): import("react/jsx-runtime").JSX.Element;

package/dist/esm/ui/layout/TopLevelProviders.js

@@ -1,23 +1,23 @@
-import { jsx } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useState, useMemo, Suspense } from "react";
-import { LoadingScreen } from "./LoadingScreen.js";
-import { useQueryBootstrapConfig } from "../../api/data/useQueryBootstrapConfig.js";
+import { ReactQueryDevtools } from "@tanstack/react-query-devtools";
+import { TanStackRouterDevtools } from "../../node_modules/.pnpm/@tanstack_react-router-devtools@1.151.6_@tanstack_react-router@1.151.6_react-dom@19.1.2_20b78d099e847743bc64b4d051c71d30/node_modules/@tanstack/react-router-devtools/dist/esm/index.js";
 import { ThemeProvider } from "../../components/theme-provider.js";
-import { PluginManagerContextProvider } from "../../modules/pluginCore/PluginManagerContext.js";
-import { PageUrlPluginContextProvider } from "../../plugins/builtin/pageUrl/PageUrlPluginContext.js";
-import { PageUrlJumpPlugin } from "../../plugins/builtin/pageUrl/pageUrlJumpPlugin.js";
+import { AuthProvider } from "../../modules/auth/AuthContext.js";
+import { AuthModalProvider } from "../../modules/auth/AuthModalContext.js";
+import { LoginModal } from "../../modules/auth/ui/LoginModal.js";
 import { BootstrapConfigProvider } from "../../modules/config/BootstrapConfigContext.js";
 import { GlobalConfigProvider } from "../../modules/config/GlobalConfigContext.js";
 import { makePluginInterfaceForCore } from "../../modules/pluginCore/makePluginManagerContext.js";
+import { PluginManagerContextProvider } from "../../modules/pluginCore/PluginManagerContext.js";
+import { LoadingScreen } from "./LoadingScreen.js";
 function TopLevelProviders({ children }) {
-  const { data, isPending } = useQueryBootstrapConfig();
-  const [plugins] = useState(() => [new PageUrlJumpPlugin()]);
+  const [plugins] = useState(() => [
+    // Future plugins can be added here
+  ]);
   const pluginInterfaceForCore = useMemo(() => {
-    return data ? makePluginInterfaceForCore(plugins) : null;
-  }, [plugins, data]);
-  if (isPending || !data || !pluginInterfaceForCore) {
-    return /* @__PURE__ */ jsx(LoadingScreen, {});
-  }
+    return makePluginInterfaceForCore();
+  }, [plugins]);
   return /* @__PURE__ */ jsx(
     ThemeProvider,
     {
@@ -25,12 +25,33 @@ function TopLevelProviders({ children }) {
       defaultTheme: "system",
       enableSystem: true,
       disableTransitionOnChange: true,
-      children: /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx(LoadingScreen, {}), children: /* @__PURE__ */ jsx(BootstrapConfigProvider, { bootstrapConfig: data, children: /* @__PURE__ */ jsx(GlobalConfigProvider, { children: /* @__PURE__ */ jsx(
-        PluginManagerContextProvider,
+      children: /* @__PURE__ */ jsx(AuthModalProvider, { children: /* @__PURE__ */ jsx(AuthProvider, { children: /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx(LoadingScreen, {}), children: /* @__PURE__ */ jsx(
+        BootstrapConfigProvider,
         {
-          plugins,
-          pluginInterfaceForCore,
-          children: /* @__PURE__ */ jsx(PageUrlPluginContextProvider, { children })
+          bootstrapConfig: {
+            apps: {},
+            appsMeta: {
+              tags: {
+                descriptions: []
+              }
+            },
+            envs: {},
+            contexts: [],
+            defaults: { envSlug: "", resourceJumpSlug: "" }
+          },
+          children: /* @__PURE__ */ jsx(GlobalConfigProvider, { children: /* @__PURE__ */ jsxs(
+            PluginManagerContextProvider,
+            {
+              plugins,
+              pluginInterfaceForCore,
+              children: [
+                children,
+                /* @__PURE__ */ jsx(LoginModal, {}),
+                /* @__PURE__ */ jsx(TanStackRouterDevtools, {}),
+                /* @__PURE__ */ jsx(ReactQueryDevtools, { initialIsOpen: false })
+              ]
+            }
+          ) })
         }
       ) }) }) })
     }

package/dist/esm/ui/layout/TopLevelProviders.js.map

@@ -1 +1 @@
-{"version":3,"file":"TopLevelProviders.js","sources":["../../../../src/ui/layout/TopLevelProviders.tsx"],"sourcesContent":["import React, { Suspense, useMemo, useState } from 'react'\n\nimport { LoadingScreen } from './LoadingScreen'\nimport { useQueryBootstrapConfig } from '~/api/data/useQueryBootstrapConfig'\nimport { ThemeProvider } from '~/components/theme-provider'\nimport { PluginManagerContextProvider } from '~/modules/pluginCore/PluginManagerContext'\nimport { PageUrlPluginContextProvider } from '~/plugins/builtin/pageUrl/PageUrlPluginContext'\nimport { PageUrlJumpPlugin } from '~/plugins/builtin/pageUrl/pageUrlJumpPlugin'\nimport { BootstrapConfigProvider } from '~/modules/config/BootstrapConfigContext'\nimport { GlobalConfigProvider } from '~/modules/config/GlobalConfigContext'\nimport { makePluginInterfaceForCore } from '~/modules/pluginCore/makePluginManagerContext'\n\nexport interface MainLayoutProps {\n  children: React.ReactNode\n}\n\nexport function TopLevelProviders({ children }: MainLayoutProps) {\n  const { data, isPending } = useQueryBootstrapConfig()\n  const [plugins] = useState(() => [new PageUrlJumpPlugin()])\n\n  const pluginInterfaceForCore = useMemo(() => {\n    return data ? makePluginInterfaceForCore(plugins) : null\n  }, [plugins, data])\n\n  if (isPending || !data || !pluginInterfaceForCore) {\n    return <LoadingScreen />\n  }\n\n  return (\n    <ThemeProvider\n      attribute=\"class\"\n      defaultTheme=\"system\"\n      enableSystem\n      disableTransitionOnChange\n    >\n      <Suspense fallback={<LoadingScreen />}>\n        <BootstrapConfigProvider bootstrapConfig={data}>\n          <GlobalConfigProvider>\n            <PluginManagerContextProvider\n              plugins={plugins}\n              pluginInterfaceForCore={pluginInterfaceForCore}\n            >\n              <PageUrlPluginContextProvider>\n                {children}\n              </PageUrlPluginContextProvider>\n            </PluginManagerContextProvider>\n          </GlobalConfigProvider>\n        </BootstrapConfigProvider>\n      </Suspense>\n    </ThemeProvider>\n  )\n}\n"],"names":[],"mappings":";;;;;;;;;;;AAgBO,SAAS,kBAAkB,EAAE,YAA6B;AAC/D,QAAM,EAAE,MAAM,UAAA,IAAc,wBAAA;AAC5B,QAAM,CAAC,OAAO,IAAI,SAAS,MAAM,CAAC,IAAI,kBAAA,CAAmB,CAAC;AAE1D,QAAM,yBAAyB,QAAQ,MAAM;AAC3C,WAAO,OAAO,2BAA2B,OAAO,IAAI;AAAA,EACtD,GAAG,CAAC,SAAS,IAAI,CAAC;AAElB,MAAI,aAAa,CAAC,QAAQ,CAAC,wBAAwB;AACjD,+BAAQ,eAAA,EAAc;AAAA,EACxB;AAEA,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,cAAa;AAAA,MACb,cAAY;AAAA,MACZ,2BAAyB;AAAA,MAEzB,UAAA,oBAAC,UAAA,EAAS,UAAU,oBAAC,eAAA,CAAA,CAAc,GACjC,UAAA,oBAAC,yBAAA,EAAwB,iBAAiB,MACxC,UAAA,oBAAC,sBAAA,EACC,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC;AAAA,UACA;AAAA,UAEA,UAAA,oBAAC,gCACE,SAAA,CACH;AAAA,QAAA;AAAA,MAAA,EACF,CACF,GACF,EAAA,CACF;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"TopLevelProviders.js","sources":["../../../../src/ui/layout/TopLevelProviders.tsx"],"sourcesContent":["import React, { Suspense, useMemo, useState } from 'react'\n\nimport type { TRPCRouter } from '@env-hopper/backend-core'\nimport type { QueryClient } from '@tanstack/react-query'\nimport { ReactQueryDevtools } from '@tanstack/react-query-devtools'\nimport { TanStackRouterDevtools } from '@tanstack/react-router-devtools'\nimport type { TRPCClient } from '@trpc/client'\nimport { ThemeProvider } from '~/components/theme-provider'\nimport { AuthProvider } from '~/modules/auth'\nimport { AuthModalProvider } from '~/modules/auth/AuthModalContext'\nimport { LoginModal } from '~/modules/auth/ui/LoginModal'\nimport { BootstrapConfigProvider } from '~/modules/config/BootstrapConfigContext'\nimport { GlobalConfigProvider } from '~/modules/config/GlobalConfigContext'\nimport { makePluginInterfaceForCore } from '~/modules/pluginCore/makePluginManagerContext'\nimport { PluginManagerContextProvider } from '~/modules/pluginCore/PluginManagerContext'\nimport { LoadingScreen } from './LoadingScreen'\n\nexport interface MainLayoutProps {\n  children: React.ReactNode\n  queryClient: QueryClient\n  trpcClient: TRPCClient<TRPCRouter>\n}\n\nexport function TopLevelProviders({ children }: MainLayoutProps) {\n  // const { data, failureCount, failureReason } = useQueryBootstrapConfig()\n  const [plugins] = useState(() => [\n    // Future plugins can be added here\n  ])\n\n  const pluginInterfaceForCore = useMemo(() => {\n    return makePluginInterfaceForCore(plugins)\n  }, [plugins])\n\n  // if (!data) {\n  //   return <LoadingScreen label='configuration' failureCount={failureCount} failureReason={failureReason?.message} />\n  // }\n\n  return (\n    <ThemeProvider\n      attribute=\"class\"\n      defaultTheme=\"system\"\n      enableSystem\n      disableTransitionOnChange\n    >\n      <AuthModalProvider>\n        <AuthProvider>\n          <Suspense fallback={<LoadingScreen />}>\n            <BootstrapConfigProvider\n              bootstrapConfig={{\n                apps: {},\n                appsMeta: {\n                  tags: {\n                    descriptions: [],\n                  },\n                },\n                envs: {},\n                contexts: [],\n                defaults: { envSlug: '', resourceJumpSlug: '' },\n              }}\n            >\n              <GlobalConfigProvider>\n                <PluginManagerContextProvider\n                  plugins={plugins}\n                  pluginInterfaceForCore={pluginInterfaceForCore}\n                >\n                  {children}\n                  <LoginModal />\n                  <TanStackRouterDevtools />\n                  <ReactQueryDevtools initialIsOpen={false} />\n                </PluginManagerContextProvider>\n              </GlobalConfigProvider>\n            </BootstrapConfigProvider>\n          </Suspense>\n        </AuthProvider>\n      </AuthModalProvider>\n    </ThemeProvider>\n  )\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;AAuBO,SAAS,kBAAkB,EAAE,YAA6B;AAE/D,QAAM,CAAC,OAAO,IAAI,SAAS,MAAM;AAAA;AAAA,EAAA,CAEhC;AAED,QAAM,yBAAyB,QAAQ,MAAM;AAC3C,WAAO,2BAAkC;AAAA,EAC3C,GAAG,CAAC,OAAO,CAAC;AAMZ,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,cAAa;AAAA,MACb,cAAY;AAAA,MACZ,2BAAyB;AAAA,MAEzB,UAAA,oBAAC,qBACC,UAAA,oBAAC,cAAA,EACC,8BAAC,UAAA,EAAS,UAAU,oBAAC,eAAA,CAAA,CAAc,GACjC,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,iBAAiB;AAAA,YACf,MAAM,CAAA;AAAA,YACN,UAAU;AAAA,cACR,MAAM;AAAA,gBACJ,cAAc,CAAA;AAAA,cAAC;AAAA,YACjB;AAAA,YAEF,MAAM,CAAA;AAAA,YACN,UAAU,CAAA;AAAA,YACV,UAAU,EAAE,SAAS,IAAI,kBAAkB,GAAA;AAAA,UAAG;AAAA,UAGhD,8BAAC,sBAAA,EACC,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC;AAAA,cACA;AAAA,cAEC,UAAA;AAAA,gBAAA;AAAA,oCACA,YAAA,EAAW;AAAA,oCACX,wBAAA,EAAuB;AAAA,gBACxB,oBAAC,oBAAA,EAAmB,eAAe,MAAA,CAAO;AAAA,cAAA;AAAA,YAAA;AAAA,UAAA,EAC5C,CACF;AAAA,QAAA;AAAA,MAAA,EACF,CACF,GACF,EAAA,CACF;AAAA,IAAA;AAAA,EAAA;AAGN;"}

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

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+export interface TopLevelProvidersForErrorsProps {
+    children: React.ReactNode;
+}
+/**
+ * Minimal providers needed for error boundaries and fallback UI
+ * Includes authentication and theme providers to avoid "useAuth must be used within AuthProvider" errors
+ * when error components try to render Header or other auth-dependent components
+ */
+export declare function TopLevelProvidersForErrors({ children }: TopLevelProvidersForErrorsProps): import("react/jsx-runtime").JSX.Element;

package/dist/esm/ui/layout/TopLevelProvidersForErrors.js

@@ -0,0 +1,24 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { ThemeProvider } from "../../components/theme-provider.js";
+import { AuthProvider } from "../../modules/auth/AuthContext.js";
+import { AuthModalProvider } from "../../modules/auth/AuthModalContext.js";
+import { LoginModal } from "../../modules/auth/ui/LoginModal.js";
+function TopLevelProvidersForErrors({ children }) {
+  return /* @__PURE__ */ jsx(
+    ThemeProvider,
+    {
+      attribute: "class",
+      defaultTheme: "system",
+      enableSystem: true,
+      disableTransitionOnChange: true,
+      children: /* @__PURE__ */ jsx(AuthModalProvider, { children: /* @__PURE__ */ jsx(AuthProvider, { children: /* @__PURE__ */ jsxs(Fragment, { children: [
+        children,
+        /* @__PURE__ */ jsx(LoginModal, {})
+      ] }) }) })
+    }
+  );
+}
+export {
+  TopLevelProvidersForErrors
+};
+//# sourceMappingURL=TopLevelProvidersForErrors.js.map

package/dist/esm/ui/layout/TopLevelProvidersForErrors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TopLevelProvidersForErrors.js","sources":["../../../../src/ui/layout/TopLevelProvidersForErrors.tsx"],"sourcesContent":["import React from 'react'\nimport { ThemeProvider } from '~/components/theme-provider'\nimport { AuthProvider } from '~/modules/auth'\nimport { AuthModalProvider } from '~/modules/auth/AuthModalContext'\nimport { LoginModal } from '~/modules/auth/ui/LoginModal'\n\nexport interface TopLevelProvidersForErrorsProps {\n  children: React.ReactNode\n}\n\n/**\n * Minimal providers needed for error boundaries and fallback UI\n * Includes authentication and theme providers to avoid \"useAuth must be used within AuthProvider\" errors\n * when error components try to render Header or other auth-dependent components\n */\nexport function TopLevelProvidersForErrors({ children }: TopLevelProvidersForErrorsProps) {\n  return (\n    <ThemeProvider\n      attribute=\"class\"\n      defaultTheme=\"system\"\n      enableSystem\n      disableTransitionOnChange\n    >\n      <AuthModalProvider>\n        <AuthProvider>\n          <>\n            {children}\n            <LoginModal />\n          </>\n        </AuthProvider>\n      </AuthModalProvider>\n    </ThemeProvider>\n  )\n}\n"],"names":[],"mappings":";;;;;AAeO,SAAS,2BAA2B,EAAE,YAA6C;AACxF,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,cAAa;AAAA,MACb,cAAY;AAAA,MACZ,2BAAyB;AAAA,MAEzB,UAAA,oBAAC,mBAAA,EACC,UAAA,oBAAC,cAAA,EACC,UAAA,qBAAA,UAAA,EACG,UAAA;AAAA,QAAA;AAAA,4BACA,YAAA,CAAA,CAAW;AAAA,MAAA,EAAA,CACd,GACF,EAAA,CACF;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/esm/ui/link.d.ts

@@ -0,0 +1,10 @@
+import { LinkComponent } from '@tanstack/react-router';
+import * as React from 'react';
+interface BasicLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
+    className?: string;
+}
+declare const BasicLinkComponent: ({ ref, className, ...props }: BasicLinkProps & {
+    ref?: React.RefObject<HTMLAnchorElement | null>;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const Link: LinkComponent<typeof BasicLinkComponent>;
+export {};

package/dist/esm/ui/link.js

@@ -0,0 +1,28 @@
+import { jsx } from "react/jsx-runtime";
+import { createLink } from "@tanstack/react-router";
+import { cn } from "../lib/utils.js";
+const BasicLinkComponent = ({
+  ref,
+  className,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(
+    "a",
+    {
+      ref,
+      ...props,
+      className: cn(
+        "text-primary hover:text-primary/80 transition-colors font-medium",
+        className
+      )
+    }
+  );
+};
+const CreatedLinkComponent = createLink(BasicLinkComponent);
+const Link = (props) => {
+  return /* @__PURE__ */ jsx(CreatedLinkComponent, { preload: "intent", ...props });
+};
+export {
+  Link
+};
+//# sourceMappingURL=link.js.map

package/dist/esm/ui/link.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"link.js","sources":["../../../src/ui/link.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/consistent-type-imports */\nimport { LinkComponent, createLink } from '@tanstack/react-router'\nimport * as React from 'react'\nimport { cn } from '~/lib/utils'\n\ninterface BasicLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {\n  className?: string\n}\n\nconst BasicLinkComponent = ({\n  ref,\n  className,\n  ...props\n}: BasicLinkProps & { ref?: React.RefObject<HTMLAnchorElement | null> }) => {\n  return (\n    <a\n      ref={ref}\n      {...props}\n      className={cn(\n        'text-primary hover:text-primary/80 transition-colors font-medium',\n        className,\n      )}\n    />\n  )\n}\n\nconst CreatedLinkComponent = createLink(BasicLinkComponent)\n\nexport const Link: LinkComponent<typeof BasicLinkComponent> = (props) => {\n  return <CreatedLinkComponent preload={'intent'} {...props} />\n}\n"],"names":[],"mappings":";;;AASA,MAAM,qBAAqB,CAAC;AAAA,EAC1B;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAA4E;AAC1E,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACC,GAAG;AAAA,MACJ,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAGN;AAEA,MAAM,uBAAuB,WAAW,kBAAkB;AAEnD,MAAM,OAAiD,CAAC,UAAU;AACvE,SAAO,oBAAC,sBAAA,EAAqB,SAAS,UAAW,GAAG,OAAO;AAC7D;"}

package/dist/esm/ui/linkExternal.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+interface BasicLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
+    className?: string;
+}
+export declare const LinkExternal: ({ ref, href, className, ...props }: BasicLinkProps & {
+    ref?: React.RefObject<HTMLAnchorElement | null>;
+}) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/esm/ui/linkExternal.js

@@ -0,0 +1,26 @@
+import { jsx } from "react/jsx-runtime";
+import { cn } from "../lib/utils.js";
+const LinkExternal = ({
+  ref,
+  href,
+  className,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(
+    "a",
+    {
+      ref,
+      href,
+      target: "_blank",
+      ...props,
+      className: cn(
+        "text-primary hover:text-primary/80 transition-colors font-medium",
+        className
+      )
+    }
+  );
+};
+export {
+  LinkExternal
+};
+//# sourceMappingURL=linkExternal.js.map

package/dist/esm/ui/linkExternal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"linkExternal.js","sources":["../../../src/ui/linkExternal.tsx"],"sourcesContent":["import * as React from 'react'\nimport { cn } from '~/lib/utils'\n\ninterface BasicLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {\n  className?: string\n}\n\nexport const LinkExternal = ({\n  ref,\n  href,\n  className,\n  ...props\n}: BasicLinkProps & { ref?: React.RefObject<HTMLAnchorElement | null> }) => {\n  return (\n    <a\n      ref={ref}\n      href={href}\n      target=\"_blank\"\n      {...props}\n      className={cn(\n        'text-primary hover:text-primary/80 transition-colors font-medium',\n        className,\n      )}\n    />\n  )\n}\n"],"names":[],"mappings":";;AAOO,MAAM,eAAe,CAAC;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAA4E;AAC1E,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,QAAO;AAAA,MACN,GAAG;AAAA,MACJ,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAGN;"}

package/dist/esm/ui/radio-group.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
+declare function RadioGroup({ className, ...props }: React.ComponentProps<typeof RadioGroupPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function RadioGroupItem({ className, ...props }: React.ComponentProps<typeof RadioGroupPrimitive.Item>): import("react/jsx-runtime").JSX.Element;
+export { RadioGroup, RadioGroupItem };

package/dist/esm/ui/scroll-area.js

@@ -0,0 +1,62 @@
+"use client";
+import { jsxs, jsx } from "react/jsx-runtime";
+import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
+import { cn } from "../lib/utils.js";
+function ScrollArea({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    ScrollAreaPrimitive.Root,
+    {
+      "data-slot": "scroll-area",
+      className: cn("relative", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(
+          ScrollAreaPrimitive.Viewport,
+          {
+            "data-slot": "scroll-area-viewport",
+            className: "focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1",
+            children
+          }
+        ),
+        /* @__PURE__ */ jsx(ScrollBar, {}),
+        /* @__PURE__ */ jsx(ScrollAreaPrimitive.Corner, {})
+      ]
+    }
+  );
+}
+function ScrollBar({
+  className,
+  orientation = "vertical",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    ScrollAreaPrimitive.ScrollAreaScrollbar,
+    {
+      "data-slot": "scroll-area-scrollbar",
+      orientation,
+      className: cn(
+        "flex touch-none p-px transition-colors select-none",
+        orientation === "vertical" && "h-full w-2.5 border-l border-l-transparent",
+        orientation === "horizontal" && "h-2.5 flex-col border-t border-t-transparent",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsx(
+        ScrollAreaPrimitive.ScrollAreaThumb,
+        {
+          "data-slot": "scroll-area-thumb",
+          className: "bg-border relative flex-1 rounded-full"
+        }
+      )
+    }
+  );
+}
+export {
+  ScrollArea,
+  ScrollBar
+};
+//# sourceMappingURL=scroll-area.js.map

package/dist/esm/ui/scroll-area.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-area.js","sources":["../../../src/ui/scroll-area.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area'\n\nimport { cn } from '~/lib/utils'\n\nfunction ScrollArea({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof ScrollAreaPrimitive.Root>) {\n  return (\n    <ScrollAreaPrimitive.Root\n      data-slot=\"scroll-area\"\n      className={cn('relative', className)}\n      {...props}\n    >\n      <ScrollAreaPrimitive.Viewport\n        data-slot=\"scroll-area-viewport\"\n        className=\"focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1\"\n      >\n        {children}\n      </ScrollAreaPrimitive.Viewport>\n      <ScrollBar />\n      <ScrollAreaPrimitive.Corner />\n    </ScrollAreaPrimitive.Root>\n  )\n}\n\nfunction ScrollBar({\n  className,\n  orientation = 'vertical',\n  ...props\n}: React.ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>) {\n  return (\n    <ScrollAreaPrimitive.ScrollAreaScrollbar\n      data-slot=\"scroll-area-scrollbar\"\n      orientation={orientation}\n      className={cn(\n        'flex touch-none p-px transition-colors select-none',\n        orientation === 'vertical' &&\n          'h-full w-2.5 border-l border-l-transparent',\n        orientation === 'horizontal' &&\n          'h-2.5 flex-col border-t border-t-transparent',\n        className,\n      )}\n      {...props}\n    >\n      <ScrollAreaPrimitive.ScrollAreaThumb\n        data-slot=\"scroll-area-thumb\"\n        className=\"bg-border relative flex-1 rounded-full\"\n      />\n    </ScrollAreaPrimitive.ScrollAreaScrollbar>\n  )\n}\n\nexport { ScrollArea, ScrollBar }\n"],"names":[],"mappings":";;;;AAOA;AAAoB;AAClB;AACA;AAEF;AACE;AACE;AAAqB;AAApB;AACW;AACyB;AAC/B;AAEJ;AAAA;AAAqB;AAApB;AACW;AACA;AAET;AAAA;AAAA;AAEQ;AACiB;AAAA;AAAA;AAGlC;AAEA;AAAmB;AACjB;AACc;AAEhB;AACE;AACE;AAAqB;AAApB;AACW;AACV;AACW;AACT;AAEE;AAEA;AACF;AAAA;AAEE;AAEJ;AAAqB;AAApB;AACW;AACA;AAAA;AAAA;AACZ;AAGN;;;;;"}

package/dist/esm/ui/search-input-with-shortcut.d.ts

@@ -0,0 +1,25 @@
+import { ButtonProps } from './button.js';
+import * as React from 'react';
+export interface ShortcutButtonProps extends ButtonProps {
+    /**
+     * The text to display on the button.
+     */
+    text: string;
+    /**
+     * The keyboard key to display (e.g., 'K'). Will be formatted as ⌘K on Mac or Ctrl+K on other platforms.
+     * If not provided, defaults to 'K'.
+     */
+    shortcutKey?: string;
+    /**
+     * Custom shortcut text to display. If provided, this takes precedence over shortcutKey.
+     * Useful for custom shortcuts like '⌘⇧K' or 'Ctrl+Shift+K'.
+     */
+    shortcut?: string;
+}
+declare const ShortcutButton: {
+    ({ ref, text, shortcutKey, shortcut, className, ...props }: ShortcutButtonProps & {
+        ref?: React.RefObject<HTMLButtonElement | null>;
+    }): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { ShortcutButton };

package/dist/esm/ui/select.d.ts

@@ -0,0 +1,15 @@
+import * as SelectPrimitive from '@radix-ui/react-select';
+import * as React from 'react';
+declare function Select({ ...props }: React.ComponentProps<typeof SelectPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function SelectGroup({ ...props }: React.ComponentProps<typeof SelectPrimitive.Group>): import("react/jsx-runtime").JSX.Element;
+declare function SelectValue({ ...props }: React.ComponentProps<typeof SelectPrimitive.Value>): import("react/jsx-runtime").JSX.Element;
+declare function SelectTrigger({ className, size, children, ...props }: React.ComponentProps<typeof SelectPrimitive.Trigger> & {
+    size?: 'sm' | 'default';
+}): import("react/jsx-runtime").JSX.Element;
+declare function SelectContent({ className, children, position, align, ...props }: React.ComponentProps<typeof SelectPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+declare function SelectLabel({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Label>): import("react/jsx-runtime").JSX.Element;
+declare function SelectItem({ className, children, ...props }: React.ComponentProps<typeof SelectPrimitive.Item>): import("react/jsx-runtime").JSX.Element;
+declare function SelectSeparator({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Separator>): import("react/jsx-runtime").JSX.Element;
+declare function SelectScrollUpButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollUpButton>): import("react/jsx-runtime").JSX.Element;
+declare function SelectScrollDownButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollDownButton>): import("react/jsx-runtime").JSX.Element;
+export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, };