@igstack/app-catalog-frontend-core 0.0.1

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

@@ -0,0 +1 @@
+{"version":3,"file":"form.js","sources":["../../../src/ui/form.tsx"],"sourcesContent":["import type * as LabelPrimitive from '@radix-ui/react-label'\nimport { Slot } from '@radix-ui/react-slot'\nimport * as React from 'react'\nimport { use } from 'react'\nimport type { FieldPath, FieldValues } from 'react-hook-form'\nimport { Controller, FormProvider, useFormContext } from 'react-hook-form'\n\nimport { cn } from '~/lib/utils'\nimport { Label } from '~/ui/label'\n\nconst Form = FormProvider\n\ninterface FormFieldContextValue<\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n> {\n  name: TName\n}\n\nconst FormFieldContext = React.createContext<FormFieldContextValue>(\n  {} as FormFieldContextValue,\n)\n\nconst FormField = ({\n  ref: _ref,\n  ...props\n}: React.ComponentPropsWithoutRef<typeof Controller> & {\n  name: any\n} & { ref?: React.RefObject<React.ElementRef<typeof Controller> | null> }) => {\n  const fieldContextValue = React.useMemo(\n    () => ({ name: props.name }),\n    [props.name],\n  )\n\n  return (\n    <FormFieldContext value={fieldContextValue}>\n      <Controller {...props} />\n    </FormFieldContext>\n  )\n}\nFormField.displayName = 'FormField'\n\nconst useFormField = () => {\n  const fieldContext = use(FormFieldContext)\n  const itemContext = use(FormItemContext)\n  const { getFieldState, formState } = useFormContext()\n\n  const fieldState = getFieldState(fieldContext.name, formState)\n\n  const { id } = itemContext\n\n  return {\n    id,\n    name: fieldContext.name,\n    formItemId: `${id}-form-item`,\n    formDescriptionId: `${id}-form-item-description`,\n    formMessageId: `${id}-form-item-message`,\n    ...fieldState,\n  }\n}\n\ninterface FormItemContextValue {\n  id: string\n}\n\nconst FormItemContext = React.createContext<FormItemContextValue>(\n  {} as FormItemContextValue,\n)\n\nconst FormItem = ({\n  ref,\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement> & {\n  ref?: React.RefObject<HTMLDivElement | null>\n}) => {\n  const id = React.useId()\n  const formItemValue = React.useMemo(() => ({ id }), [id])\n\n  return (\n    <FormItemContext value={formItemValue}>\n      <div ref={ref} className={cn('space-y-2', className)} {...props} />\n    </FormItemContext>\n  )\n}\nFormItem.displayName = 'FormItem'\n\nconst FormLabel = ({\n  ref,\n  className,\n  ...props\n}: React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root> & {\n  ref?: React.RefObject<React.ElementRef<typeof LabelPrimitive.Root> | null>\n}) => {\n  const { error, formItemId } = useFormField()\n\n  return (\n    <Label\n      ref={ref}\n      htmlFor={formItemId}\n      className={cn(error && 'text-destructive', className)}\n      {...props}\n    />\n  )\n}\nFormLabel.displayName = 'FormLabel'\n\nconst FormControl = ({\n  ref,\n  ...props\n}: React.ComponentPropsWithoutRef<typeof Slot> & {\n  ref?: React.RefObject<React.ElementRef<typeof Slot> | null>\n}) => {\n  const { error, formItemId, formDescriptionId, formMessageId } = useFormField()\n\n  return (\n    <Slot\n      ref={ref}\n      id={formItemId}\n      aria-describedby={\n        !error\n          ? `${formDescriptionId}`\n          : `${formDescriptionId} ${formMessageId}`\n      }\n      aria-invalid={!!error}\n      {...props}\n    />\n  )\n}\nFormControl.displayName = 'FormControl'\n\nconst FormDescription = ({\n  ref,\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLParagraphElement> & {\n  ref?: React.RefObject<HTMLParagraphElement | null>\n}) => {\n  const { formDescriptionId } = useFormField()\n\n  return (\n    <p\n      ref={ref}\n      id={formDescriptionId}\n      className={cn('text-sm text-muted-foreground', className)}\n      {...props}\n    />\n  )\n}\nFormDescription.displayName = 'FormDescription'\n\nconst FormMessage = ({\n  ref,\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLParagraphElement> & {\n  ref?: React.RefObject<HTMLParagraphElement | null>\n}) => {\n  const { error, formMessageId } = useFormField()\n  const body = error ? String(error.message) : ''\n\n  if (!error) {\n    return null\n  }\n\n  return (\n    <p\n      ref={ref}\n      id={formMessageId}\n      className={cn('text-sm font-medium text-destructive', className)}\n      {...props}\n    >\n      {body}\n    </p>\n  )\n}\nFormMessage.displayName = 'FormMessage'\n\nexport {\n  Form,\n  FormControl,\n  FormDescription,\n  FormField,\n  FormItem,\n  FormLabel,\n  FormMessage,\n  useFormField,\n}\n"],"names":[],"mappings":";;;;;;;AAUA,MAAM,OAAO;AASb,MAAM,mBAAmB,MAAM;AAAA,EAC7B,CAAA;AACF;AAEA,MAAM,YAAY,CAAC;AAAA,EACjB,KAAK;AAAA,EACL,GAAG;AACL,MAE8E;AAC5E,QAAM,oBAAoB,MAAM;AAAA,IAC9B,OAAO,EAAE,MAAM,MAAM;IACrB,CAAC,MAAM,IAAI;AAAA,EAAA;AAGb,SACE,oBAAC,oBAAiB,OAAO,mBACvB,8BAAC,YAAA,EAAY,GAAG,OAAO,EAAA,CACzB;AAEJ;AACA,UAAU,cAAc;AAExB,MAAM,eAAe,MAAM;AACzB,QAAM,eAAe,IAAI,gBAAgB;AACzC,QAAM,cAAc,IAAI,eAAe;AACvC,QAAM,EAAE,eAAe,UAAA,IAAc,eAAA;AAErC,QAAM,aAAa,cAAc,aAAa,MAAM,SAAS;AAE7D,QAAM,EAAE,OAAO;AAEf,SAAO;AAAA,IACL;AAAA,IACA,MAAM,aAAa;AAAA,IACnB,YAAY,GAAG,EAAE;AAAA,IACjB,mBAAmB,GAAG,EAAE;AAAA,IACxB,eAAe,GAAG,EAAE;AAAA,IACpB,GAAG;AAAA,EAAA;AAEP;AAMA,MAAM,kBAAkB,MAAM;AAAA,EAC5B,CAAA;AACF;AAEA,MAAM,WAAW,CAAC;AAAA,EAChB;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAEM;AACJ,QAAM,KAAK,MAAM,MAAA;AACjB,QAAM,gBAAgB,MAAM,QAAQ,OAAO,EAAE,OAAO,CAAC,EAAE,CAAC;AAExD,SACE,oBAAC,iBAAA,EAAgB,OAAO,eACtB,8BAAC,OAAA,EAAI,KAAU,WAAW,GAAG,aAAa,SAAS,GAAI,GAAG,OAAO,GACnE;AAEJ;AACA,SAAS,cAAc;AAEvB,MAAM,YAAY,CAAC;AAAA,EACjB;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAEM;AACJ,QAAM,EAAE,OAAO,WAAA,IAAe,aAAA;AAE9B,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA,SAAS;AAAA,MACT,WAAW,GAAG,SAAS,oBAAoB,SAAS;AAAA,MACnD,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;AACA,UAAU,cAAc;AAExB,MAAM,cAAc,CAAC;AAAA,EACnB;AAAA,EACA,GAAG;AACL,MAEM;AACJ,QAAM,EAAE,OAAO,YAAY,mBAAmB,cAAA,IAAkB,aAAA;AAEhE,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA,IAAI;AAAA,MACJ,oBACE,CAAC,QACG,GAAG,iBAAiB,KACpB,GAAG,iBAAiB,IAAI,aAAa;AAAA,MAE3C,gBAAc,CAAC,CAAC;AAAA,MACf,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;AACA,YAAY,cAAc;AAE1B,MAAM,kBAAkB,CAAC;AAAA,EACvB;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAEM;AACJ,QAAM,EAAE,kBAAA,IAAsB,aAAA;AAE9B,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA,IAAI;AAAA,MACJ,WAAW,GAAG,iCAAiC,SAAS;AAAA,MACvD,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;AACA,gBAAgB,cAAc;AAE9B,MAAM,cAAc,CAAC;AAAA,EACnB;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAEM;AACJ,QAAM,EAAE,OAAO,cAAA,IAAkB,aAAA;AACjC,QAAM,OAAO,QAAQ,OAAO,MAAM,OAAO,IAAI;AAE7C,MAAI,CAAC,OAAO;AACV,WAAO;AAAA,EACT;AAEA,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA,IAAI;AAAA,MACJ,WAAW,GAAG,wCAAwC,SAAS;AAAA,MAC9D,GAAG;AAAA,MAEH,UAAA;AAAA,IAAA;AAAA,EAAA;AAGP;AACA,YAAY,cAAc;"}

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

