@env-hopper/frontend-core 2.0.1-alpha

package/dist/esm/components/ThemeSwitcher.js

@@ -0,0 +1,25 @@
+"use client";
+import { jsxs, jsx } from "react/jsx-runtime";
+import { Sun, Moon } from "lucide-react";
+import { useTheme } from "next-themes";
+import { Button } from "./ui/button.js";
+function ThemeSwitcher() {
+  const { setTheme, theme } = useTheme();
+  return /* @__PURE__ */ jsxs(
+    Button,
+    {
+      variant: "outline",
+      size: "sm",
+      onClick: () => theme === "dark" ? setTheme("light") : setTheme("dark"),
+      children: [
+        /* @__PURE__ */ jsx(Sun, { className: "h-[1.2rem] w-[1.2rem] rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0" }),
+        /* @__PURE__ */ jsx(Moon, { className: "absolute h-[1.2rem] w-[1.2rem] rotate-90 scale-0 transition-all dark:rotate-0 dark:scale-100" }),
+        /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Toggle theme" })
+      ]
+    }
+  );
+}
+export {
+  ThemeSwitcher
+};
+//# sourceMappingURL=ThemeSwitcher.js.map

package/dist/esm/components/ThemeSwitcher.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeSwitcher.js","sources":["../../../src/components/ThemeSwitcher.tsx"],"sourcesContent":["'use client'\n\nimport { Moon, Sun } from 'lucide-react'\nimport { useTheme } from 'next-themes'\n\nimport { Button } from '~/components/ui/button'\n\nexport function ThemeSwitcher() {\n  const { setTheme, theme } = useTheme()\n\n  return (\n    <Button\n      variant=\"outline\"\n      size=\"sm\"\n      onClick={() => (theme === 'dark' ? setTheme('light') : setTheme('dark'))}\n    >\n      <Sun className=\"h-[1.2rem] w-[1.2rem] rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0\" />\n      <Moon className=\"absolute h-[1.2rem] w-[1.2rem] rotate-90 scale-0 transition-all dark:rotate-0 dark:scale-100\" />\n      <span className=\"sr-only\">Toggle theme</span>\n    </Button>\n  )\n}\n"],"names":[],"mappings":";;;;;AAOO;AACL;AAEA;AACE;AAAC;AAAA;AACS;AACH;AACiE;AAEtE;AAAsG;AACS;AACzE;AAAA;AAAA;AAG5C;;;;"}

package/dist/esm/components/theme-provider.d.ts

@@ -0,0 +1,2 @@
+import { ThemeProviderProps } from 'next-themes';
+export declare function ThemeProvider({ children, ...props }: ThemeProviderProps): import("react/jsx-runtime").JSX.Element;

package/dist/esm/components/theme-provider.js

@@ -0,0 +1,10 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { ThemeProvider as ThemeProvider$1 } from "next-themes";
+function ThemeProvider({ children, ...props }) {
+  return /* @__PURE__ */ jsx(ThemeProvider$1, { ...props, children });
+}
+export {
+  ThemeProvider
+};
+//# sourceMappingURL=theme-provider.js.map

package/dist/esm/components/theme-provider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-provider.js","sources":["../../../src/components/theme-provider.tsx"],"sourcesContent":["'use client'\n\nimport { ThemeProvider as NextThemesProvider } from 'next-themes'\nimport type { ThemeProviderProps } from 'next-themes'\n\nexport function ThemeProvider({ children, ...props }: ThemeProviderProps) {\n  return <NextThemesProvider {...props}>{children}</NextThemesProvider>\n}\n"],"names":[],"mappings":";;;AAKO;AACL;AACF;;;;"}

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

