@env-hopper/frontend-core 2.0.1-alpha → 2.0.1-alpha-20260224145405

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,13 @@
+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 declare const ExternalLink: ({ ref, className, ...props }: BasicLinkProps & {
+    ref?: React.RefObject<HTMLAnchorElement | null>;
+}) => import("react/jsx-runtime").JSX.Element;
+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\nexport const ExternalLink = BasicLinkComponent\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/markdown-editor/MarkdownEditor.d.ts

@@ -0,0 +1,9 @@
+export interface MarkdownEditorProps {
+    value: string;
+    onChange: (value: string) => void;
+    placeholder?: string;
+    className?: string;
+    minHeight?: string;
+    disabled?: boolean;
+}
+export declare function MarkdownEditor({ value, onChange, placeholder, className, minHeight, disabled, }: MarkdownEditorProps): import("react/jsx-runtime").JSX.Element;

package/dist/esm/ui/markdown-editor/MarkdownEditor.js

@@ -0,0 +1,116 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useEditor, EditorContent } from "@tiptap/react";
+import StarterKit from "@tiptap/starter-kit";
+import Link from "@tiptap/extension-link";
+import Placeholder from "@tiptap/extension-placeholder";
+import { Markdown } from "tiptap-markdown";
+import { useState, useEffect, useCallback } from "react";
+import { cn } from "../../lib/utils.js";
+import { Button } from "../button.js";
+import { Textarea } from "../textarea.js";
+import { MarkdownToolbar } from "./MarkdownToolbar.js";
+function MarkdownEditor({
+  value,
+  onChange,
+  placeholder = "Enter text...",
+  className,
+  minHeight = "120px",
+  disabled = false
+}) {
+  const [mode, setMode] = useState("visual");
+  const [rawValue, setRawValue] = useState(value);
+  const editor = useEditor({
+    extensions: [
+      StarterKit,
+      Link.configure({
+        openOnClick: false,
+        HTMLAttributes: {
+          class: "text-primary underline"
+        }
+      }),
+      Placeholder.configure({
+        placeholder
+      }),
+      Markdown
+    ],
+    content: value,
+    editable: !disabled,
+    onUpdate: ({ editor: editorInstance }) => {
+      const markdown = editorInstance.storage.markdown.getMarkdown();
+      onChange(markdown);
+      setRawValue(markdown);
+    }
+  });
+  useEffect(() => {
+    if (editor && value !== editor.storage.markdown.getMarkdown()) {
+      editor.commands.setContent(value);
+      setRawValue(value);
+    }
+  }, [value, editor]);
+  const handleModeToggle = useCallback(() => {
+    if (mode === "visual") {
+      if (editor) {
+        setRawValue(editor.storage.markdown.getMarkdown());
+      }
+      setMode("raw");
+    } else {
+      if (editor) {
+        editor.commands.setContent(rawValue);
+      }
+      onChange(rawValue);
+      setMode("visual");
+    }
+  }, [mode, editor, rawValue, onChange]);
+  const handleRawChange = useCallback(
+    (e) => {
+      setRawValue(e.target.value);
+      onChange(e.target.value);
+    },
+    [onChange]
+  );
+  return /* @__PURE__ */ jsxs("div", { className: cn("border rounded-md", className), children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between border-b px-2 py-1 bg-muted/30", children: [
+      mode === "visual" && editor && /* @__PURE__ */ jsx(MarkdownToolbar, { editor }),
+      mode === "raw" && /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: "Markdown" }),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          type: "button",
+          variant: "ghost",
+          size: "sm",
+          onClick: handleModeToggle,
+          className: "text-xs",
+          disabled,
+          children: mode === "visual" ? "Raw" : "Visual"
+        }
+      )
+    ] }),
+    mode === "visual" ? /* @__PURE__ */ jsx(
+      EditorContent,
+      {
+        editor,
+        className: cn(
+          "prose prose-sm max-w-none p-3",
+          "focus-within:outline-none",
+          "[&_.ProseMirror]:outline-none [&_.ProseMirror]:min-h-[var(--min-h)]",
+          disabled && "opacity-50 cursor-not-allowed"
+        ),
+        style: { "--min-h": minHeight }
+      }
+    ) : /* @__PURE__ */ jsx(
+      Textarea,
+      {
+        value: rawValue,
+        onChange: handleRawChange,
+        placeholder,
+        className: "border-0 rounded-none focus-visible:ring-0 font-mono text-sm resize-none",
+        style: { minHeight },
+        disabled
+      }
+    )
+  ] });
+}
+export {
+  MarkdownEditor
+};
+//# sourceMappingURL=MarkdownEditor.js.map

