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

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/checkbox.js

@@ -0,0 +1,32 @@
+import { jsx } from "react/jsx-runtime";
+import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
+import { CheckIcon } from "lucide-react";
+import { cn } from "../lib/utils.js";
+function Checkbox({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    CheckboxPrimitive.Root,
+    {
+      "data-slot": "checkbox",
+      className: cn(
+        "peer border-input dark:bg-input/30 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground dark:data-[state=checked]:bg-primary data-[state=checked]:border-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive size-4 shrink-0 rounded-[4px] border shadow-xs transition-shadow outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsx(
+        CheckboxPrimitive.Indicator,
+        {
+          "data-slot": "checkbox-indicator",
+          className: "grid place-content-center text-current transition-none",
+          children: /* @__PURE__ */ jsx(CheckIcon, { className: "size-3.5" })
+        }
+      )
+    }
+  );
+}
+export {
+  Checkbox
+};
+//# sourceMappingURL=checkbox.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.js","sources":["../../../src/ui/checkbox.tsx"],"sourcesContent":["import * as React from 'react'\nimport * as CheckboxPrimitive from '@radix-ui/react-checkbox'\nimport { CheckIcon } from 'lucide-react'\n\nimport { cn } from '~/lib/utils'\n\nfunction Checkbox({\n  className,\n  ...props\n}: React.ComponentProps<typeof CheckboxPrimitive.Root>) {\n  return (\n    <CheckboxPrimitive.Root\n      data-slot=\"checkbox\"\n      className={cn(\n        'peer border-input dark:bg-input/30 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground dark:data-[state=checked]:bg-primary data-[state=checked]:border-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive size-4 shrink-0 rounded-[4px] border shadow-xs transition-shadow outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50',\n        className,\n      )}\n      {...props}\n    >\n      <CheckboxPrimitive.Indicator\n        data-slot=\"checkbox-indicator\"\n        className=\"grid place-content-center text-current transition-none\"\n      >\n        <CheckIcon className=\"size-3.5\" />\n      </CheckboxPrimitive.Indicator>\n    </CheckboxPrimitive.Root>\n  )\n}\n\nexport { Checkbox }\n"],"names":[],"mappings":";;;;AAMA,SAAS,SAAS;AAAA,EAChB;AAAA,EACA,GAAG;AACL,GAAwD;AACtD,SACE;AAAA,IAAC,kBAAkB;AAAA,IAAlB;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MAAA;AAAA,MAED,GAAG;AAAA,MAEJ,UAAA;AAAA,QAAC,kBAAkB;AAAA,QAAlB;AAAA,UACC,aAAU;AAAA,UACV,WAAU;AAAA,UAEV,UAAA,oBAAC,WAAA,EAAU,WAAU,WAAA,CAAW;AAAA,QAAA;AAAA,MAAA;AAAA,IAClC;AAAA,EAAA;AAGN;"}

package/dist/esm/{components/ui → ui}/collapsible.d.ts

@@ -2,4 +2,4 @@ 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 };
+export { Collapsible, CollapsibleContent, CollapsibleTrigger };

package/dist/esm/ui/collapsible.js