@@ -0,0 +1,16 @@
+import { VariantProps } from 'class-variance-authority';
+import { Button } from '~/ui/button';
+import * as React from 'react';
+declare function InputGroup({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare const inputGroupAddonVariants: (props?: ({
+    align?: "inline-start" | "inline-end" | "block-start" | "block-end" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+declare function InputGroupAddon({ className, align, ...props }: React.ComponentProps<'div'> & VariantProps<typeof inputGroupAddonVariants>): import("react/jsx-runtime").JSX.Element;
+declare const inputGroupButtonVariants: (props?: ({
+    size?: "sm" | "icon-sm" | "xs" | "icon-xs" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+declare function InputGroupButton({ className, type, variant, size, ...props }: Omit<React.ComponentProps<typeof Button>, 'size'> & VariantProps<typeof inputGroupButtonVariants>): import("react/jsx-runtime").JSX.Element;
+declare function InputGroupText({ className, ...props }: React.ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
+declare function InputGroupInput({ className, ...props }: React.ComponentProps<'input'>): import("react/jsx-runtime").JSX.Element;
+declare function InputGroupTextarea({ className, ...props }: React.ComponentProps<'textarea'>): import("react/jsx-runtime").JSX.Element;
+export { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea };

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

@@ -0,0 +1,3 @@
+import * as React from 'react';
+declare function Input({ className, type, ...props }: React.ComponentProps<'input'>): import("react/jsx-runtime").JSX.Element;
+export { Input };

package/dist/esm/ui/input.js

@@ -0,0 +1,22 @@
+import { jsx } from "react/jsx-runtime";
+import { cn } from "../lib/utils.js";
+function Input({ className, type, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "input",
+    {
+      type,
+      "data-slot": "input",
+      className: cn(
+        "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",
+        "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
+        "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
+        className
+      ),
+      ...props
+    }
+  );
+}
+export {
+  Input
+};
+//# sourceMappingURL=input.js.map

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/item.d.ts

@@ -0,0 +1,23 @@
+import { VariantProps } from 'class-variance-authority';
+import { Separator } from '~/ui/separator';
+import * as React from 'react';
+declare function ItemGroup({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function ItemSeparator({ className, ...props }: React.ComponentProps<typeof Separator>): import("react/jsx-runtime").JSX.Element;
+declare const itemVariants: (props?: ({
+    variant?: "default" | "outline" | "muted" | null | undefined;
+    size?: "default" | "sm" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+declare function Item({ className, variant, size, asChild, ...props }: React.ComponentProps<'div'> & VariantProps<typeof itemVariants> & {
+    asChild?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare const itemMediaVariants: (props?: ({
+    variant?: "default" | "image" | "icon" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+declare function ItemMedia({ className, variant, ...props }: React.ComponentProps<'div'> & VariantProps<typeof itemMediaVariants>): import("react/jsx-runtime").JSX.Element;
+declare function ItemContent({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function ItemTitle({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function ItemDescription({ className, ...props }: React.ComponentProps<'p'>): import("react/jsx-runtime").JSX.Element;
+declare function ItemActions({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function ItemHeader({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function ItemFooter({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+export { Item, ItemMedia, ItemContent, ItemActions, ItemGroup, ItemSeparator, ItemTitle, ItemDescription, ItemHeader, ItemFooter, };

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/Footer.d.ts

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

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

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

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

@@ -0,0 +1,54 @@
+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
+    ] }),
+    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
+};
+//# sourceMappingURL=LoadingScreen.js.map

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +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, headerMiddle, breadcrumbs, }: MainLayoutProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,17 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Header } from "../components/header/Header.js";
+function MainLayout({
+  children,
+  headerMiddle,
+  breadcrumbs
+}) {
+  return /* @__PURE__ */ jsx("div", { className: "h-screen flex flex-col overflow-hidden", children: /* @__PURE__ */ jsx("div", { className: "flex-1 flex min-h-0", children: /* @__PURE__ */ jsx("main", { className: "flex-1 w-full flex justify-center font-sans p-6", children: /* @__PURE__ */ jsxs("div", { className: "w-full flex flex-col flex-1 min-h-0", children: [
+    /* @__PURE__ */ jsx(Header, { middle: headerMiddle }),
+    breadcrumbs,
+    /* @__PURE__ */ jsx("div", { className: "flex-1 min-h-0 flex flex-col", children })
+  ] }) }) }) });
+}
+export {
+  MainLayout
+};
+//# sourceMappingURL=MainLayout.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MainLayout.js","sources":["../../../../src/ui/layout/MainLayout.tsx"],"sourcesContent":["import React from 'react'\nimport { Header } from '../components/header/Header'\n\nexport interface MainLayoutProps {\n  children: React.ReactNode\n  headerMiddle?: React.ReactNode\n  breadcrumbs?: React.ReactNode\n}\n\nexport function MainLayout({\n  children,\n  headerMiddle,\n  breadcrumbs,\n}: MainLayoutProps) {\n  return (\n    <div className=\"h-screen flex flex-col overflow-hidden\">\n      <div className=\"flex-1 flex min-h-0\">\n        <main className=\"flex-1 w-full flex justify-center font-sans p-6\">\n          <div className=\"w-full flex flex-col flex-1 min-h-0\">\n            <Header middle={headerMiddle} />\n            {breadcrumbs}\n            <div className=\"flex-1 min-h-0 flex flex-col\">{children}</div>\n          </div>\n        </main>\n      </div>\n    </div>\n  )\n}\n"],"names":[],"mappings":";;AASO,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AACF,GAAoB;AAClB,SACE,oBAAC,OAAA,EAAI,WAAU,0CACb,8BAAC,OAAA,EAAI,WAAU,uBACb,UAAA,oBAAC,UAAK,WAAU,mDACd,UAAA,qBAAC,OAAA,EAAI,WAAU,uCACb,UAAA;AAAA,IAAA,oBAAC,QAAA,EAAO,QAAQ,aAAA,CAAc;AAAA,IAC7B;AAAA,IACD,oBAAC,OAAA,EAAI,WAAU,gCAAgC,SAAA,CAAS;AAAA,EAAA,GAC1D,EAAA,CACF,GACF,GACF;AAEJ;"}

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

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

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

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+import { TRPCRouter } from '@igstack/app-catalog-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

@@ -0,0 +1,46 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState, useMemo, Suspense } from "react";
+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 { AuthProvider } from "../../modules/auth/AuthContext.js";
+import { AuthModalProvider } from "../../modules/auth/AuthModalContext.js";
+import { LoginModal } from "../../modules/auth/ui/LoginModal.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 [plugins] = useState(() => [
+    // Future plugins can be added here
+  ]);
+  const pluginInterfaceForCore = useMemo(() => {
+    return makePluginInterfaceForCore();
+  }, [plugins]);
+  return /* @__PURE__ */ jsx(
+    ThemeProvider,
+    {
+      attribute: "class",
+      defaultTheme: "system",
+      enableSystem: true,
+      disableTransitionOnChange: true,
+      children: /* @__PURE__ */ jsx(AuthModalProvider, { children: /* @__PURE__ */ jsx(AuthProvider, { children: /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx(LoadingScreen, {}), children: /* @__PURE__ */ jsx(GlobalConfigProvider, { children: /* @__PURE__ */ jsxs(
+        PluginManagerContextProvider,
+        {
+          plugins,
+          pluginInterfaceForCore,
+          children: [
+            children,
+            /* @__PURE__ */ jsx(LoginModal, {}),
+            /* @__PURE__ */ jsx(TanStackRouterDevtools, {}),
+            /* @__PURE__ */ jsx(ReactQueryDevtools, { initialIsOpen: false })
+          ]
+        }
+      ) }) }) }) })
+    }
+  );
+}
+export {
+  TopLevelProviders
+};
+//# sourceMappingURL=TopLevelProviders.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TopLevelProviders.js","sources":["../../../../src/ui/layout/TopLevelProviders.tsx"],"sourcesContent":["import React, { Suspense, useMemo, useState } from 'react'\n\nimport type { TRPCRouter } from '@igstack/app-catalog-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 { 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            <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          </Suspense>\n        </AuthProvider>\n      </AuthModalProvider>\n    </ThemeProvider>\n  )\n}\n"],"names":[],"mappings":";;;;;;;;;;;;AAsBO,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,mBAAA,EACC,UAAA,oBAAC,cAAA,EACC,UAAA,oBAAC,UAAA,EAAS,UAAU,oBAAC,eAAA,EAAc,GACjC,UAAA,oBAAC,sBAAA,EACC,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC;AAAA,UACA;AAAA,UAEC,UAAA;AAAA,YAAA;AAAA,gCACA,YAAA,EAAW;AAAA,gCACX,wBAAA,EAAuB;AAAA,YACxB,oBAAC,oBAAA,EAAmB,eAAe,MAAA,CAAO;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA,GAE9C,EAAA,CACF,EAAA,CACF,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/main/JumpTabContent.d.ts

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

package/dist/esm/ui/main/Tabs.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+export declare function Tabs({ children }: {
+    children: Array<React.ReactNode>;
+}): import("react/jsx-runtime").JSX.Element;

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