package/dist/esm/ui/markdown-editor/MarkdownEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownEditor.js","sources":["../../../../src/ui/markdown-editor/MarkdownEditor.tsx"],"sourcesContent":["import { EditorContent, useEditor } from '@tiptap/react'\nimport StarterKit from '@tiptap/starter-kit'\nimport Link from '@tiptap/extension-link'\nimport Placeholder from '@tiptap/extension-placeholder'\nimport { Markdown } from 'tiptap-markdown'\nimport { useCallback, useEffect, useState } from 'react'\nimport { cn } from '~/lib/utils'\nimport { Button } from '~/ui/button'\nimport { Textarea } from '~/ui/textarea'\nimport { MarkdownToolbar } from './MarkdownToolbar'\n\nexport interface MarkdownEditorProps {\n  value: string\n  onChange: (value: string) => void\n  placeholder?: string\n  className?: string\n  minHeight?: string\n  disabled?: boolean\n}\n\nexport function MarkdownEditor({\n  value,\n  onChange,\n  placeholder = 'Enter text...',\n  className,\n  minHeight = '120px',\n  disabled = false,\n}: MarkdownEditorProps) {\n  const [mode, setMode] = useState<'visual' | 'raw'>('visual')\n  const [rawValue, setRawValue] = useState(value)\n\n  const editor = useEditor({\n    extensions: [\n      StarterKit,\n      Link.configure({\n        openOnClick: false,\n        HTMLAttributes: {\n          class: 'text-primary underline',\n        },\n      }),\n      Placeholder.configure({\n        placeholder,\n      }),\n      Markdown,\n    ],\n    content: value,\n    editable: !disabled,\n    onUpdate: ({ editor: editorInstance }) => {\n      const markdown = editorInstance.storage.markdown.getMarkdown()\n      onChange(markdown)\n      setRawValue(markdown)\n    },\n  })\n\n  // Sync external value changes\n  useEffect(() => {\n    if (editor && value !== editor.storage.markdown.getMarkdown()) {\n      editor.commands.setContent(value)\n      setRawValue(value)\n    }\n  }, [value, editor])\n\n  const handleModeToggle = useCallback(() => {\n    if (mode === 'visual') {\n      // Switching to raw - get current markdown\n      if (editor) {\n        setRawValue(editor.storage.markdown.getMarkdown())\n      }\n      setMode('raw')\n    } else {\n      // Switching to visual - update editor with raw content\n      if (editor) {\n        editor.commands.setContent(rawValue)\n      }\n      onChange(rawValue)\n      setMode('visual')\n    }\n  }, [mode, editor, rawValue, onChange])\n\n  const handleRawChange = useCallback(\n    (e: React.ChangeEvent<HTMLTextAreaElement>) => {\n      setRawValue(e.target.value)\n      onChange(e.target.value)\n    },\n    [onChange],\n  )\n\n  return (\n    <div className={cn('border rounded-md', className)}>\n      {/* Header with mode toggle */}\n      <div className=\"flex items-center justify-between border-b px-2 py-1 bg-muted/30\">\n        {mode === 'visual' && editor && <MarkdownToolbar editor={editor} />}\n        {mode === 'raw' && (\n          <span className=\"text-xs text-muted-foreground\">Markdown</span>\n        )}\n        <Button\n          type=\"button\"\n          variant=\"ghost\"\n          size=\"sm\"\n          onClick={handleModeToggle}\n          className=\"text-xs\"\n          disabled={disabled}\n        >\n          {mode === 'visual' ? 'Raw' : 'Visual'}\n        </Button>\n      </div>\n\n      {/* Editor content */}\n      {mode === 'visual' ? (\n        <EditorContent\n          editor={editor}\n          className={cn(\n            'prose prose-sm max-w-none p-3',\n            'focus-within:outline-none',\n            '[&_.ProseMirror]:outline-none [&_.ProseMirror]:min-h-[var(--min-h)]',\n            disabled && 'opacity-50 cursor-not-allowed',\n          )}\n          style={{ '--min-h': minHeight } as React.CSSProperties}\n        />\n      ) : (\n        <Textarea\n          value={rawValue}\n          onChange={handleRawChange}\n          placeholder={placeholder}\n          className=\"border-0 rounded-none focus-visible:ring-0 font-mono text-sm resize-none\"\n          style={{ minHeight }}\n          disabled={disabled}\n        />\n      )}\n    </div>\n  )\n}\n"],"names":[],"mappings":";;;;;;;;;;;AAoBO,SAAS,eAAe;AAAA,EAC7B;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd;AAAA,EACA,YAAY;AAAA,EACZ,WAAW;AACb,GAAwB;AACtB,QAAM,CAAC,MAAM,OAAO,IAAI,SAA2B,QAAQ;AAC3D,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,KAAK;AAE9C,QAAM,SAAS,UAAU;AAAA,IACvB,YAAY;AAAA,MACV;AAAA,MACA,KAAK,UAAU;AAAA,QACb,aAAa;AAAA,QACb,gBAAgB;AAAA,UACd,OAAO;AAAA,QAAA;AAAA,MACT,CACD;AAAA,MACD,YAAY,UAAU;AAAA,QACpB;AAAA,MAAA,CACD;AAAA,MACD;AAAA,IAAA;AAAA,IAEF,SAAS;AAAA,IACT,UAAU,CAAC;AAAA,IACX,UAAU,CAAC,EAAE,QAAQ,qBAAqB;AACxC,YAAM,WAAW,eAAe,QAAQ,SAAS,YAAA;AACjD,eAAS,QAAQ;AACjB,kBAAY,QAAQ;AAAA,IACtB;AAAA,EAAA,CACD;AAGD,YAAU,MAAM;AACd,QAAI,UAAU,UAAU,OAAO,QAAQ,SAAS,eAAe;AAC7D,aAAO,SAAS,WAAW,KAAK;AAChC,kBAAY,KAAK;AAAA,IACnB;AAAA,EACF,GAAG,CAAC,OAAO,MAAM,CAAC;AAElB,QAAM,mBAAmB,YAAY,MAAM;AACzC,QAAI,SAAS,UAAU;AAErB,UAAI,QAAQ;AACV,oBAAY,OAAO,QAAQ,SAAS,YAAA,CAAa;AAAA,MACnD;AACA,cAAQ,KAAK;AAAA,IACf,OAAO;AAEL,UAAI,QAAQ;AACV,eAAO,SAAS,WAAW,QAAQ;AAAA,MACrC;AACA,eAAS,QAAQ;AACjB,cAAQ,QAAQ;AAAA,IAClB;AAAA,EACF,GAAG,CAAC,MAAM,QAAQ,UAAU,QAAQ,CAAC;AAErC,QAAM,kBAAkB;AAAA,IACtB,CAAC,MAA8C;AAC7C,kBAAY,EAAE,OAAO,KAAK;AAC1B,eAAS,EAAE,OAAO,KAAK;AAAA,IACzB;AAAA,IACA,CAAC,QAAQ;AAAA,EAAA;AAGX,8BACG,OAAA,EAAI,WAAW,GAAG,qBAAqB,SAAS,GAE/C,UAAA;AAAA,IAAA,qBAAC,OAAA,EAAI,WAAU,oEACZ,UAAA;AAAA,MAAA,SAAS,YAAY,UAAU,oBAAC,iBAAA,EAAgB,QAAgB;AAAA,MAChE,SAAS,SACR,oBAAC,QAAA,EAAK,WAAU,iCAAgC,UAAA,YAAQ;AAAA,MAE1D;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,SAAS;AAAA,UACT,WAAU;AAAA,UACV;AAAA,UAEC,UAAA,SAAS,WAAW,QAAQ;AAAA,QAAA;AAAA,MAAA;AAAA,IAC/B,GACF;AAAA,IAGC,SAAS,WACR;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,WAAW;AAAA,UACT;AAAA,UACA;AAAA,UACA;AAAA,UACA,YAAY;AAAA,QAAA;AAAA,QAEd,OAAO,EAAE,WAAW,UAAA;AAAA,MAAU;AAAA,IAAA,IAGhC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,OAAO;AAAA,QACP,UAAU;AAAA,QACV;AAAA,QACA,WAAU;AAAA,QACV,OAAO,EAAE,UAAA;AAAA,QACT;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,GAEJ;AAEJ;"}

package/dist/esm/ui/markdown-editor/MarkdownToolbar.d.ts

@@ -0,0 +1,6 @@
+import { Editor } from '@tiptap/react';
+interface MarkdownToolbarProps {
+    editor: Editor;
+}
+export declare function MarkdownToolbar({ editor }: MarkdownToolbarProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/esm/ui/markdown-editor/MarkdownToolbar.js

@@ -0,0 +1,99 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { Bold, Italic, List, ListOrdered, Link, Undo, Redo } from "lucide-react";
+import { Button } from "../button.js";
+import { cn } from "../../lib/utils.js";
+function ToolbarButton({
+  onClick,
+  isActive,
+  icon: Icon,
+  title
+}) {
+  return /* @__PURE__ */ jsx(
+    Button,
+    {
+      type: "button",
+      variant: "ghost",
+      size: "sm",
+      onClick,
+      className: cn("h-7 w-7 p-0", isActive && "bg-muted"),
+      title,
+      children: /* @__PURE__ */ jsx(Icon, { className: "h-4 w-4" })
+    }
+  );
+}
+function MarkdownToolbar({ editor }) {
+  const addLink = () => {
+    const url = window.prompt("Enter URL:");
+    if (url) {
+      editor.chain().focus().setLink({ href: url }).run();
+    }
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-0.5", children: [
+    /* @__PURE__ */ jsx(
+      ToolbarButton,
+      {
+        onClick: () => editor.chain().focus().toggleBold().run(),
+        isActive: editor.isActive("bold"),
+        icon: Bold,
+        title: "Bold"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      ToolbarButton,
+      {
+        onClick: () => editor.chain().focus().toggleItalic().run(),
+        isActive: editor.isActive("italic"),
+        icon: Italic,
+        title: "Italic"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      ToolbarButton,
+      {
+        onClick: () => editor.chain().focus().toggleBulletList().run(),
+        isActive: editor.isActive("bulletList"),
+        icon: List,
+        title: "Bullet List"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      ToolbarButton,
+      {
+        onClick: () => editor.chain().focus().toggleOrderedList().run(),
+        isActive: editor.isActive("orderedList"),
+        icon: ListOrdered,
+        title: "Numbered List"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      ToolbarButton,
+      {
+        onClick: addLink,
+        isActive: editor.isActive("link"),
+        icon: Link,
+        title: "Add Link"
+      }
+    ),
+    /* @__PURE__ */ jsx("div", { className: "w-px h-4 bg-border mx-1" }),
+    /* @__PURE__ */ jsx(
+      ToolbarButton,
+      {
+        onClick: () => editor.chain().focus().undo().run(),
+        icon: Undo,
+        title: "Undo"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      ToolbarButton,
+      {
+        onClick: () => editor.chain().focus().redo().run(),
+        icon: Redo,
+        title: "Redo"
+      }
+    )
+  ] });
+}
+export {
+  MarkdownToolbar
+};
+//# sourceMappingURL=MarkdownToolbar.js.map

package/dist/esm/ui/markdown-editor/MarkdownToolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownToolbar.js","sources":["../../../../src/ui/markdown-editor/MarkdownToolbar.tsx"],"sourcesContent":["import type { Editor } from '@tiptap/react'\nimport { Bold, Italic, Link, List, ListOrdered, Redo, Undo } from 'lucide-react'\nimport { Button } from '~/ui/button'\nimport { cn } from '~/lib/utils'\n\ninterface MarkdownToolbarProps {\n  editor: Editor\n}\n\ninterface ToolbarButtonProps {\n  onClick: () => void\n  isActive?: boolean\n  icon: React.ComponentType<{ className?: string }>\n  title: string\n}\n\nfunction ToolbarButton({\n  onClick,\n  isActive,\n  icon: Icon,\n  title,\n}: ToolbarButtonProps) {\n  return (\n    <Button\n      type=\"button\"\n      variant=\"ghost\"\n      size=\"sm\"\n      onClick={onClick}\n      className={cn('h-7 w-7 p-0', isActive && 'bg-muted')}\n      title={title}\n    >\n      <Icon className=\"h-4 w-4\" />\n    </Button>\n  )\n}\n\nexport function MarkdownToolbar({ editor }: MarkdownToolbarProps) {\n  const addLink = () => {\n    const url = window.prompt('Enter URL:')\n    if (url) {\n      editor.chain().focus().setLink({ href: url }).run()\n    }\n  }\n\n  return (\n    <div className=\"flex items-center gap-0.5\">\n      <ToolbarButton\n        onClick={() => editor.chain().focus().toggleBold().run()}\n        isActive={editor.isActive('bold')}\n        icon={Bold}\n        title=\"Bold\"\n      />\n      <ToolbarButton\n        onClick={() => editor.chain().focus().toggleItalic().run()}\n        isActive={editor.isActive('italic')}\n        icon={Italic}\n        title=\"Italic\"\n      />\n      <ToolbarButton\n        onClick={() => editor.chain().focus().toggleBulletList().run()}\n        isActive={editor.isActive('bulletList')}\n        icon={List}\n        title=\"Bullet List\"\n      />\n      <ToolbarButton\n        onClick={() => editor.chain().focus().toggleOrderedList().run()}\n        isActive={editor.isActive('orderedList')}\n        icon={ListOrdered}\n        title=\"Numbered List\"\n      />\n      <ToolbarButton\n        onClick={addLink}\n        isActive={editor.isActive('link')}\n        icon={Link}\n        title=\"Add Link\"\n      />\n      <div className=\"w-px h-4 bg-border mx-1\" />\n      <ToolbarButton\n        onClick={() => editor.chain().focus().undo().run()}\n        icon={Undo}\n        title=\"Undo\"\n      />\n      <ToolbarButton\n        onClick={() => editor.chain().focus().redo().run()}\n        icon={Redo}\n        title=\"Redo\"\n      />\n    </div>\n  )\n}\n"],"names":[],"mappings":";;;;AAgBA,SAAS,cAAc;AAAA,EACrB;AAAA,EACA;AAAA,EACA,MAAM;AAAA,EACN;AACF,GAAuB;AACrB,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,SAAQ;AAAA,MACR,MAAK;AAAA,MACL;AAAA,MACA,WAAW,GAAG,eAAe,YAAY,UAAU;AAAA,MACnD;AAAA,MAEA,UAAA,oBAAC,MAAA,EAAK,WAAU,UAAA,CAAU;AAAA,IAAA;AAAA,EAAA;AAGhC;AAEO,SAAS,gBAAgB,EAAE,UAAgC;AAChE,QAAM,UAAU,MAAM;AACpB,UAAM,MAAM,OAAO,OAAO,YAAY;AACtC,QAAI,KAAK;AACP,aAAO,QAAQ,QAAQ,QAAQ,EAAE,MAAM,KAAK,EAAE,IAAA;AAAA,IAChD;AAAA,EACF;AAEA,SACE,qBAAC,OAAA,EAAI,WAAU,6BACb,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,SAAS,MAAM,OAAO,MAAA,EAAQ,QAAQ,WAAA,EAAa,IAAA;AAAA,QACnD,UAAU,OAAO,SAAS,MAAM;AAAA,QAChC,MAAM;AAAA,QACN,OAAM;AAAA,MAAA;AAAA,IAAA;AAAA,IAER;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,SAAS,MAAM,OAAO,MAAA,EAAQ,QAAQ,aAAA,EAAe,IAAA;AAAA,QACrD,UAAU,OAAO,SAAS,QAAQ;AAAA,QAClC,MAAM;AAAA,QACN,OAAM;AAAA,MAAA;AAAA,IAAA;AAAA,IAER;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,SAAS,MAAM,OAAO,MAAA,EAAQ,QAAQ,iBAAA,EAAmB,IAAA;AAAA,QACzD,UAAU,OAAO,SAAS,YAAY;AAAA,QACtC,MAAM;AAAA,QACN,OAAM;AAAA,MAAA;AAAA,IAAA;AAAA,IAER;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,SAAS,MAAM,OAAO,MAAA,EAAQ,QAAQ,kBAAA,EAAoB,IAAA;AAAA,QAC1D,UAAU,OAAO,SAAS,aAAa;AAAA,QACvC,MAAM;AAAA,QACN,OAAM;AAAA,MAAA;AAAA,IAAA;AAAA,IAER;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,SAAS;AAAA,QACT,UAAU,OAAO,SAAS,MAAM;AAAA,QAChC,MAAM;AAAA,QACN,OAAM;AAAA,MAAA;AAAA,IAAA;AAAA,IAER,oBAAC,OAAA,EAAI,WAAU,0BAAA,CAA0B;AAAA,IACzC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,SAAS,MAAM,OAAO,MAAA,EAAQ,QAAQ,KAAA,EAAO,IAAA;AAAA,QAC7C,MAAM;AAAA,QACN,OAAM;AAAA,MAAA;AAAA,IAAA;AAAA,IAER;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,SAAS,MAAM,OAAO,MAAA,EAAQ,QAAQ,KAAA,EAAO,IAAA;AAAA,QAC7C,MAAM;AAAA,QACN,OAAM;AAAA,MAAA;AAAA,IAAA;AAAA,EACR,GACF;AAEJ;"}

package/dist/esm/ui/markdown-editor/index.d.ts

@@ -0,0 +1,2 @@
+export { MarkdownEditor } from './MarkdownEditor.js';
+export type { MarkdownEditorProps } from './MarkdownEditor.js';

package/dist/esm/ui/popover.js

@@ -0,0 +1,40 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import * as PopoverPrimitive from "@radix-ui/react-popover";
+import { cn } from "../lib/utils.js";
+function Popover({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(PopoverPrimitive.Root, { "data-slot": "popover", ...props });
+}
+function PopoverTrigger({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(PopoverPrimitive.Trigger, { "data-slot": "popover-trigger", ...props });
+}
+function PopoverContent({
+  className,
+  align = "center",
+  sideOffset = 4,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+    PopoverPrimitive.Content,
+    {
+      "data-slot": "popover-content",
+      align,
+      sideOffset,
+      className: cn(
+        "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 origin-(--radix-popover-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden",
+        className
+      ),
+      ...props
+    }
+  ) });
+}
+export {
+  Popover,
+  PopoverContent,
+  PopoverTrigger
+};
+//# sourceMappingURL=popover.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"popover.js","sources":["../../../src/ui/popover.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport * as PopoverPrimitive from '@radix-ui/react-popover'\n\nimport { cn } from '~/lib/utils'\n\nfunction Popover({\n  ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Root>) {\n  return <PopoverPrimitive.Root data-slot=\"popover\" {...props} />\n}\n\nfunction PopoverTrigger({\n  ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Trigger>) {\n  return <PopoverPrimitive.Trigger data-slot=\"popover-trigger\" {...props} />\n}\n\nfunction PopoverContent({\n  className,\n  align = 'center',\n  sideOffset = 4,\n  ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Content>) {\n  return (\n    <PopoverPrimitive.Portal>\n      <PopoverPrimitive.Content\n        data-slot=\"popover-content\"\n        align={align}\n        sideOffset={sideOffset}\n        className={cn(\n          'bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 origin-(--radix-popover-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden',\n          className,\n        )}\n        {...props}\n      />\n    </PopoverPrimitive.Portal>\n  )\n}\n\nfunction PopoverAnchor({\n  ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Anchor>) {\n  return <PopoverPrimitive.Anchor data-slot=\"popover-anchor\" {...props} />\n}\n\nexport { Popover, PopoverTrigger, PopoverContent, PopoverAnchor }\n"],"names":[],"mappings":";;;;AAOA;AAAiB;AAEjB;AACE;AACF;AAEA;AAAwB;AAExB;AACE;AACF;AAEA;AAAwB;AACtB;AACQ;AACK;AAEf;AACE;AAEI;AAAkB;AAAjB;AACW;AACV;AACA;AACW;AACT;AACA;AAAA;AAEE;AAAA;AAIZ;;;;;;"}

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;;;;;"}