@igstack/app-catalog-frontend-core 0.0.1

package/dist/esm/ui/button.js

@@ -0,0 +1,53 @@
+import { jsx } from "react/jsx-runtime";
+import { Slot } from "@radix-ui/react-slot";
+import { cva } from "class-variance-authority";
+import { cn } from "../lib/utils.js";
+const buttonVariants = cva(
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none 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",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground hover:bg-primary/90",
+        destructive: "bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
+        outline: "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
+        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+        ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
+        link: "text-primary underline-offset-4 hover:underline"
+      },
+      size: {
+        default: "h-9 px-4 py-2 has-[>svg]:px-3",
+        sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
+        lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
+        icon: "size-9",
+        "icon-sm": "size-8",
+        "icon-lg": "size-10"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+function Button({
+  className,
+  variant,
+  size,
+  asChild = false,
+  ...props
+}) {
+  const Comp = asChild ? Slot : "button";
+  return /* @__PURE__ */ jsx(
+    Comp,
+    {
+      "data-slot": "button",
+      className: cn(buttonVariants({ variant, size, className })),
+      ...props
+    }
+  );
+}
+export {
+  Button,
+  buttonVariants
+};
+//# sourceMappingURL=button.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"button.js","sources":["../../../src/ui/button.tsx"],"sourcesContent":["import { Slot } from '@radix-ui/react-slot'\nimport { cva } from 'class-variance-authority'\nimport * as React from 'react'\nimport type { VariantProps } from 'class-variance-authority'\n\nimport { cn } from '~/lib/utils'\n\nconst buttonVariants = cva(\n  \"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none 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\",\n  {\n    variants: {\n      variant: {\n        default: 'bg-primary text-primary-foreground hover:bg-primary/90',\n        destructive:\n          'bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60',\n        outline:\n          'border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50',\n        secondary:\n          'bg-secondary text-secondary-foreground hover:bg-secondary/80',\n        ghost:\n          'hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50',\n        link: 'text-primary underline-offset-4 hover:underline',\n      },\n      size: {\n        default: 'h-9 px-4 py-2 has-[>svg]:px-3',\n        sm: 'h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5',\n        lg: 'h-10 rounded-md px-6 has-[>svg]:px-4',\n        icon: 'size-9',\n        'icon-sm': 'size-8',\n        'icon-lg': 'size-10',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n    },\n  },\n)\n\nfunction Button({\n  className,\n  variant,\n  size,\n  asChild = false,\n  ...props\n}: React.ComponentProps<'button'> &\n  VariantProps<typeof buttonVariants> & {\n    asChild?: boolean\n  }) {\n  const Comp = asChild ? Slot : 'button'\n\n  return (\n    <Comp\n      data-slot=\"button\"\n      className={cn(buttonVariants({ variant, size, className }))}\n      {...props}\n    />\n  )\n}\n\nexport type ButtonProps = React.ComponentProps<'button'> &\n  VariantProps<typeof buttonVariants> & {\n    asChild?: boolean\n  }\n\nexport { Button, buttonVariants }\n"],"names":[],"mappings":";;;;AAOA,MAAM,iBAAiB;AAAA,EACrB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,aACE;AAAA,QACF,SACE;AAAA,QACF,WACE;AAAA,QACF,OACE;AAAA,QACF,MAAM;AAAA,MAAA;AAAA,MAER,MAAM;AAAA,QACJ,SAAS;AAAA,QACT,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,WAAW;AAAA,QACX,WAAW;AAAA,MAAA;AAAA,IACb;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,IAAA;AAAA,EACR;AAEJ;AAEA,SAAS,OAAO;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV,GAAG;AACL,GAGK;AACH,QAAM,OAAO,UAAU,OAAO;AAE9B,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,eAAe,EAAE,SAAS,MAAM,UAAA,CAAW,CAAC;AAAA,MACzD,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;"}

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

@@ -0,0 +1,9 @@
+import * as React from 'react';
+declare function Card({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function CardHeader({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function CardTitle({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function CardDescription({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function CardAction({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function CardContent({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function CardFooter({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+export { Card, CardHeader, CardFooter, CardTitle, CardAction, CardDescription, CardContent, };

package/dist/esm/ui/card.js

@@ -0,0 +1,66 @@
+import { jsx } from "react/jsx-runtime";
+import { cn } from "../lib/utils.js";
+function Card({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "card",
+      className: cn(
+        "bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function CardHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "card-header",
+      className: cn(
+        "@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-2 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function CardTitle({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "card-title",
+      className: cn("leading-none font-semibold", className),
+      ...props
+    }
+  );
+}
+function CardDescription({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "card-description",
+      className: cn("text-muted-foreground text-sm", className),
+      ...props
+    }
+  );
+}
+function CardContent({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "card-content",
+      className: cn("px-6", className),
+      ...props
+    }
+  );
+}
+export {
+  Card,
+  CardContent,
+  CardDescription,
+  CardHeader,
+  CardTitle
+};
+//# sourceMappingURL=card.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"card.js","sources":["../../../src/ui/card.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { cn } from '~/lib/utils'\n\nfunction Card({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"card\"\n      className={cn(\n        'bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm',\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction CardHeader({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"card-header\"\n      className={cn(\n        '@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-2 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6',\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction CardTitle({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"card-title\"\n      className={cn('leading-none font-semibold', className)}\n      {...props}\n    />\n  )\n}\n\nfunction CardDescription({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"card-description\"\n      className={cn('text-muted-foreground text-sm', className)}\n      {...props}\n    />\n  )\n}\n\nfunction CardAction({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"card-action\"\n      className={cn(\n        'col-start-2 row-span-2 row-start-1 self-start justify-self-end',\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction CardContent({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"card-content\"\n      className={cn('px-6', className)}\n      {...props}\n    />\n  )\n}\n\nfunction CardFooter({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"card-footer\"\n      className={cn('flex items-center px-6 [.border-t]:pt-6', className)}\n      {...props}\n    />\n  )\n}\n\nexport {\n  Card,\n  CardHeader,\n  CardFooter,\n  CardTitle,\n  CardAction,\n  CardDescription,\n  CardContent,\n}\n"],"names":[],"mappings":";;AAIA,SAAS,KAAK,EAAE,WAAW,GAAG,SAAsC;AAClE,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MAAA;AAAA,MAED,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAAS,WAAW,EAAE,WAAW,GAAG,SAAsC;AACxE,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MAAA;AAAA,MAED,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAAS,UAAU,EAAE,WAAW,GAAG,SAAsC;AACvE,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,8BAA8B,SAAS;AAAA,MACpD,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAAS,gBAAgB,EAAE,WAAW,GAAG,SAAsC;AAC7E,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,iCAAiC,SAAS;AAAA,MACvD,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;AAeA,SAAS,YAAY,EAAE,WAAW,GAAG,SAAsC;AACzE,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,QAAQ,SAAS;AAAA,MAC9B,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;"}

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

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

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

@@ -0,0 +1,5 @@
+import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
+declare function Collapsible({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function CollapsibleTrigger({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleTrigger>): import("react/jsx-runtime").JSX.Element;
+declare function CollapsibleContent({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleContent>): import("react/jsx-runtime").JSX.Element;
+export { Collapsible, CollapsibleContent, CollapsibleTrigger };

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

@@ -0,0 +1,20 @@
+import { Command as CommandPrimitive } from 'cmdk';
+import { Dialog } from '~/ui/dialog';
+import * as React from 'react';
+declare function Command({ className, ...props }: React.ComponentProps<typeof CommandPrimitive>): import("react/jsx-runtime").JSX.Element;
+declare function CommandDialog({ title, description, children, className, showCloseButton, commandProps, position, ...props }: React.ComponentProps<typeof Dialog> & {
+    title?: string;
+    description?: string;
+    className?: string;
+    showCloseButton?: boolean;
+    commandProps?: React.ComponentProps<typeof Command>;
+    position?: 'center' | 'top';
+}): import("react/jsx-runtime").JSX.Element;
+declare function CommandInput({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Input>): import("react/jsx-runtime").JSX.Element;
+declare function CommandList({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.List>): import("react/jsx-runtime").JSX.Element;
+declare function CommandEmpty({ ...props }: React.ComponentProps<typeof CommandPrimitive.Empty>): import("react/jsx-runtime").JSX.Element;
+declare function CommandGroup({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Group>): import("react/jsx-runtime").JSX.Element;
+declare function CommandSeparator({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Separator>): import("react/jsx-runtime").JSX.Element;
+declare function CommandItem({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Item>): import("react/jsx-runtime").JSX.Element;
+declare function CommandShortcut({ className, ...props }: React.ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
+export { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut };

package/dist/esm/ui/command.js

@@ -0,0 +1,131 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Command as Command$1 } from "cmdk";
+import { SearchIcon } from "lucide-react";
+import { cn } from "../lib/utils.js";
+import "@radix-ui/react-dialog";
+function Command({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Command$1,
+    {
+      "data-slot": "command",
+      className: cn(
+        "bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-md",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function CommandInput({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-slot": "command-input-wrapper",
+      className: "flex h-9 items-center gap-2 border-b px-3",
+      children: [
+        /* @__PURE__ */ jsx(SearchIcon, { className: "size-4 shrink-0 opacity-50" }),
+        /* @__PURE__ */ jsx(
+          Command$1.Input,
+          {
+            "data-slot": "command-input",
+            className: cn(
+              "placeholder:text-muted-foreground flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50",
+              className
+            ),
+            ...props
+          }
+        )
+      ]
+    }
+  );
+}
+function CommandList({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Command$1.List,
+    {
+      "data-slot": "command-list",
+      className: cn(
+        "max-h-[300px] scroll-py-1 overflow-x-hidden overflow-y-auto",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function CommandEmpty({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Command$1.Empty,
+    {
+      "data-slot": "command-empty",
+      className: "py-6 text-center text-sm",
+      ...props
+    }
+  );
+}
+function CommandGroup({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Command$1.Group,
+    {
+      "data-slot": "command-group",
+      className: cn(
+        "text-foreground [&_[cmdk-group-heading]]:text-muted-foreground overflow-hidden p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function CommandSeparator({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Command$1.Separator,
+    {
+      "data-slot": "command-separator",
+      className: cn("bg-border -mx-1 h-px", className),
+      ...props
+    }
+  );
+}
+function CommandItem({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Command$1.Item,
+    {
+      "data-slot": "command-item",
+      className: cn(
+        "data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
+      ...props
+    }
+  );
+}
+export {
+  Command,
+  CommandEmpty,
+  CommandGroup,
+  CommandInput,
+  CommandItem,
+  CommandList,
+  CommandSeparator
+};
+//# sourceMappingURL=command.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"command.js","sources":["../../../src/ui/command.tsx"],"sourcesContent":["'use client'\n\nimport { Command as CommandPrimitive } from 'cmdk'\nimport { SearchIcon } from 'lucide-react'\nimport * as React from 'react'\n\nimport { cn } from '~/lib/utils'\nimport {\n    Dialog,\n    DialogContent,\n    DialogDescription,\n    DialogHeader,\n    DialogTitle,\n} from '~/ui/dialog'\n\nfunction Command({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive>) {\n  return (\n    <CommandPrimitive\n      data-slot=\"command\"\n      className={cn(\n        'bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-md',\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction CommandDialog({\n  title = 'Command Palette',\n  description = 'Search for a command to run...',\n  children,\n  className,\n  showCloseButton = true,\n  commandProps,\n  position = 'center',\n  ...props\n}: React.ComponentProps<typeof Dialog> & {\n  title?: string\n  description?: string\n  className?: string\n  showCloseButton?: boolean\n  commandProps?: React.ComponentProps<typeof Command>\n  position?: 'center' | 'top'\n}) {\n  return (\n    <Dialog {...props}>\n      <DialogHeader className=\"sr-only\">\n        <DialogTitle>{title}</DialogTitle>\n        <DialogDescription>{description}</DialogDescription>\n      </DialogHeader>\n      <DialogContent\n        className={cn(\n          'overflow-hidden p-0',\n          position === 'top' && 'top-[10%] translate-y-0',\n          className,\n        )}\n        showCloseButton={showCloseButton}\n      >\n        <Command\n          className=\"[&_[cmdk-group-heading]]:text-muted-foreground **:data-[slot=command-input-wrapper]:h-12 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group]]:px-2 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5\"\n          {...commandProps}\n        >\n          {children}\n        </Command>\n      </DialogContent>\n    </Dialog>\n  )\n}\n\nfunction CommandInput({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Input>) {\n  return (\n    <div\n      data-slot=\"command-input-wrapper\"\n      className=\"flex h-9 items-center gap-2 border-b px-3\"\n    >\n      <SearchIcon className=\"size-4 shrink-0 opacity-50\" />\n      <CommandPrimitive.Input\n        data-slot=\"command-input\"\n        className={cn(\n          'placeholder:text-muted-foreground flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50',\n          className,\n        )}\n        {...props}\n      />\n    </div>\n  )\n}\n\nfunction CommandList({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.List>) {\n  return (\n    <CommandPrimitive.List\n      data-slot=\"command-list\"\n      className={cn(\n        'max-h-[300px] scroll-py-1 overflow-x-hidden overflow-y-auto',\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction CommandEmpty({\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Empty>) {\n  return (\n    <CommandPrimitive.Empty\n      data-slot=\"command-empty\"\n      className=\"py-6 text-center text-sm\"\n      {...props}\n    />\n  )\n}\n\nfunction CommandGroup({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Group>) {\n  return (\n    <CommandPrimitive.Group\n      data-slot=\"command-group\"\n      className={cn(\n        'text-foreground [&_[cmdk-group-heading]]:text-muted-foreground overflow-hidden p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium',\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction CommandSeparator({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Separator>) {\n  return (\n    <CommandPrimitive.Separator\n      data-slot=\"command-separator\"\n      className={cn('bg-border -mx-1 h-px', className)}\n      {...props}\n    />\n  )\n}\n\nfunction CommandItem({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Item>) {\n  return (\n    <CommandPrimitive.Item\n      data-slot=\"command-item\"\n      className={cn(\n        \"data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction CommandShortcut({\n  className,\n  ...props\n}: React.ComponentProps<'span'>) {\n  return (\n    <span\n      data-slot=\"command-shortcut\"\n      className={cn(\n        'text-muted-foreground ml-auto text-xs tracking-widest',\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nexport {\n    Command,\n    CommandDialog,\n    CommandEmpty,\n    CommandGroup,\n    CommandInput,\n    CommandItem,\n    CommandList,\n    CommandSeparator,\n    CommandShortcut\n}\n\n"],"names":["CommandPrimitive"],"mappings":";;;;;;AAeA;AAAiB;AACf;AAEF;AACE;AACE;AAACA;AAAA;AACW;AACC;AACT;AACA;AAAA;AAEE;AAAA;AAGV;AA4CA;AAAsB;AACpB;AAEF;AACE;AACE;AAAC;AAAA;AACW;AACA;AAEV;AAAmD;AACnD;AAAkB;AAAjB;AACW;AACC;AACT;AACA;AAAA;AAEE;AAAA;AAAA;AACN;AAAA;AAGN;AAEA;AAAqB;AACnB;AAEF;AACE;AACE;AAAkB;AAAjB;AACW;AACC;AACT;AACA;AAAA;AAEE;AAAA;AAGV;AAEA;AAAsB;AAEtB;AACE;AACE;AAAkB;AAAjB;AACW;AACA;AACN;AAAA;AAGV;AAEA;AAAsB;AACpB;AAEF;AACE;AACE;AAAkB;AAAjB;AACW;AACC;AACT;AACA;AAAA;AAEE;AAAA;AAGV;AAEA;AAA0B;AACxB;AAEF;AACE;AACE;AAAkB;AAAjB;AACW;AACqC;AAC3C;AAAA;AAGV;AAEA;AAAqB;AACnB;AAEF;AACE;AACE;AAAkB;AAAjB;AACW;AACC;AACT;AACA;AAAA;AAEE;AAAA;AAGV;;;;;;;;;;"}

package/dist/esm/ui/components/ActionCard.d.ts

@@ -0,0 +1,9 @@
+import { EhAppIndexed } from '@igstack/app-catalog-backend-core';
+interface ActionCardProps {
+    app: EhAppIndexed;
+    actionName: string;
+    onClick: () => void;
+    className?: string;
+}
+export declare function ActionCard({ app, actionName, onClick, className, }: ActionCardProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/esm/ui/components/AppIcon.d.ts

@@ -0,0 +1,7 @@
+import { EhAppIndexed } from '@igstack/app-catalog-backend-core';
+interface AppIconProps {
+    app: EhAppIndexed;
+    className?: string;
+}
+export declare function AppIcon({ app, className }: AppIconProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/esm/ui/components/Breadcrumbs.d.ts

@@ -0,0 +1,19 @@
+export interface BreadcrumbMeta {
+    title: string;
+    href?: string;
+}
+/**
+ * Universal breadcrumb component that reads from route staticData
+ * Routes can define breadcrumbs via the `staticData` property:
+ *
+ * @example
+ * ```tsx
+ * export const Route = createFileRoute('/admin/chat')({
+ *   component: ChatPage,
+ *   staticData: {
+ *     breadcrumb: { title: 'Chat' }
+ *   }
+ * })
+ * ```
+ */
+export declare function Breadcrumbs(): import("react/jsx-runtime").JSX.Element | null;

package/dist/esm/ui/components/Breadcrumbs.js

@@ -0,0 +1,36 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useMatches, Link } from "@tanstack/react-router";
+import { ChevronRight, Home } from "lucide-react";
+import * as React from "react";
+import { Breadcrumb, BreadcrumbList, BreadcrumbSeparator, BreadcrumbItem, BreadcrumbPage, BreadcrumbLink } from "../breadcrumb.js";
+function Breadcrumbs() {
+  var _a;
+  const matches = useMatches();
+  const breadcrumbs = [];
+  breadcrumbs.push({ title: "Home", href: "/" });
+  for (const match of matches) {
+    const staticData = match.staticData;
+    if (staticData == null ? void 0 : staticData.breadcrumb) {
+      const loaderData = match.loaderData;
+      const dynamicTitle = (_a = loaderData == null ? void 0 : loaderData.app) == null ? void 0 : _a.displayName;
+      breadcrumbs.push({
+        title: dynamicTitle || staticData.breadcrumb.title,
+        href: staticData.breadcrumb.href ?? match.pathname
+      });
+    }
+  }
+  if (breadcrumbs.length <= 1) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(Breadcrumb, { className: "pb-4", children: /* @__PURE__ */ jsx(BreadcrumbList, { children: breadcrumbs.map((crumb, index) => {
+    const isLast = index === breadcrumbs.length - 1;
+    return /* @__PURE__ */ jsxs(React.Fragment, { children: [
+      index > 0 && /* @__PURE__ */ jsx(BreadcrumbSeparator, { children: /* @__PURE__ */ jsx(ChevronRight, { className: "h-4 w-4" }) }),
+      /* @__PURE__ */ jsx(BreadcrumbItem, { children: isLast ? /* @__PURE__ */ jsx(BreadcrumbPage, { children: crumb.title }) : crumb.href ? /* @__PURE__ */ jsx(BreadcrumbLink, { asChild: true, children: /* @__PURE__ */ jsx(Link, { to: crumb.href, className: "text-primary font-medium hover:text-foreground transition-colors", children: index === 0 ? /* @__PURE__ */ jsx(Home, { className: "h-4 w-4" }) : crumb.title }) }) : /* @__PURE__ */ jsx(BreadcrumbPage, { children: crumb.title }) })
+    ] }, crumb.href ?? crumb.title);
+  }) }) });
+}
+export {
+  Breadcrumbs
+};
+//# sourceMappingURL=Breadcrumbs.js.map

package/dist/esm/ui/components/Breadcrumbs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumbs.js","sources":["../../../../src/ui/components/Breadcrumbs.tsx"],"sourcesContent":["import { Link, useMatches } from '@tanstack/react-router'\nimport { ChevronRight, Home } from 'lucide-react'\nimport * as React from 'react'\nimport {\n  Breadcrumb,\n  BreadcrumbItem,\n  BreadcrumbLink,\n  BreadcrumbList,\n  BreadcrumbPage,\n  BreadcrumbSeparator,\n} from '~/ui/breadcrumb'\n\nexport interface BreadcrumbMeta {\n  title: string\n  href?: string\n}\n\n/**\n * Universal breadcrumb component that reads from route staticData\n * Routes can define breadcrumbs via the `staticData` property:\n * \n * @example\n * ```tsx\n * export const Route = createFileRoute('/admin/chat')({\n *   component: ChatPage,\n *   staticData: {\n *     breadcrumb: { title: 'Chat' }\n *   }\n * })\n * ```\n */\nexport function Breadcrumbs() {\n  const matches = useMatches()\n\n  // Build breadcrumb trail from route matches\n  const breadcrumbs: Array<{ title: string; href?: string }> = []\n\n  // Always add home\n  breadcrumbs.push({ title: 'Home', href: '/' })\n\n  // Process each route match\n  for (const match of matches) {\n    const staticData = match.staticData as { breadcrumb?: BreadcrumbMeta } | undefined\n    if (staticData?.breadcrumb) {\n        // Check if this match has loaderData with app info for dynamic title\n        const loaderData = match.loaderData as { app?: { displayName: string } | null } | undefined\n        const dynamicTitle = loaderData?.app?.displayName\n      \n      breadcrumbs.push({\n          title: dynamicTitle || staticData.breadcrumb.title,\n        href: staticData.breadcrumb.href ?? match.pathname,\n      })\n    }\n  }\n\n  // Don't show breadcrumbs if only home\n  if (breadcrumbs.length <= 1) {\n    return null\n  }\n\n  return (\n    <Breadcrumb className=\"pb-4\">\n      <BreadcrumbList>\n        {breadcrumbs.map((crumb, index) => {\n          const isLast = index === breadcrumbs.length - 1\n\n          return (\n            <React.Fragment key={crumb.href ?? crumb.title}>\n              {index > 0 && (\n                <BreadcrumbSeparator>\n                  <ChevronRight className=\"h-4 w-4\" />\n                </BreadcrumbSeparator>\n              )}\n              <BreadcrumbItem>\n                {isLast ? (\n                  <BreadcrumbPage>{crumb.title}</BreadcrumbPage>\n                ) : crumb.href ? (\n                  <BreadcrumbLink asChild>\n                    <Link to={crumb.href} className=\"text-primary font-medium hover:text-foreground transition-colors\">\n                      {index === 0 ? (\n                        <Home className=\"h-4 w-4\" />\n                      ) : (\n                        crumb.title\n                      )}\n                    </Link>\n                  </BreadcrumbLink>\n                ) : (\n                  <BreadcrumbPage>{crumb.title}</BreadcrumbPage>\n                )}\n              </BreadcrumbItem>\n            </React.Fragment>\n          )\n        })}\n      </BreadcrumbList>\n    </Breadcrumb>\n  )\n}\n"],"names":[],"mappings":";;;;;AA+BO,SAAS,cAAc;;AAC5B,QAAM,UAAU,WAAA;AAGhB,QAAM,cAAuD,CAAA;AAG7D,cAAY,KAAK,EAAE,OAAO,QAAQ,MAAM,KAAK;AAG7C,aAAW,SAAS,SAAS;AAC3B,UAAM,aAAa,MAAM;AACzB,QAAI,yCAAY,YAAY;AAExB,YAAM,aAAa,MAAM;AACzB,YAAM,gBAAe,8CAAY,QAAZ,mBAAiB;AAExC,kBAAY,KAAK;AAAA,QACb,OAAO,gBAAgB,WAAW,WAAW;AAAA,QAC/C,MAAM,WAAW,WAAW,QAAQ,MAAM;AAAA,MAAA,CAC3C;AAAA,IACH;AAAA,EACF;AAGA,MAAI,YAAY,UAAU,GAAG;AAC3B,WAAO;AAAA,EACT;AAEA,SACE,oBAAC,YAAA,EAAW,WAAU,QACpB,UAAA,oBAAC,kBACE,UAAA,YAAY,IAAI,CAAC,OAAO,UAAU;AACjC,UAAM,SAAS,UAAU,YAAY,SAAS;AAE9C,WACE,qBAAC,MAAM,UAAN,EACE,UAAA;AAAA,MAAA,QAAQ,KACP,oBAAC,qBAAA,EACC,8BAAC,cAAA,EAAa,WAAU,WAAU,EAAA,CACpC;AAAA,0BAED,gBAAA,EACE,UAAA,SACC,oBAAC,gBAAA,EAAgB,gBAAM,MAAA,CAAM,IAC3B,MAAM,2BACP,gBAAA,EAAe,SAAO,MACrB,UAAA,oBAAC,QAAK,IAAI,MAAM,MAAM,WAAU,oEAC7B,UAAA,UAAU,IACT,oBAAC,MAAA,EAAK,WAAU,UAAA,CAAU,IAE1B,MAAM,MAAA,CAEV,GACF,IAEA,oBAAC,gBAAA,EAAgB,UAAA,MAAM,OAAM,EAAA,CAEjC;AAAA,IAAA,EAAA,GAtBmB,MAAM,QAAQ,MAAM,KAuBzC;AAAA,EAEJ,CAAC,GACH,GACF;AAEJ;"}

package/dist/esm/ui/components/commandInput/EhBaseSelector.d.ts

@@ -0,0 +1,2 @@
+import { default as React } from 'react';
+export declare function EhBaseSelectorRoot({ className, ...props }: React.ComponentPropsWithoutRef<'div'>): import("react/jsx-runtime").JSX.Element;

package/dist/esm/ui/components/commandInput/types.d.ts

@@ -0,0 +1,13 @@
+import { BaseAutoCompletableItem } from '~/modules/pluginCore/types';
+export interface SpecialAutoCompleteItem {
+    type: 'special';
+    slug: 'specia-all-apps';
+}
+export declare function isSpecialAutoCompleteItem(item: BaseAutoCompletableItem | SpecialAutoCompleteItem | null | undefined): item is SpecialAutoCompleteItem;
+export type AutoCompleteItem = BaseAutoCompletableItem | SpecialAutoCompleteItem;
+export interface AppAutoCompleteAmend {
+    isChild?: boolean;
+}
+export interface AutoCompleteContext {
+    searchString: string;
+}

package/dist/esm/ui/components/error/BaseErrorPage.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+export interface BaseErrorPageProps {
+    children: ReactNode;
+}
+/**
+ * Common base component for all error pages
+ * Provides consistent layout with TopLevelProvidersForErrors and MainLayout
+ * Error pages should render their content as children of this component
+ */
+export declare function BaseErrorPage({ children }: BaseErrorPageProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,16 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+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 { MainLayout } from "../../layout/MainLayout.js";
+import { TopLevelProvidersForErrors } from "../../layout/TopLevelProvidersForErrors.js";
+function BaseErrorPage({ children }) {
+  return /* @__PURE__ */ jsx(TopLevelProvidersForErrors, { children: /* @__PURE__ */ jsxs(MainLayout, { children: [
+    children,
+    /* @__PURE__ */ jsx(TanStackRouterDevtools, {}),
+    /* @__PURE__ */ jsx(ReactQueryDevtools, { initialIsOpen: false })
+  ] }) });
+}
+export {
+  BaseErrorPage
+};
+//# sourceMappingURL=BaseErrorPage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BaseErrorPage.js","sources":["../../../../../src/ui/components/error/BaseErrorPage.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\nimport { ReactQueryDevtools } from '@tanstack/react-query-devtools'\nimport { TanStackRouterDevtools } from '@tanstack/react-router-devtools'\nimport { MainLayout } from '~/ui/layout/MainLayout'\nimport { TopLevelProvidersForErrors } from '~/ui/layout/TopLevelProvidersForErrors'\n\nexport interface BaseErrorPageProps {\n  children: ReactNode\n}\n\n/**\n * Common base component for all error pages\n * Provides consistent layout with TopLevelProvidersForErrors and MainLayout\n * Error pages should render their content as children of this component\n */\nexport function BaseErrorPage({ children }: BaseErrorPageProps) {\n  return (\n    <TopLevelProvidersForErrors>\n      <MainLayout>\n        {children}\n        <TanStackRouterDevtools />\n        <ReactQueryDevtools initialIsOpen={false} />\n      </MainLayout>\n    </TopLevelProvidersForErrors>\n  )\n}\n"],"names":[],"mappings":";;;;;AAeO,SAAS,cAAc,EAAE,YAAgC;AAC9D,SACE,oBAAC,4BAAA,EACC,UAAA,qBAAC,YAAA,EACE,UAAA;AAAA,IAAA;AAAA,wBACA,wBAAA,EAAuB;AAAA,IACxB,oBAAC,oBAAA,EAAmB,eAAe,MAAA,CAAO;AAAA,EAAA,EAAA,CAC5C,EAAA,CACF;AAEJ;"}

package/dist/esm/ui/components/error/DefaultErrorComponent.d.ts

@@ -0,0 +1,3 @@
+import { ErrorComponentProps } from '@tanstack/react-router';
+export declare function Treatment({ error, reset }: ErrorComponentProps): import("react/jsx-runtime").JSX.Element;
+export declare function DefaultErrorComponent({ error, reset }: ErrorComponentProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,73 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { BugIcon, RefreshCcwIcon } from "lucide-react";
+import { useState } from "react";
+import { Button } from "../../button.js";
+import { Empty, EmptyHeader, EmptyMedia, EmptyTitle, EmptyDescription, EmptyContent } from "../../empty.js";
+import { useDb } from "../../../userDb/DbContext.js";
+import { isDexieError, isDexieMigrationError } from "../../../util/error-utils.js";
+import { BaseErrorPage } from "./BaseErrorPage.js";
+function Treatment({ error, reset }) {
+  const db = useDb();
+  const [isResetting, setIsResetting] = useState(false);
+  async function dexieResetDb() {
+    setIsResetting(true);
+    try {
+      await db.resetDatabase();
+      console.log("Database deleted and recreated successfully");
+      window.location.reload();
+    } catch (resetError) {
+      console.error("Failed to reset database:", resetError);
+      window.location.reload();
+    } finally {
+      setIsResetting(false);
+    }
+  }
+  if (isDexieError(error)) {
+    const isMigrationError = isDexieMigrationError(error);
+    const buttonText = isMigrationError ? isResetting ? "Clearing database..." : "Clear database and reload" : isResetting ? "Resetting..." : "Try reset local settings";
+    return /* @__PURE__ */ jsxs(
+      Button,
+      {
+        variant: "outline",
+        size: "sm",
+        onClick: () => dexieResetDb(),
+        disabled: isResetting,
+        children: [
+          /* @__PURE__ */ jsx(RefreshCcwIcon, { className: isResetting ? "animate-spin" : "" }),
+          buttonText
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx("div", { className: "flex gap-2", children: /* @__PURE__ */ jsxs(Button, { variant: "outline", size: "sm", onClick: () => reset(), children: [
+    /* @__PURE__ */ jsx(RefreshCcwIcon, {}),
+    "Try reset error"
+  ] }) });
+}
+function DefaultErrorComponent({ error, reset }) {
+  return /* @__PURE__ */ jsx(BaseErrorPage, { children: /* @__PURE__ */ jsxs(Empty, { role: "alert", children: [
+    /* @__PURE__ */ jsxs(EmptyHeader, { children: [
+      /* @__PURE__ */ jsx(EmptyMedia, { variant: "icon", children: /* @__PURE__ */ jsx(BugIcon, {}) }),
+      /* @__PURE__ */ jsx(EmptyTitle, { children: "Ooops!" }),
+      /* @__PURE__ */ jsxs(EmptyDescription, { children: [
+        "Error inside app-catalog occured: ",
+        /* @__PURE__ */ jsx("i", { children: error.message })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs(EmptyContent, { children: [
+      /* @__PURE__ */ jsx(Treatment, { error, reset }),
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: "mt-8 text-center max-w-[90vw] max-h-[80vh] overflow-auto",
+          children: /* @__PURE__ */ jsx("pre", { className: "text-left mt-8 text-sm", children: /* @__PURE__ */ jsx("i", { children: error.stack }) })
+        }
+      )
+    ] })
+  ] }) });
+}
+export {
+  DefaultErrorComponent,
+  Treatment
+};
+//# sourceMappingURL=DefaultErrorComponent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultErrorComponent.js","sources":["../../../../../src/ui/components/error/DefaultErrorComponent.tsx"],"sourcesContent":["import type { ErrorComponentProps } from '@tanstack/react-router'\nimport { BugIcon, RefreshCcwIcon } from 'lucide-react'\nimport { useState } from 'react'\nimport { Button } from '~/ui/button'\nimport {\n  Empty,\n  EmptyContent,\n  EmptyDescription,\n  EmptyHeader,\n  EmptyMedia,\n  EmptyTitle,\n} from '~/ui/empty'\nimport { useDb } from '~/userDb/DbContext'\nimport { isDexieError, isDexieMigrationError } from '~/util/error-utils'\nimport { BaseErrorPage } from './BaseErrorPage'\n\nexport function Treatment({ error, reset }: ErrorComponentProps) {\n  const db = useDb()\n  const [isResetting, setIsResetting] = useState(false)\n\n  async function dexieResetDb() {\n    setIsResetting(true)\n    try {\n      await db.resetDatabase()\n      console.log('Database deleted and recreated successfully')\n      // Reload the page after successful reset\n      window.location.reload()\n    } catch (resetError) {\n      console.error('Failed to reset database:', resetError)\n      // Still reload the page even if reset fails, as it might help\n      window.location.reload()\n    } finally {\n      setIsResetting(false)\n    }\n  }\n\n  if (isDexieError(error)) {\n    const isMigrationError = isDexieMigrationError(error)\n    const buttonText = isMigrationError\n      ? isResetting\n        ? 'Clearing database...'\n        : 'Clear database and reload'\n      : isResetting\n        ? 'Resetting...'\n        : 'Try reset local settings'\n\n    return (\n      <Button\n        variant=\"outline\"\n        size=\"sm\"\n        onClick={() => dexieResetDb()}\n        disabled={isResetting}\n      >\n        <RefreshCcwIcon className={isResetting ? 'animate-spin' : ''} />\n        {buttonText}\n      </Button>\n    )\n  }\n\n  return (\n    <div className=\"flex gap-2\">\n      <Button variant=\"outline\" size=\"sm\" onClick={() => reset()}>\n        <RefreshCcwIcon />\n        Try reset error\n      </Button>\n      {/* <Button\n        variant=\"outline\"\n        size=\"sm\"\n        onClick={() => window.location.reload()}\n      >\n        <RefreshCcwIcon />\n        Try refresh page\n      </Button> */}\n    </div>\n  )\n}\n\nexport function DefaultErrorComponent({ error, reset }: ErrorComponentProps) {\n  return (\n    <BaseErrorPage>\n      <Empty role=\"alert\">\n        <EmptyHeader>\n          <EmptyMedia variant=\"icon\">\n            <BugIcon />\n          </EmptyMedia>\n          <EmptyTitle>Ooops!</EmptyTitle>\n          <EmptyDescription>\n            Error inside app-catalog occured: {<i>{error.message}</i>}\n          </EmptyDescription>\n        </EmptyHeader>\n        <EmptyContent>\n          <Treatment error={error} reset={reset} />\n\n          <div\n            className={\n              'mt-8 text-center max-w-[90vw] max-h-[80vh] overflow-auto'\n            }\n          >\n            <pre className={'text-left mt-8 text-sm'}>\n              {<i>{error.stack}</i>}\n            </pre>\n          </div>\n        </EmptyContent>\n      </Empty>\n    </BaseErrorPage>\n  )\n}\n"],"names":[],"mappings":";;;;;;;;AAgBO,SAAS,UAAU,EAAE,OAAO,SAA8B;AAC/D,QAAM,KAAK,MAAA;AACX,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,KAAK;AAEpD,iBAAe,eAAe;AAC5B,mBAAe,IAAI;AACnB,QAAI;AACF,YAAM,GAAG,cAAA;AACT,cAAQ,IAAI,6CAA6C;AAEzD,aAAO,SAAS,OAAA;AAAA,IAClB,SAAS,YAAY;AACnB,cAAQ,MAAM,6BAA6B,UAAU;AAErD,aAAO,SAAS,OAAA;AAAA,IAClB,UAAA;AACE,qBAAe,KAAK;AAAA,IACtB;AAAA,EACF;AAEA,MAAI,aAAa,KAAK,GAAG;AACvB,UAAM,mBAAmB,sBAAsB,KAAK;AACpD,UAAM,aAAa,mBACf,cACE,yBACA,8BACF,cACE,iBACA;AAEN,WACE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,SAAQ;AAAA,QACR,MAAK;AAAA,QACL,SAAS,MAAM,aAAA;AAAA,QACf,UAAU;AAAA,QAEV,UAAA;AAAA,UAAA,oBAAC,gBAAA,EAAe,WAAW,cAAc,iBAAiB,IAAI;AAAA,UAC7D;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP;AAEA,SACE,oBAAC,OAAA,EAAI,WAAU,cACb,UAAA,qBAAC,QAAA,EAAO,SAAQ,WAAU,MAAK,MAAK,SAAS,MAAM,SACjD,UAAA;AAAA,IAAA,oBAAC,gBAAA,EAAe;AAAA,IAAE;AAAA,EAAA,EAAA,CAEpB,EAAA,CASF;AAEJ;AAEO,SAAS,sBAAsB,EAAE,OAAO,SAA8B;AAC3E,SACE,oBAAC,eAAA,EACC,UAAA,qBAAC,OAAA,EAAM,MAAK,SACV,UAAA;AAAA,IAAA,qBAAC,aAAA,EACC,UAAA;AAAA,MAAA,oBAAC,YAAA,EAAW,SAAQ,QAClB,UAAA,oBAAC,WAAQ,GACX;AAAA,MACA,oBAAC,cAAW,UAAA,SAAA,CAAM;AAAA,2BACjB,kBAAA,EAAiB,UAAA;AAAA,QAAA;AAAA,QACmB,oBAAC,KAAA,EAAG,UAAA,MAAM,QAAA,CAAQ;AAAA,MAAA,EAAA,CACvD;AAAA,IAAA,GACF;AAAA,yBACC,cAAA,EACC,UAAA;AAAA,MAAA,oBAAC,WAAA,EAAU,OAAc,MAAA,CAAc;AAAA,MAEvC;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WACE;AAAA,UAGF,UAAA,oBAAC,SAAI,WAAW,0BACb,8BAAC,KAAA,EAAG,UAAA,MAAM,OAAM,EAAA,CACnB;AAAA,QAAA;AAAA,MAAA;AAAA,IACF,EAAA,CACF;AAAA,EAAA,EAAA,CACF,EAAA,CACF;AAEJ;"}

package/dist/esm/ui/components/error/ForbiddenErrorPage.d.ts

@@ -0,0 +1,5 @@
+import { AuthorizationError } from '~/errors/AuthorizationError';
+export interface ForbiddenErrorPageProps {
+    error: AuthorizationError;
+}
+export declare function ForbiddenErrorPage({ error }: ForbiddenErrorPageProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,54 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { Link } from "@tanstack/react-router";
+import { ShieldAlert, Home, Mail } from "lucide-react";
+import { Button } from "../../button.js";
+import { Empty, EmptyHeader, EmptyMedia, EmptyTitle, EmptyDescription, EmptyContent } from "../../empty.js";
+import { BaseErrorPage } from "./BaseErrorPage.js";
+function ForbiddenErrorPage({ error }) {
+  const hasRoleInfo = error.requiredRoles !== void 0 && error.requiredRoles.length > 0;
+  const hasPermissionInfo = error.requiredPermissions !== void 0 && error.requiredPermissions.length > 0;
+  return /* @__PURE__ */ jsx(BaseErrorPage, { children: /* @__PURE__ */ jsxs(Empty, { role: "alert", children: [
+    /* @__PURE__ */ jsxs(EmptyHeader, { children: [
+      /* @__PURE__ */ jsx(EmptyMedia, { variant: "icon", children: /* @__PURE__ */ jsx(ShieldAlert, { className: "text-destructive" }) }),
+      /* @__PURE__ */ jsx(EmptyTitle, { children: "Access Denied" }),
+      /* @__PURE__ */ jsxs(EmptyDescription, { children: [
+        error.message,
+        error.resource && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx("br", {}),
+          /* @__PURE__ */ jsxs("span", { className: "text-sm text-muted-foreground", children: [
+            "Resource: ",
+            error.resource
+          ] })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs(EmptyContent, { children: [
+      (hasRoleInfo || hasPermissionInfo) && /* @__PURE__ */ jsxs("div", { className: "mb-6 p-4 bg-muted/50 rounded-lg text-left max-w-md mx-auto", children: [
+        /* @__PURE__ */ jsx("p", { className: "text-sm font-medium mb-2", children: "Required Access:" }),
+        hasRoleInfo && /* @__PURE__ */ jsxs("div", { className: "text-sm text-muted-foreground mb-2", children: [
+          /* @__PURE__ */ jsx("span", { className: "font-medium", children: "Roles: " }),
+          error.requiredRoles.join(", ")
+        ] }),
+        hasPermissionInfo && /* @__PURE__ */ jsxs("div", { className: "text-sm text-muted-foreground", children: [
+          /* @__PURE__ */ jsx("span", { className: "font-medium", children: "Permissions: " }),
+          error.requiredPermissions.join(", ")
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex gap-3 justify-center", children: [
+        /* @__PURE__ */ jsx(Button, { asChild: true, children: /* @__PURE__ */ jsxs(Link, { to: "/", children: [
+          /* @__PURE__ */ jsx(Home, { className: "w-4 h-4 mr-2" }),
+          "Go Home"
+        ] }) }),
+        /* @__PURE__ */ jsx(Button, { variant: "outline", asChild: true, children: /* @__PURE__ */ jsxs("a", { href: "mailto:support@example.com", children: [
+          /* @__PURE__ */ jsx(Mail, { className: "w-4 h-4 mr-2" }),
+          "Contact Support"
+        ] }) })
+      ] }),
+      /* @__PURE__ */ jsx("p", { className: "mt-6 text-sm text-muted-foreground max-w-md mx-auto", children: "If you believe you should have access to this resource, please contact your administrator or support team." })
+    ] })
+  ] }) });
+}
+export {
+  ForbiddenErrorPage
+};
+//# sourceMappingURL=ForbiddenErrorPage.js.map