@@ -0,0 +1,47 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
+import { ChevronsUpDown } from "lucide-react";
+import { Button } from "./button.js";
+function Collapsible({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(CollapsiblePrimitive.Root, { "data-slot": "collapsible", ...props });
+}
+function CollapsibleTrigger({
+  ...props
+}) {
+  const { children, ...rest } = props;
+  return /* @__PURE__ */ jsx(
+    CollapsiblePrimitive.CollapsibleTrigger,
+    {
+      "data-slot": "collapsible-trigger",
+      className: "flex items-center",
+      asChild: true,
+      ...rest,
+      children: /* @__PURE__ */ jsxs(Button, { variant: "ghost", className: "", children: [
+        /* @__PURE__ */ jsxs("span", { children: [
+          " ",
+          /* @__PURE__ */ jsx(ChevronsUpDown, {})
+        ] }),
+        /* @__PURE__ */ jsx("span", { children })
+      ] })
+    }
+  );
+}
+function CollapsibleContent({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    CollapsiblePrimitive.CollapsibleContent,
+    {
+      "data-slot": "collapsible-content",
+      ...props
+    }
+  );
+}
+export {
+  Collapsible,
+  CollapsibleContent,
+  CollapsibleTrigger
+};
+//# sourceMappingURL=collapsible.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"collapsible.js","sources":["../../../src/ui/collapsible.tsx"],"sourcesContent":["import * as CollapsiblePrimitive from '@radix-ui/react-collapsible'\nimport { ChevronsUpDown } from 'lucide-react'\nimport { Button } from '~/ui/button'\n\nfunction Collapsible({\n  ...props\n}: React.ComponentProps<typeof CollapsiblePrimitive.Root>) {\n  return <CollapsiblePrimitive.Root data-slot=\"collapsible\" {...props} />\n}\n\nfunction CollapsibleTrigger({\n  ...props\n}: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleTrigger>) {\n  const { children, ...rest } = props\n  return (\n    <CollapsiblePrimitive.CollapsibleTrigger\n      data-slot=\"collapsible-trigger\"\n      className=\"flex items-center\"\n      asChild\n      {...rest}\n    >\n      <Button variant=\"ghost\" className=\"\">\n        <span>\n          {' '}\n          <ChevronsUpDown />\n        </span>\n        <span>{children}</span>\n      </Button>\n    </CollapsiblePrimitive.CollapsibleTrigger>\n  )\n}\n\nfunction CollapsibleContent({\n  ...props\n}: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleContent>) {\n  return (\n    <CollapsiblePrimitive.CollapsibleContent\n      data-slot=\"collapsible-content\"\n      {...props}\n    />\n  )\n}\n\nexport { Collapsible, CollapsibleContent, CollapsibleTrigger }\n\n"],"names":[],"mappings":";;;;AAIA,SAAS,YAAY;AAAA,EACnB,GAAG;AACL,GAA2D;AACzD,6BAAQ,qBAAqB,MAArB,EAA0B,aAAU,eAAe,GAAG,OAAO;AACvE;AAEA,SAAS,mBAAmB;AAAA,EAC1B,GAAG;AACL,GAAyE;AACvE,QAAM,EAAE,UAAU,GAAG,KAAA,IAAS;AAC9B,SACE;AAAA,IAAC,qBAAqB;AAAA,IAArB;AAAA,MACC,aAAU;AAAA,MACV,WAAU;AAAA,MACV,SAAO;AAAA,MACN,GAAG;AAAA,MAEJ,UAAA,qBAAC,QAAA,EAAO,SAAQ,SAAQ,WAAU,IAChC,UAAA;AAAA,QAAA,qBAAC,QAAA,EACE,UAAA;AAAA,UAAA;AAAA,8BACA,gBAAA,CAAA,CAAe;AAAA,QAAA,GAClB;AAAA,QACA,oBAAC,UAAM,SAAA,CAAS;AAAA,MAAA,EAAA,CAClB;AAAA,IAAA;AAAA,EAAA;AAGN;AAEA,SAAS,mBAAmB;AAAA,EAC1B,GAAG;AACL,GAAyE;AACvE,SACE;AAAA,IAAC,qBAAqB;AAAA,IAArB;AAAA,MACC,aAAU;AAAA,MACT,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;"}

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,168 @@
+"use client";
+import { jsxs, jsx } from "react/jsx-runtime";
+import { Command as Command$1 } from "cmdk";
+import { SearchIcon } from "lucide-react";
+import { cn } from "../lib/utils.js";
+import { Dialog, DialogHeader, DialogTitle, DialogDescription, DialogContent } from "./dialog.js";
+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 CommandDialog({
+  title = "Command Palette",
+  description = "Search for a command to run...",
+  children,
+  className,
+  showCloseButton = true,
+  commandProps,
+  position = "center",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(Dialog, { ...props, children: [
+    /* @__PURE__ */ jsxs(DialogHeader, { className: "sr-only", children: [
+      /* @__PURE__ */ jsx(DialogTitle, { children: title }),
+      /* @__PURE__ */ jsx(DialogDescription, { children: description })
+    ] }),
+    /* @__PURE__ */ jsx(
+      DialogContent,
+      {
+        className: cn(
+          "overflow-hidden p-0",
+          position === "top" && "top-[10%] translate-y-0",
+          className
+        ),
+        showCloseButton,
+        children: /* @__PURE__ */ jsx(
+          Command,
+          {
+            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",
+            ...commandProps,
+            children
+          }
+        )
+      }
+    )
+  ] });
+}
+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,
+  CommandDialog,
+  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;AAEA;AAAuB;AACb;AACM;AACd;AACA;AACkB;AAClB;AACW;AAEb;AAQE;AAEI;AACE;AAAoB;AACY;AAClC;AACA;AAAC;AAAA;AACY;AACT;AACsB;AACtB;AAAA;AAEF;AAEA;AAAC;AAAA;AACW;AACN;AAEH;AAAA;AAAA;AACH;AAAA;AAIR;AAEA;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/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

@@ -1,6 +1,2 @@
 import { default as React } from 'react';
-import { Popover } from '~/components/ui/popover';
 export declare function EhBaseSelectorRoot({ className, ...props }: React.ComponentPropsWithoutRef<'div'>): import("react/jsx-runtime").JSX.Element;
-export declare function EhBaseSelectorLabel({ className, ...props }: React.ComponentPropsWithoutRef<'div'>): import("react/jsx-runtime").JSX.Element;
-export declare function EhBaseSelectorPopover({ ...props }: React.ComponentPropsWithoutRef<typeof Popover>): import("react/jsx-runtime").JSX.Element;
-export declare function EhBaseSelectorCommand({ className, ...props }: React.ComponentPropsWithoutRef<'div'>): import("react/jsx-runtime").JSX.Element;

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

@@ -1,10 +1,58 @@
-import { jsx } from "react/jsx-runtime";
-import { useEnvironmentContext } from "../../modules/environment/EnvironmentContext.js";
-import { useResourceJumpContext } from "../../modules/resourceJump/ResourceJumpContext.js";
+import { jsxs, jsx } from "react/jsx-runtime";
+import { pick } from "radashi";
+import { useState } from "react";
+import { useEnvironmentContext } from "../../modules/environment/context/EnvironmentContext.js";
+import { useResourceJumpContext } from "../../modules/resourceJump/context/ResourceJumpContext.js";
+import { Checkbox } from "../checkbox.js";
+import { Collapsible, CollapsibleTrigger, CollapsibleContent } from "../collapsible.js";
+import { Label } from "../label.js";
 const ContextDebug = () => {
-  const { currentResourceJump } = useResourceJumpContext();
-  const { currentEnv } = useEnvironmentContext();
-  return /* @__PURE__ */ jsx("pre", { children: JSON.stringify({ currentResourceJump, currentEnv }, null, 2) });
+  const ctxE = useEnvironmentContext();
+  const ctxRj = useResourceJumpContext();
+  const [showCurrentResourceJump, setCurrentResourceJump] = useState(false);
+  const [showHistory, setShowHistory] = useState(false);
+  const showElements = [];
+  if (showCurrentResourceJump) {
+    showElements.push("currentFlagship");
+    showElements.push("currentResourceJump");
+  }
+  const ctx = {
+    ...pick(ctxRj, showElements)
+  };
+  if (showHistory) {
+    ctx.resHistory = ctxRj.history.slice(-3);
+    ctx.envHistory = ctxE.history.slice(-3);
+  }
+  return /* @__PURE__ */ jsxs(Collapsible, { children: [
+    /* @__PURE__ */ jsx(CollapsibleTrigger, { children: "Debug" }),
+    /* @__PURE__ */ jsxs(CollapsibleContent, { children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-6", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+          /* @__PURE__ */ jsx(
+            Checkbox,
+            {
+              id: "terms",
+              checked: showCurrentResourceJump,
+              onClick: () => setCurrentResourceJump(!showCurrentResourceJump)
+            }
+          ),
+          /* @__PURE__ */ jsx(Label, { htmlFor: "terms", children: "resouceJump" })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+          /* @__PURE__ */ jsx(
+            Checkbox,
+            {
+              id: "terms",
+              checked: showHistory,
+              onClick: () => setShowHistory(!showHistory)
+            }
+          ),
+          /* @__PURE__ */ jsx(Label, { htmlFor: "terms", children: "History" })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx("pre", { children: JSON.stringify(ctx, null, 2) })
+    ] })
+  ] });
 };
 export {
   ContextDebug as default

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

@@ -1 +1 @@
-{"version":3,"file":"contextDebug.js","sources":["../../../../src/ui/components/contextDebug.tsx"],"sourcesContent":["import { useEnvironmentContext } from '~/modules/environment/EnvironmentContext'\nimport { useResourceJumpContext } from '~/modules/resourceJump/ResourceJumpContext'\n\nconst ContextDebug: React.FC = () => {\n  const { currentResourceJump } = useResourceJumpContext()\n  const { currentEnv } = useEnvironmentContext()\n\n  return (\n    <pre>{JSON.stringify({ currentResourceJump, currentEnv }, null, 2)}</pre>\n  )\n}\n\nexport default ContextDebug\n"],"names":[],"mappings":";;;AAGA,MAAM,eAAyB,MAAM;AACnC,QAAM,EAAE,oBAAA,IAAwB,uBAAA;AAChC,QAAM,EAAE,WAAA,IAAe,sBAAA;AAEvB,SACE,oBAAC,OAAA,EAAK,UAAA,KAAK,UAAU,EAAE,qBAAqB,WAAA,GAAc,MAAM,CAAC,EAAA,CAAE;AAEvE;"}
+{"version":3,"file":"contextDebug.js","sources":["../../../../src/ui/components/contextDebug.tsx"],"sourcesContent":["import { pick } from 'radashi'\nimport { useState } from 'react'\nimport { useEnvironmentContext } from '~/modules/environment/context/EnvironmentContext'\nimport { useResourceJumpContext } from '~/modules/resourceJump/context/ResourceJumpContext'\nimport { Checkbox } from '~/ui/checkbox'\nimport {\n    Collapsible,\n    CollapsibleContent,\n    CollapsibleTrigger,\n} from '~/ui/collapsible'\nimport { Label } from '~/ui/label'\n\nconst ContextDebug: React.FC = () => {\n  const ctxE = useEnvironmentContext()\n  const ctxRj = useResourceJumpContext()\n\n  const [showCurrentResourceJump, setCurrentResourceJump] = useState(false)\n  const [showHistory, setShowHistory] = useState(false)\n\n  const showElements: Array<keyof typeof ctxRj> = []\n  if (showCurrentResourceJump) {\n    showElements.push('currentFlagship')\n    showElements.push('currentResourceJump')\n  }\n\n  const ctx: Record<string, unknown> = {\n    ...pick(ctxRj, showElements),\n  }\n  if (showHistory) {\n    ctx.resHistory = ctxRj.history.slice(-3)\n    ctx.envHistory = ctxE.history.slice(-3)\n  }\n\n  return (\n    <Collapsible>\n      <CollapsibleTrigger>Debug</CollapsibleTrigger>\n      <CollapsibleContent>\n        <div className=\"flex flex-col gap-6\">\n          <div className=\"flex items-center gap-3\">\n            <Checkbox\n              id=\"terms\"\n              checked={showCurrentResourceJump}\n              onClick={() => setCurrentResourceJump(!showCurrentResourceJump)}\n            />\n            <Label htmlFor=\"terms\">resouceJump</Label>\n          </div>\n          <div className=\"flex items-center gap-3\">\n            <Checkbox\n              id=\"terms\"\n              checked={showHistory}\n              onClick={() => setShowHistory(!showHistory)}\n            />\n            <Label htmlFor=\"terms\">History</Label>\n          </div>\n        </div>\n        <pre>{JSON.stringify(ctx, null, 2)}</pre>\n      </CollapsibleContent>\n    </Collapsible>\n  )\n}\n\nexport default ContextDebug\n"],"names":[],"mappings":";;;;;;;;AAYA,MAAM,eAAyB,MAAM;AACnC,QAAM,OAAO,sBAAA;AACb,QAAM,QAAQ,uBAAA;AAEd,QAAM,CAAC,yBAAyB,sBAAsB,IAAI,SAAS,KAAK;AACxE,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,KAAK;AAEpD,QAAM,eAA0C,CAAA;AAChD,MAAI,yBAAyB;AAC3B,iBAAa,KAAK,iBAAiB;AACnC,iBAAa,KAAK,qBAAqB;AAAA,EACzC;AAEA,QAAM,MAA+B;AAAA,IACnC,GAAG,KAAK,OAAO,YAAY;AAAA,EAAA;AAE7B,MAAI,aAAa;AACf,QAAI,aAAa,MAAM,QAAQ,MAAM,EAAE;AACvC,QAAI,aAAa,KAAK,QAAQ,MAAM,EAAE;AAAA,EACxC;AAEA,8BACG,aAAA,EACC,UAAA;AAAA,IAAA,oBAAC,sBAAmB,UAAA,QAAA,CAAK;AAAA,yBACxB,oBAAA,EACC,UAAA;AAAA,MAAA,qBAAC,OAAA,EAAI,WAAU,uBACb,UAAA;AAAA,QAAA,qBAAC,OAAA,EAAI,WAAU,2BACb,UAAA;AAAA,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,IAAG;AAAA,cACH,SAAS;AAAA,cACT,SAAS,MAAM,uBAAuB,CAAC,uBAAuB;AAAA,YAAA;AAAA,UAAA;AAAA,UAEhE,oBAAC,OAAA,EAAM,SAAQ,SAAQ,UAAA,cAAA,CAAW;AAAA,QAAA,GACpC;AAAA,QACA,qBAAC,OAAA,EAAI,WAAU,2BACb,UAAA;AAAA,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,IAAG;AAAA,cACH,SAAS;AAAA,cACT,SAAS,MAAM,eAAe,CAAC,WAAW;AAAA,YAAA;AAAA,UAAA;AAAA,UAE5C,oBAAC,OAAA,EAAM,SAAQ,SAAQ,UAAA,UAAA,CAAO;AAAA,QAAA,EAAA,CAChC;AAAA,MAAA,GACF;AAAA,0BACC,OAAA,EAAK,UAAA,KAAK,UAAU,KAAK,MAAM,CAAC,EAAA,CAAE;AAAA,IAAA,EAAA,CACrC;AAAA,EAAA,GACF;AAEJ;"}

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

@@ -1,2 +1,3 @@
 import { ErrorComponentProps } from '@tanstack/react-router';
-export declare function DefaultErrorComponent({ error }: ErrorComponentProps): import("react/jsx-runtime").JSX.Element;
+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;