@@ -0,0 +1,9 @@
+import { VariantProps } from 'class-variance-authority';
+import * as React from 'react';
+declare const badgeVariants: (props?: ({
+    variant?: "default" | "destructive" | "outline" | "secondary" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
+}
+declare function Badge({ className, variant, ...props }: BadgeProps): import("react/jsx-runtime").JSX.Element;
+export { Badge, badgeVariants };

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

@@ -0,0 +1,46 @@
+import * as React from 'react';
+declare const Breadcrumb: {
+    ({ ref, ...props }: React.ComponentPropsWithoutRef<"nav"> & {
+        separator?: React.ComponentType<{
+            className?: string;
+        }>;
+    } & {
+        ref?: React.RefObject<HTMLElement | null>;
+    }): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const BreadcrumbList: {
+    ({ ref, className, ...props }: React.ComponentPropsWithoutRef<"ol"> & {
+        ref?: React.RefObject<HTMLOListElement | null>;
+    }): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const BreadcrumbItem: {
+    ({ ref, className, ...props }: React.ComponentPropsWithoutRef<"li"> & {
+        ref?: React.RefObject<HTMLLIElement | null>;
+    }): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const BreadcrumbLink: {
+    ({ ref, asChild, className, ...props }: React.ComponentPropsWithoutRef<"a"> & {
+        asChild?: boolean;
+    } & {
+        ref?: React.RefObject<HTMLAnchorElement | null>;
+    }): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const BreadcrumbPage: {
+    ({ ref, className, ...props }: React.ComponentPropsWithoutRef<"span"> & {
+        ref?: React.RefObject<HTMLSpanElement | null>;
+    }): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const BreadcrumbSeparator: {
+    ({ children, className, ...props }: React.ComponentProps<"li">): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const BreadcrumbEllipsis: {
+    ({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { Breadcrumb, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, BreadcrumbSeparator, BreadcrumbEllipsis, };

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

@@ -0,0 +1,16 @@
+import { VariantProps } from 'class-variance-authority';
+import * as React from 'react';
+declare const buttonVariants: (props?: ({
+    variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
+    size?: "default" | "sm" | "lg" | "icon" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
+    asChild?: boolean;
+}
+declare const Button: {
+    ({ ref, className, variant, size, asChild, ...props }: ButtonProps & {
+        ref?: React.RefObject<HTMLButtonElement | null>;
+    }): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { Button, buttonVariants };

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

@@ -0,0 +1,52 @@
+import { jsx } from "react/jsx-runtime";
+import { Slot } from "@radix-ui/react-slot";
+import { cva } from "class-variance-authority";
+const buttonVariants = cva(
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 cursor-pointer [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground hover:bg-primary/90",
+        destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
+        outline: "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
+        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+        ghost: "hover:bg-accent hover:text-accent-foreground",
+        link: "text-primary underline-offset-4 hover:underline"
+      },
+      size: {
+        default: "h-10 px-4 py-2",
+        sm: "h-9 rounded-md px-3",
+        lg: "h-11 rounded-md px-8",
+        icon: "h-10 w-10"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+const Button = ({
+  ref,
+  className,
+  variant,
+  size,
+  asChild = false,
+  ...props
+}) => {
+  const Comp = asChild ? Slot : "button";
+  return /* @__PURE__ */ jsx(
+    Comp,
+    {
+      className: buttonVariants({ variant, size, className }),
+      ref,
+      ...props
+    }
+  );
+};
+Button.displayName = "Button";
+export {
+  Button,
+  buttonVariants
+};
+//# sourceMappingURL=button.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"button.js","sources":["../../../../src/components/ui/button.tsx"],"sourcesContent":["import * as React from 'react'\nimport { Slot } from '@radix-ui/react-slot'\nimport { cva } from 'class-variance-authority'\nimport type { VariantProps } from 'class-variance-authority'\n\nconst buttonVariants = cva(\n  'inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 cursor-pointer [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0',\n  {\n    variants: {\n      variant: {\n        default: 'bg-primary text-primary-foreground hover:bg-primary/90',\n        destructive:\n          'bg-destructive text-destructive-foreground hover:bg-destructive/90',\n        outline:\n          'border border-input bg-background hover:bg-accent hover:text-accent-foreground',\n        secondary:\n          'bg-secondary text-secondary-foreground hover:bg-secondary/80',\n        ghost: 'hover:bg-accent hover:text-accent-foreground',\n        link: 'text-primary underline-offset-4 hover:underline',\n      },\n      size: {\n        default: 'h-10 px-4 py-2',\n        sm: 'h-9 rounded-md px-3',\n        lg: 'h-11 rounded-md px-8',\n        icon: 'h-10 w-10',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n    },\n  },\n)\n\nexport interface ButtonProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement>,\n    VariantProps<typeof buttonVariants> {\n  asChild?: boolean\n}\n\nconst Button = ({\n  ref,\n  className,\n  variant,\n  size,\n  asChild = false,\n  ...props\n}: ButtonProps & { ref?: React.RefObject<HTMLButtonElement | null> }) => {\n  const Comp = asChild ? Slot : 'button'\n  return (\n    <Comp\n      className={buttonVariants({ variant, size, className })}\n      ref={ref}\n      {...props}\n    />\n  )\n}\nButton.displayName = 'Button'\n\nexport { Button, buttonVariants }\n"],"names":[],"mappings":";;;AAKA,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,OAAO;AAAA,QACP,MAAM;AAAA,MAAA;AAAA,MAER,MAAM;AAAA,QACJ,SAAS;AAAA,QACT,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,MAAM;AAAA,MAAA;AAAA,IACR;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,IAAA;AAAA,EACR;AAEJ;AAQA,MAAM,SAAS,CAAC;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV,GAAG;AACL,MAAyE;AACvE,QAAM,OAAO,UAAU,OAAO;AAC9B,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,eAAe,EAAE,SAAS,MAAM,WAAW;AAAA,MACtD;AAAA,MACC,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;AACA,OAAO,cAAc;"}

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

@@ -0,0 +1,38 @@
+import * as React from 'react';
+declare const Card: {
+    ({ ref, className, ...props }: React.HTMLAttributes<HTMLDivElement> & {
+        ref?: React.RefObject<HTMLDivElement | null>;
+    }): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const CardHeader: {
+    ({ ref, className, ...props }: React.HTMLAttributes<HTMLDivElement> & {
+        ref?: React.RefObject<HTMLDivElement | null>;
+    }): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const CardTitle: {
+    ({ ref, className, ...props }: React.HTMLAttributes<HTMLDivElement> & {
+        ref?: React.RefObject<HTMLDivElement | null>;
+    }): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const CardDescription: {
+    ({ ref, className, ...props }: React.HTMLAttributes<HTMLDivElement> & {
+        ref?: React.RefObject<HTMLDivElement | null>;
+    }): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const CardContent: {
+    ({ ref, className, ...props }: React.HTMLAttributes<HTMLDivElement> & {
+        ref?: React.RefObject<HTMLDivElement | null>;
+    }): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const CardFooter: {
+    ({ ref, className, ...props }: React.HTMLAttributes<HTMLDivElement> & {
+        ref?: React.RefObject<HTMLDivElement | null>;
+    }): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent };

package/dist/esm/components/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, CollapsibleTrigger, CollapsibleContent };

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

@@ -0,0 +1,21 @@
+import { VariantProps } from 'class-variance-authority';
+import * as React from 'react';
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+declare const dialogVariants: (props?: ({
+    variant?: "inline" | "default" | null | undefined;
+    position?: "br" | "default" | "bl" | "bc" | null | undefined;
+    size?: "default" | "sm" | "lg" | "md" | "xl" | "fullscreen" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+declare function Dialog({ ...props }: React.ComponentProps<typeof DialogPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function DialogTrigger({ ...props }: React.ComponentProps<typeof DialogPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function DialogPortal({ ...props }: React.ComponentProps<typeof DialogPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
+declare function DialogClose({ ...props }: React.ComponentProps<typeof DialogPrimitive.Close>): import("react/jsx-runtime").JSX.Element;
+declare function DialogOverlay({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Overlay>): import("react/jsx-runtime").JSX.Element;
+export interface DialogContentProps extends React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>, VariantProps<typeof dialogVariants> {
+}
+declare function DialogContent({ className, variant, size, position, children, ...props }: DialogContentProps): import("react/jsx-runtime").JSX.Element;
+declare function DialogHeader({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function DialogFooter({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function DialogTitle({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Title>): import("react/jsx-runtime").JSX.Element;
+declare function DialogDescription({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Description>): import("react/jsx-runtime").JSX.Element;
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, };

package/dist/esm/components/ui/dropdown-menu.d.ts

@@ -0,0 +1,25 @@
+import * as React from 'react';
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+declare function DropdownMenu({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuPortal({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuTrigger({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuContent({ className, sideOffset, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuGroup({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Group>): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuItem({ className, inset, variant, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Item> & {
+    inset?: boolean;
+    variant?: 'default' | 'destructive';
+}): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuCheckboxItem({ className, children, checked, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuRadioGroup({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuRadioItem({ className, children, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.RadioItem>): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuLabel({ className, inset, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Label> & {
+    inset?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuSeparator({ className, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Separator>): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuShortcut({ className, ...props }: React.ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuSub({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Sub>): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuSubTrigger({ className, inset, children, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {
+    inset?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuSubContent({ className, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.SubContent>): import("react/jsx-runtime").JSX.Element;
+export { DropdownMenu, DropdownMenuPortal, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent, };

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

@@ -0,0 +1,10 @@
+import * as React from 'react';
+export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
+}
+declare const Input: {
+    ({ ref, className, type, ...props }: InputProps & {
+        ref?: React.RefObject<HTMLInputElement | null>;
+    }): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { Input };

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

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import * as PopoverPrimitive from '@radix-ui/react-popover';
+declare function Popover({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function PopoverTrigger({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function PopoverContent({ className, align, sideOffset, ...props }: React.ComponentProps<typeof PopoverPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+declare function PopoverAnchor({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Anchor>): import("react/jsx-runtime").JSX.Element;
+export { Popover, PopoverTrigger, PopoverContent, PopoverAnchor };

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

@@ -0,0 +1,14 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import * as PopoverPrimitive from "@radix-ui/react-popover";
+import "clsx";
+import "tailwind-merge";
+function PopoverTrigger({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(PopoverPrimitive.Trigger, { "data-slot": "popover-trigger", ...props });
+}
+export {
+  PopoverTrigger
+};
+//# sourceMappingURL=popover.js.map

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

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

package/dist/esm/components/ui/scroll-area.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
+declare function ScrollArea({ className, children, ...props }: React.ComponentProps<typeof ScrollAreaPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function ScrollBar({ className, orientation, ...props }: React.ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>): import("react/jsx-runtime").JSX.Element;
+export { ScrollArea, ScrollBar };

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

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

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

@@ -0,0 +1,27 @@
+import { jsx } from "react/jsx-runtime";
+import * as SeparatorPrimitive from "@radix-ui/react-separator";
+import { cn } from "../../lib/utils.js";
+function Separator({
+  className,
+  orientation = "horizontal",
+  decorative = true,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    SeparatorPrimitive.Root,
+    {
+      "data-slot": "separator",
+      decorative,
+      orientation,
+      className: cn(
+        "bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px",
+        className
+      ),
+      ...props
+    }
+  );
+}
+export {
+  Separator
+};
+//# sourceMappingURL=separator.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"separator.js","sources":["../../../../src/components/ui/separator.tsx"],"sourcesContent":["import * as React from 'react'\nimport * as SeparatorPrimitive from '@radix-ui/react-separator'\n\nimport { cn } from '~/lib/utils'\n\nfunction Separator({\n  className,\n  orientation = 'horizontal',\n  decorative = true,\n  ...props\n}: React.ComponentProps<typeof SeparatorPrimitive.Root>) {\n  return (\n    <SeparatorPrimitive.Root\n      data-slot=\"separator\"\n      decorative={decorative}\n      orientation={orientation}\n      className={cn(\n        'bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px',\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Separator }\n"],"names":[],"mappings":";;;AAKA,SAAS,UAAU;AAAA,EACjB;AAAA,EACA,cAAc;AAAA,EACd,aAAa;AAAA,EACb,GAAG;AACL,GAAyD;AACvD,SACE;AAAA,IAAC,mBAAmB;AAAA,IAAnB;AAAA,MACC,aAAU;AAAA,MACV;AAAA,MACA;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MAAA;AAAA,MAED,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;"}

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

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import * as TabsPrimitive from '@radix-ui/react-tabs';
+declare function Tabs({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function TabsList({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.List>): import("react/jsx-runtime").JSX.Element;
+declare function TabsTrigger({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function TabsContent({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+export { Tabs, TabsList, TabsTrigger, TabsContent };

package/dist/esm/index.d.ts

@@ -0,0 +1,3 @@
+export { appPropsFactory } from './appPropsFactory.js';
+export { App } from './App.js';
+export type { AppProps } from './App.js';

package/dist/esm/index.js

@@ -0,0 +1,7 @@
+import { appPropsFactory } from "./appPropsFactory.js";
+import { App } from "./App.js";
+export {
+  App,
+  appPropsFactory
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/dist/esm/lib/utils.d.ts

@@ -0,0 +1,2 @@
+import { ClassValue } from 'clsx';
+export declare function cn(...inputs: Array<ClassValue>): string;

package/dist/esm/lib/utils.js

@@ -0,0 +1,9 @@
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+export {
+  cn
+};
+//# sourceMappingURL=utils.js.map

package/dist/esm/lib/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../src/lib/utils.ts"],"sourcesContent":["import { clsx } from 'clsx'\nimport { twMerge } from 'tailwind-merge'\nimport type { ClassValue } from 'clsx'\n\nexport function cn(...inputs: Array<ClassValue>) {\n  return twMerge(clsx(inputs))\n}\n"],"names":[],"mappings":";;AAIO,SAAS,MAAM,QAA2B;AAC/C,SAAO,QAAQ,KAAK,MAAM,CAAC;AAC7B;"}

package/dist/esm/modules/config/BootstrapConfigContext.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+import { BootstrapConfigData } from '@env-hopper/backend-core';
+interface BootstrapConfigProviderProps {
+    children: ReactNode;
+    bootstrapConfig: BootstrapConfigData;
+}
+export declare function BootstrapConfigProvider({ children, bootstrapConfig, }: BootstrapConfigProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function useBootstrapConfig(): BootstrapConfigData;
+export {};

package/dist/esm/modules/config/BootstrapConfigContext.js

@@ -0,0 +1,25 @@
+import { jsx } from "react/jsx-runtime";
+import { createContext, use } from "react";
+const BootstrapConfigContext = createContext(
+  void 0
+);
+function BootstrapConfigProvider({
+  children,
+  bootstrapConfig
+}) {
+  return /* @__PURE__ */ jsx(BootstrapConfigContext, { value: bootstrapConfig, children });
+}
+function useBootstrapConfig() {
+  const context = use(BootstrapConfigContext);
+  if (context === void 0) {
+    throw new Error(
+      "useBootstrapConfig must be used within a BootstrapConfigProvider"
+    );
+  }
+  return context;
+}
+export {
+  BootstrapConfigProvider,
+  useBootstrapConfig
+};
+//# sourceMappingURL=BootstrapConfigContext.js.map

package/dist/esm/modules/config/BootstrapConfigContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BootstrapConfigContext.js","sources":["../../../../src/modules/config/BootstrapConfigContext.tsx"],"sourcesContent":["import { createContext, use } from 'react'\nimport type { ReactNode } from 'react'\nimport type { BootstrapConfigData } from '@env-hopper/backend-core'\n\nconst BootstrapConfigContext = createContext<BootstrapConfigData | undefined>(\n  undefined,\n)\n\ninterface BootstrapConfigProviderProps {\n  children: ReactNode\n  bootstrapConfig: BootstrapConfigData\n}\n\nexport function BootstrapConfigProvider({\n  children,\n  bootstrapConfig,\n}: BootstrapConfigProviderProps) {\n  return (\n    <BootstrapConfigContext value={bootstrapConfig}>\n      {children}\n    </BootstrapConfigContext>\n  )\n}\n\nexport function useBootstrapConfig(): BootstrapConfigData {\n  const context = use(BootstrapConfigContext)\n  if (context === undefined) {\n    throw new Error(\n      'useBootstrapConfig must be used within a BootstrapConfigProvider',\n    )\n  }\n  return context\n}\n"],"names":[],"mappings":";;AAIA,MAAM,yBAAyB;AAAA,EAC7B;AACF;AAOO,SAAS,wBAAwB;AAAA,EACtC;AAAA,EACA;AACF,GAAiC;AAC/B,SACE,oBAAC,wBAAA,EAAuB,OAAO,iBAC5B,SAAA,CACH;AAEJ;AAEO,SAAS,qBAA0C;AACxD,QAAM,UAAU,IAAI,sBAAsB;AAC1C,MAAI,YAAY,QAAW;AACzB,UAAM,IAAI;AAAA,MACR;AAAA,IAAA;AAAA,EAEJ;AACA,SAAO;AACT;"}

package/dist/esm/modules/config/GlobalConfigContext.d.ts

@@ -0,0 +1,14 @@
+import { ReactNode } from 'react';
+interface FrontendConfig {
+    microinteractionsToKeep: number;
+    searchHistoryToKeep: number;
+}
+export interface GlobalConfigContext {
+    config: FrontendConfig;
+}
+interface GlobalConfigProviderProps {
+    children: ReactNode;
+}
+export declare function GlobalConfigProvider({ children }: GlobalConfigProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function useGlobalConfig(): GlobalConfigContext;
+export {};

package/dist/esm/modules/config/GlobalConfigContext.js

@@ -0,0 +1,21 @@
+import { jsx } from "react/jsx-runtime";
+import { useMemo, createContext } from "react";
+const GlobalConfigContext = createContext(
+  void 0
+);
+function GlobalConfigProvider({ children }) {
+  const value = useMemo(
+    () => ({
+      config: {
+        microinteractionsToKeep: 1e3,
+        searchHistoryToKeep: 1e3
+      }
+    }),
+    []
+  );
+  return /* @__PURE__ */ jsx(GlobalConfigContext, { value, children });
+}
+export {
+  GlobalConfigProvider
+};
+//# sourceMappingURL=GlobalConfigContext.js.map

package/dist/esm/modules/config/GlobalConfigContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GlobalConfigContext.js","sources":["../../../../src/modules/config/GlobalConfigContext.tsx"],"sourcesContent":["import { createContext, use, useMemo } from 'react'\nimport type { ReactNode } from 'react'\n\ninterface FrontendConfig {\n  microinteractionsToKeep: number\n  searchHistoryToKeep: number\n}\n\nexport interface GlobalConfigContext {\n  config: FrontendConfig\n}\n\nconst GlobalConfigContext = createContext<GlobalConfigContext | undefined>(\n  undefined,\n)\n\ninterface GlobalConfigProviderProps {\n  children: ReactNode\n}\n\nexport function GlobalConfigProvider({ children }: GlobalConfigProviderProps) {\n  const value: GlobalConfigContext = useMemo(\n    () => ({\n      config: {\n        microinteractionsToKeep: 1000,\n        searchHistoryToKeep: 1000,\n      },\n    }),\n    [],\n  )\n  return <GlobalConfigContext value={value}>{children}</GlobalConfigContext>\n}\n\nexport function useGlobalConfig(): GlobalConfigContext {\n  const context = use(GlobalConfigContext)\n  if (context === undefined) {\n    throw new Error(\n      'useGlobalConfig must be used within a GlobalConfigProvider',\n    )\n  }\n  return context\n}\n"],"names":[],"mappings":";;AAYA,MAAM,sBAAsB;AAAA,EAC1B;AACF;AAMO,SAAS,qBAAqB,EAAE,YAAuC;AAC5E,QAAM,QAA6B;AAAA,IACjC,OAAO;AAAA,MACL,QAAQ;AAAA,QACN,yBAAyB;AAAA,QACzB,qBAAqB;AAAA,MAAA;AAAA,IACvB;AAAA,IAEF,CAAA;AAAA,EAAC;AAEH,SAAO,oBAAC,qBAAA,EAAoB,OAAe,SAAA,CAAS;AACtD;"}

package/dist/esm/modules/environment/ApiQueryMagazineEnvironment.d.ts

@@ -0,0 +1,12 @@
+import { DbAware } from '~/types/ehTypes';
+import { EnvironmentHistoryItem } from './types.js';
+export declare class ApiQueryMagazineHistory {
+    static getEnvSelectionHistory({ db }: DbAware): import('@tanstack/react-query').OmitKeyof<import('@tanstack/react-query').UseQueryOptions<EnvironmentHistoryItem[], Error, EnvironmentHistoryItem[], readonly unknown[]>, "queryFn"> & {
+        queryFn?: import('@tanstack/react-query').QueryFunction<EnvironmentHistoryItem[], readonly unknown[], never> | undefined;
+    } & {
+        queryKey: readonly unknown[] & {
+            [dataTagSymbol]: EnvironmentHistoryItem[];
+            [dataTagErrorSymbol]: Error;
+        };
+    };
+}

package/dist/esm/modules/environment/ApiQueryMagazineEnvironment.js

@@ -0,0 +1,13 @@
+import { queryOptions } from "@tanstack/react-query";
+class ApiQueryMagazineHistory {
+  static getEnvSelectionHistory({ db }) {
+    return queryOptions({
+      queryKey: ["envSelectionHistory"],
+      queryFn: () => db.environmentHistory.toArray()
+    });
+  }
+}
+export {
+  ApiQueryMagazineHistory
+};
+//# sourceMappingURL=ApiQueryMagazineEnvironment.js.map

package/dist/esm/modules/environment/ApiQueryMagazineEnvironment.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ApiQueryMagazineEnvironment.js","sources":["../../../../src/modules/environment/ApiQueryMagazineEnvironment.ts"],"sourcesContent":["import { queryOptions } from '@tanstack/react-query'\nimport type { DbAware } from '~/types/ehTypes'\nimport type { EnvironmentHistoryItem } from './types'\n\nexport class ApiQueryMagazineHistory {\n  static getEnvSelectionHistory({ db }: DbAware) {\n    return queryOptions<Array<EnvironmentHistoryItem>, Error>({\n      queryKey: ['envSelectionHistory'],\n      queryFn: () => db.environmentHistory.toArray(),\n    })\n  }\n}\n"],"names":[],"mappings":";AAIO,MAAM,wBAAwB;AAAA,EACnC,OAAO,uBAAuB,EAAE,MAAe;AAC7C,WAAO,aAAmD;AAAA,MACxD,UAAU,CAAC,qBAAqB;AAAA,MAChC,SAAS,MAAM,GAAG,mBAAmB,QAAA;AAAA,IAAQ,CAC9C;AAAA,EACH;AACF;"}

package/dist/esm/modules/environment/EnvironmentContext.d.ts

@@ -0,0 +1,15 @@
+import { EhEnvIndexed } from '@env-hopper/backend-core';
+import { ReactNode } from 'react';
+import { EnvironmentHistoryItem } from './types.js';
+export interface EnvironmentContext {
+    setCurrentEnv: (envSlug: string | undefined) => void;
+    currentEnv: EhEnvIndexed | undefined;
+    getHistory: () => Array<EnvironmentHistoryItem>;
+}
+interface EnvironmentProviderProps {
+    children: ReactNode;
+    initialEnvSlug?: string;
+}
+export declare function EnvironmentProvider({ children, initialEnvSlug, }: EnvironmentProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function useEnvironmentContext(): EnvironmentContext;
+export {};

package/dist/esm/modules/environment/EnvironmentContext.js

@@ -0,0 +1,67 @@
+import { jsx } from "react/jsx-runtime";
+import { useState, useEffect, useCallback, useMemo, createContext, use } from "react";
+import { useBootstrapConfig } from "../config/BootstrapConfigContext.js";
+import { useDb } from "../../userDb/DbContext.js";
+const EnvironmentContext = createContext(
+  void 0
+);
+function EnvironmentProvider({
+  children,
+  initialEnvSlug
+}) {
+  const indexData = useBootstrapConfig();
+  const db = useDb();
+  const [history, setHistory] = useState([]);
+  useEffect(() => {
+    const fetchHistory = async () => {
+      const historyItems = await db.environmentHistory.toCollection().sortBy("timestamp");
+      setHistory(historyItems);
+    };
+    fetchHistory();
+  }, [db.environmentHistory]);
+  const [currentEnvSlug, setCurrentEnvSlug] = useState(
+    initialEnvSlug
+  );
+  const findEnvBySlug = useCallback(
+    (envSlug) => {
+      if (!envSlug) return void 0;
+      return indexData.envs[envSlug];
+    },
+    [indexData.envs]
+  );
+  const currentEnv = findEnvBySlug(currentEnvSlug);
+  const setCurrentEnv = useCallback(
+    (envSlug) => {
+      setCurrentEnvSlug(envSlug);
+      const timestamp = Date.now();
+      if (envSlug !== void 0) {
+        setHistory((prev) => [...prev, { envSlug, timestamp }]);
+        db.environmentHistory.add({ envSlug, timestamp });
+      }
+    },
+    [db.environmentHistory]
+  );
+  const value = useMemo(
+    () => ({
+      setCurrentEnv,
+      currentEnv,
+      getHistory: () => history
+    }),
+    [currentEnv, setCurrentEnv, history]
+  );
+  return /* @__PURE__ */ jsx(EnvironmentContext, { value, children });
+}
+function useEnvironmentContext() {
+  const context = use(EnvironmentContext);
+  if (context === void 0) {
+    throw new Error(
+      "useEnvironmentContext must be used within an EnvironmentProvider"
+    );
+  }
+  return context;
+}
+export {
+  EnvironmentProvider,
+  useEnvironmentContext
+};
+//# sourceMappingURL=EnvironmentContext.js.map