@alepha/ui 0.12.0 → 0.12.1

package/src/{components → core/components}/layout/Sidebar.tsx

@@ -4,15 +4,22 @@ import {
   type FlexProps,
   type MantineBreakpoint,
   Text,
-  ThemeIcon,
 } from "@mantine/core";
 import {
   IconChevronDown,
   IconChevronRight,
   IconSquareRounded,
 } from "@tabler/icons-react";
-import { type ReactNode, useCallback, useState } from "react";
-import ActionButton, { type ActionProps } from "../buttons/ActionButton.tsx";
+import {
+  type ComponentType,
+  type ReactNode,
+  useCallback,
+  useState,
+} from "react";
+import ActionButton, {
+  type ActionProps,
+  renderIcon,
+} from "../buttons/ActionButton.tsx";
 import OmnibarButton from "../buttons/OmnibarButton.tsx";
 
 export interface SidebarProps {
@@ -25,6 +32,9 @@ export interface SidebarProps {
   flexProps?: Partial<FlexProps>;
   collapsed?: boolean;
   gap?: MantineBreakpoint;
+  hide?: {
+    paths?: string[];
+  };
 }
 
 export const Sidebar = (props: SidebarProps) => {
@@ -56,10 +66,8 @@ export const Sidebar = (props: SidebarProps) => {
       if (item.type === "section") {
         if (props.collapsed) return;
         return (
-          <Flex mt={"md"} mb={"xs"} align={"center"} gap={"xs"}>
-            <ThemeIcon c={"dimmed"} size={"xs"} variant={"transparent"}>
-              {item.icon}
-            </ThemeIcon>
+          <Flex key={key} mt={"md"} mb={"xs"} align={"center"} gap={"xs"}>
+            {renderIcon(item.icon)}
             <Text
               key={key}
               size={"xs"}
@@ -108,8 +116,8 @@ export const Sidebar = (props: SidebarProps) => {
     (router.concretePages.map((page) => ({
       label: page.label ?? page.name,
       description: page.description,
-      icon: page.icon,
-      href: page.path,
+      icon: renderIcon(page.icon),
+      href: router.path(page.name),
     })) as SidebarMenuItem[]);
 
   return (
@@ -211,25 +219,19 @@ export const SidebarItem = (props: SidebarItemProps) => {
         justify="space-between"
         href={props.item.href}
         target={props.item.target}
-        variant={"subtle"}
         size={
           props.item.theme?.size ??
           props.theme.button?.size ??
           (level === 0 ? "sm" : "xs")
         }
+        color={"var(--alepha-text)"}
+        variant={"subtle"}
         variantActive={"default"}
         radius={props.item.theme?.radius ?? props.theme.button?.radius ?? "md"}
         onClick={handleItemClick}
         leftSection={
           <Flex w={"100%"} align="center" gap={"sm"}>
-            {item.icon && (
-              <ThemeIcon
-                size={level === 0 ? "sm" : "xs"}
-                variant={"transparent"}
-              >
-                {item.icon}
-              </ThemeIcon>
-            )}
+            {renderIcon(item.icon)}
             <Flex direction={"column"}>
               <Flex>{item.label}</Flex>
               {item.description && (
@@ -328,30 +330,31 @@ const SidebarCollapsedItem = (props: SidebarItemProps) => {
 
   return (
     <ActionButton
-      variant={"subtle"}
       size={
         props.item.theme?.size ??
         props.theme.button?.size ??
         (level === 0 ? "sm" : "xs")
       }
+      color={"var(--alepha-text)"}
+      variant={"subtle"}
       variantActive={"default"}
       radius={props.item.theme?.radius ?? props.theme.button?.radius ?? "md"}
       onClick={handleItemClick}
-      icon={item.icon ?? <IconSquareRounded />}
-      href={props.item.href}
+      icon={renderIcon(item.icon) ?? <IconSquareRounded />}
+      href={props.item.href as any}
       target={props.item.target}
       menu={
         item.children
-          ? {
+          ? ({
               position: "right",
               on: "hover",
               items: item.children.map((child) => ({
                 label: child.label,
                 href: child.href,
-                icon: child.icon,
+                icon: renderIcon(child.icon),
                 children: child.children,
               })),
-            }
+            } as any)
           : undefined
       }
       {...props.item.actionProps}
@@ -392,13 +395,13 @@ export interface SidebarSearch extends SidebarAbstractItem {
 export interface SidebarSection extends SidebarAbstractItem {
   type: "section";
   label: string;
-  icon?: ReactNode;
+  icon?: ReactNode | ComponentType;
 }
 
 export interface SidebarMenuItem extends SidebarAbstractItem {
   label: string | ReactNode;
   description?: string;
-  icon?: ReactNode;
+  icon?: ReactNode | ComponentType;
   href?: string;
   target?: "_blank" | "_self" | "_parent" | "_top";
   activeStartsWith?: boolean; // Use startWith matching for active state

package/src/{components → core/components}/table/DataTable.tsx

@@ -290,7 +290,7 @@ const DataTable = <T extends object, Filters extends TObject>(
         />
       ) : null}
 
-      <Flex flex={1} className={"overflow-auto"}>
+      <Flex className={"overflow-auto"}>
         <Table
           striped
           withRowBorders

package/src/{constants → core/constants}/ui.ts

@@ -6,4 +6,13 @@ export const ui = {
     elevated: "var(--alepha-elevated)",
     border: "var(--alepha-border)",
   },
+  sizes: {
+    icon: {
+      xs: 12,
+      sm: 16,
+      md: 20,
+      lg: 24,
+      xl: 32,
+    },
+  },
 };

package/src/{index.ts → core/index.ts}

@@ -22,7 +22,10 @@ export type {
 } from "./components/buttons/ActionButton.tsx";
 export { default as ActionButton } from "./components/buttons/ActionButton.tsx";
 export { default as BurgerButton } from "./components/buttons/BurgerButton.tsx";
+export type { ClipboardButtonProps } from "./components/buttons/ClipboardButton.tsx";
+export { default as ClipboardButton } from "./components/buttons/ClipboardButton.tsx";
 export { default as DarkModeButton } from "./components/buttons/DarkModeButton.tsx";
+export { default as LanguageButton } from "./components/buttons/LanguageButton.tsx";
 export { default as OmnibarButton } from "./components/buttons/OmnibarButton.tsx";
 export { default as JsonViewer } from "./components/data/JsonViewer.tsx";
 export { default as AlertDialog } from "./components/dialogs/AlertDialog.tsx";

package/src/{services → core/services}/DialogService.tsx

@@ -2,9 +2,9 @@ import { Flex, type ModalProps } from "@mantine/core";
 import { modals } from "@mantine/modals";
 import type { ReactNode } from "react";
 import JsonViewer from "../components/data/JsonViewer.tsx";
-import AlertDialog from "../components/dialogs/AlertDialog";
-import ConfirmDialog from "../components/dialogs/ConfirmDialog";
-import PromptDialog from "../components/dialogs/PromptDialog";
+import AlertDialog from "../components/dialogs/AlertDialog.tsx";
+import ConfirmDialog from "../components/dialogs/ConfirmDialog.tsx";
+import PromptDialog from "../components/dialogs/PromptDialog.tsx";
 import { ui } from "../constants/ui.ts";
 
 // Base interfaces

package/src/{services → core/services}/ToastService.tsx

@@ -16,8 +16,10 @@ export class ToastService {
 
   public readonly options: ToastServiceOptions = {
     default: {
-      autoClose: 5000,
+      radius: "md",
+      withBorder: true,
       withCloseButton: true,
+      autoClose: 5000,
       position: "top-center",
     },
   };

package/src/{utils → core/utils}/extractSchemaFields.ts

@@ -117,8 +117,8 @@ export function getOperatorsForField(field: SchemaField): string[] {
   switch (field.type) {
     case "string":
     case "text":
-      // String fields: equality, like, and null checks
-      return [...allOperators, "~", "~*", "null"];
+      // String fields: equality and null checks (wildcards supported in = operator)
+      return [...allOperators, "null"];
 
     case "number":
     case "integer":
@@ -152,12 +152,6 @@ export const OPERATOR_INFO: Record<
   gte: { symbol: ">=", label: "greater or equal", example: "age>=18" },
   lt: { symbol: "<", label: "less than", example: "age<65" },
   lte: { symbol: "<=", label: "less or equal", example: "age<=65" },
-  like: { symbol: "~", label: "like (case-sensitive)", example: "name~John" },
-  ilike: {
-    symbol: "~*",
-    label: "like (case-insensitive)",
-    example: "name~*john",
-  },
   null: { symbol: "=null", label: "is null", example: "deletedAt=null" },
   notNull: {
     symbol: "!=null",

package/src/{utils → core/utils}/icons.tsx

@@ -15,20 +15,10 @@ import {
   IconSelector,
   IconToggleLeft,
 } from "@tabler/icons-react";
-import type { ReactNode } from "react";
+import type { ReactElement } from "react";
+import { ui } from "../constants/ui.ts";
 
-/**
- * Icon size presets following Mantine's size conventions
- */
-export const ICON_SIZES = {
-  xs: 12,
-  sm: 16,
-  md: 20,
-  lg: 24,
-  xl: 28,
-} as const;
-
-export type IconSize = keyof typeof ICON_SIZES;
+export type IconSize = keyof typeof ui.sizes.icon;
 
 /**
  * Get the default icon for an input based on its type, format, or name.
@@ -40,9 +30,9 @@ export const getDefaultIcon = (params: {
   isEnum?: boolean;
   isArray?: boolean;
   size?: IconSize;
-}): ReactNode => {
+}): ReactElement => {
   const { type, format, name, isEnum, isArray, size = "sm" } = params;
-  const iconSize = ICON_SIZES[size];
+  const iconSize = ui.sizes.icon[size];
 
   // Format-based icons (highest priority)
   if (format) {

package/src/{utils → core/utils}/parseInput.ts

@@ -1,7 +1,13 @@
 import type { InputField } from "@alepha/react/form";
 import { type TObject, TypeBoxError } from "alepha";
-import type { ReactNode } from "react";
+import {
+  createElement,
+  isValidElement,
+  type ReactElement,
+  type ReactNode,
+} from "react";
 import type { ControlProps } from "../components/form/Control.tsx";
+import { ui } from "../constants/ui.ts";
 import { getDefaultIcon } from "./icons.tsx";
 import { prettyName } from "./string.ts";
 
@@ -32,29 +38,31 @@ export const parseInput = (
       : undefined;
 
   // Auto-generate icon if not provided
-  const icon =
-    props.icon ??
-    getDefaultIcon({
-      type:
-        props.input.schema && "type" in props.input.schema
-          ? String(props.input.schema.type)
-          : undefined,
-      format:
-        props.input.schema &&
-        "format" in props.input.schema &&
-        typeof props.input.schema.format === "string"
-          ? props.input.schema.format
-          : undefined,
-      name: props.input.props.name,
-      isEnum:
-        props.input.schema &&
-        "enum" in props.input.schema &&
-        Boolean(props.input.schema.enum),
-      isArray:
-        props.input.schema &&
-        "type" in props.input.schema &&
-        props.input.schema.type === "array",
-    });
+  const icon = !props.icon
+    ? getDefaultIcon({
+        type:
+          props.input.schema && "type" in props.input.schema
+            ? String(props.input.schema.type)
+            : undefined,
+        format:
+          props.input.schema &&
+          "format" in props.input.schema &&
+          typeof props.input.schema.format === "string"
+            ? props.input.schema.format
+            : undefined,
+        name: props.input.props.name,
+        isEnum:
+          props.input.schema &&
+          "enum" in props.input.schema &&
+          Boolean(props.input.schema.enum),
+        isArray:
+          props.input.schema &&
+          "type" in props.input.schema &&
+          props.input.schema.type === "array",
+      })
+    : isValidElement(props.icon)
+      ? props.icon
+      : createElement(props.icon, { size: ui.sizes.icon.md });
 
   const format =
     props.input.schema &&
@@ -100,12 +108,12 @@ export interface GenericControlProps {
   input: InputField;
   title?: string;
   description?: string;
-  icon?: ReactNode;
+  icon?: ReactElement | ((props: { size: number }) => ReactNode);
 }
 
 export interface ControlInput {
   id?: string;
-  icon: ReactNode;
+  icon: ReactElement;
   format?: string;
   schema: TObject & { $control?: ControlProps };
   inputProps: InputProps;

package/dist/AlephaMantineProvider-CGpgWDt8.cjs

@@ -1,3 +0,0 @@
-const require_AlephaMantineProvider = require('./AlephaMantineProvider-DuvZFAuk.cjs');
-
-exports.default = require_AlephaMantineProvider.AlephaMantineProvider_default;

package/dist/AlephaMantineProvider-D8cHYAge.js

@@ -1,152 +0,0 @@
-import { NestedView, useEvents, useInject, useRouter } from "@alepha/react";
-import { ColorSchemeScript, MantineProvider } from "@mantine/core";
-import { ModalsProvider } from "@mantine/modals";
-import { IconAlertTriangle, IconCheck, IconInfoCircle, IconSearch, IconX } from "@tabler/icons-react";
-import { useMemo } from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { Notifications, notifications } from "@mantine/notifications";
-import { Spotlight } from "@mantine/spotlight";
-import { NavigationProgress, nprogress } from "@mantine/nprogress";
-
-//#region src/services/ToastService.tsx
-var ToastService = class {
-	raw = notifications;
-	options = { default: {
-		autoClose: 5e3,
-		withCloseButton: true,
-		position: "top-center"
-	} };
-	show(options) {
-		notifications.show({
-			...this.options.default,
-			...options
-		});
-	}
-	info(options) {
-		if (typeof options === "string") options = { message: options };
-		this.show({
-			color: "blue",
-			icon: /* @__PURE__ */ jsx(IconInfoCircle, { size: 20 }),
-			title: "Info",
-			message: "Information notification",
-			...options
-		});
-	}
-	success(options) {
-		if (typeof options === "string") options = { message: options };
-		this.show({
-			color: "green",
-			icon: /* @__PURE__ */ jsx(IconCheck, { size: 16 }),
-			title: "Success",
-			message: "Operation completed successfully",
-			...options
-		});
-	}
-	warning(options) {
-		if (typeof options === "string") options = { message: options };
-		this.show({
-			color: "yellow",
-			icon: /* @__PURE__ */ jsx(IconAlertTriangle, { size: 20 }),
-			title: "Warning",
-			message: "Please review this warning",
-			...options
-		});
-	}
-	danger(options) {
-		if (typeof options === "string") options = { message: options };
-		this.show({
-			color: "red",
-			icon: /* @__PURE__ */ jsx(IconX, { size: 20 }),
-			title: "Error",
-			message: "An error occurred",
-			...options
-		});
-	}
-};
-
-//#endregion
-//#region src/hooks/useToast.ts
-/**
-* Use this hook to access the Toast Service for showing notifications.
-*
-* @example
-* ```tsx
-* const toast = useToast();
-* toast.success({ message: "Operation completed successfully!" });
-* toast.error({ title: "Error", message: "Something went wrong" });
-* ```
-*/
-const useToast = () => {
-	return useInject(ToastService);
-};
-
-//#endregion
-//#region src/components/layout/Omnibar.tsx
-const Omnibar = (props) => {
-	const shortcut = props.shortcut ?? "mod+K";
-	const searchPlaceholder = props.searchPlaceholder ?? "Search...";
-	const nothingFound = props.nothingFound ?? "Nothing found...";
-	const router = useRouter();
-	return /* @__PURE__ */ jsx(Spotlight, {
-		actions: useMemo(() => router.concretePages.map((page) => ({
-			id: page.name,
-			label: page.label ?? page.name,
-			description: page.description,
-			onClick: () => router.go(page.path ?? page.name),
-			leftSection: page.icon
-		})), []),
-		shortcut,
-		limit: 10,
-		searchProps: {
-			leftSection: /* @__PURE__ */ jsx(IconSearch, { size: 20 }),
-			placeholder: searchPlaceholder
-		},
-		nothingFound
-	});
-};
-var Omnibar_default = Omnibar;
-
-//#endregion
-//#region src/components/layout/AlephaMantineProvider.tsx
-const AlephaMantineProvider = (props) => {
-	const toast = useToast();
-	useEvents({
-		"react:transition:begin": () => {
-			nprogress.start();
-		},
-		"react:transition:end": () => {
-			nprogress.complete();
-		},
-		"react:action:error": () => {
-			toast.danger("An error occurred while processing your action.");
-		}
-	}, []);
-	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(ColorSchemeScript, {
-		defaultColorScheme: props.mantine?.defaultColorScheme,
-		...props.colorSchemeScript
-	}), /* @__PURE__ */ jsxs(MantineProvider, {
-		...props.mantine,
-		theme: {
-			primaryColor: "gray",
-			primaryShade: {
-				light: 9,
-				dark: 8
-			},
-			cursorType: "pointer",
-			...props.mantine?.theme
-		},
-		children: [
-			/* @__PURE__ */ jsx(Notifications, { ...props.notifications }),
-			/* @__PURE__ */ jsx(NavigationProgress, { ...props.navigationProgress }),
-			/* @__PURE__ */ jsxs(ModalsProvider, {
-				...props.modals,
-				children: [/* @__PURE__ */ jsx(Omnibar_default, { ...props.omnibar }), props.children ?? /* @__PURE__ */ jsx(NestedView, {})]
-			})
-		]
-	})] });
-};
-var AlephaMantineProvider_default = AlephaMantineProvider;
-
-//#endregion
-export { ToastService as i, Omnibar_default as n, useToast as r, AlephaMantineProvider_default as t };
-//# sourceMappingURL=AlephaMantineProvider-D8cHYAge.js.map

package/dist/AlephaMantineProvider-D8cHYAge.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AlephaMantineProvider-D8cHYAge.js","names":["Omnibar"],"sources":["../src/services/ToastService.tsx","../src/hooks/useToast.ts","../src/components/layout/Omnibar.tsx","../src/components/layout/AlephaMantineProvider.tsx"],"sourcesContent":["import type { NotificationData } from \"@mantine/notifications\";\nimport { notifications } from \"@mantine/notifications\";\nimport {\n  IconAlertTriangle,\n  IconCheck,\n  IconInfoCircle,\n  IconX,\n} from \"@tabler/icons-react\";\n\nexport interface ToastServiceOptions {\n  default?: Partial<NotificationData>;\n}\n\nexport class ToastService {\n  protected readonly raw = notifications;\n\n  public readonly options: ToastServiceOptions = {\n    default: {\n      autoClose: 5000,\n      withCloseButton: true,\n      position: \"top-center\",\n    },\n  };\n\n  public show(options: NotificationData) {\n    notifications.show({\n      ...this.options.default,\n      ...options,\n    });\n  }\n\n  public info(options: Partial<NotificationData> | string) {\n    if (typeof options === \"string\") {\n      options = { message: options };\n    }\n    this.show({\n      color: \"blue\",\n      icon: <IconInfoCircle size={20} />,\n      title: \"Info\",\n      message: \"Information notification\",\n      ...options,\n    });\n  }\n\n  public success(options: Partial<NotificationData> | string) {\n    if (typeof options === \"string\") {\n      options = { message: options };\n    }\n    this.show({\n      color: \"green\",\n      icon: <IconCheck size={16} />,\n      title: \"Success\",\n      message: \"Operation completed successfully\",\n      ...options,\n    });\n  }\n\n  public warning(options: Partial<NotificationData> | string) {\n    if (typeof options === \"string\") {\n      options = { message: options };\n    }\n    this.show({\n      color: \"yellow\",\n      icon: <IconAlertTriangle size={20} />,\n      title: \"Warning\",\n      message: \"Please review this warning\",\n      ...options,\n    });\n  }\n\n  public danger(options: Partial<NotificationData> | string) {\n    if (typeof options === \"string\") {\n      options = { message: options };\n    }\n    this.show({\n      color: \"red\",\n      icon: <IconX size={20} />,\n      title: \"Error\",\n      message: \"An error occurred\",\n      ...options,\n    });\n  }\n}\n","import { useInject } from \"@alepha/react\";\nimport { ToastService } from \"../services/ToastService.tsx\";\n\n/**\n * Use this hook to access the Toast Service for showing notifications.\n *\n * @example\n * ```tsx\n * const toast = useToast();\n * toast.success({ message: \"Operation completed successfully!\" });\n * toast.error({ title: \"Error\", message: \"Something went wrong\" });\n * ```\n */\nexport const useToast = (): ToastService => {\n  return useInject(ToastService);\n};\n","import { useRouter } from \"@alepha/react\";\nimport { Spotlight, type SpotlightActionData } from \"@mantine/spotlight\";\nimport { IconSearch } from \"@tabler/icons-react\";\nimport { type ReactNode, useMemo } from \"react\";\n\nexport interface OmnibarProps {\n  shortcut?: string | string[];\n  searchPlaceholder?: string;\n  nothingFound?: ReactNode;\n}\n\nconst Omnibar = (props: OmnibarProps) => {\n  const shortcut = props.shortcut ?? \"mod+K\";\n  const searchPlaceholder = props.searchPlaceholder ?? \"Search...\";\n  const nothingFound = props.nothingFound ?? \"Nothing found...\";\n  const router = useRouter();\n  const actions: SpotlightActionData[] = useMemo(\n    () =>\n      router.concretePages.map((page) => ({\n        id: page.name,\n        label: page.label ?? page.name,\n        description: page.description,\n        onClick: () => router.go(page.path ?? page.name),\n        leftSection: page.icon,\n      })),\n    [],\n  );\n\n  return (\n    <Spotlight\n      actions={actions}\n      shortcut={shortcut}\n      limit={10}\n      searchProps={{\n        leftSection: <IconSearch size={20} />,\n        placeholder: searchPlaceholder,\n      }}\n      nothingFound={nothingFound}\n    />\n  );\n};\n\nexport default Omnibar;\n","import { NestedView, useEvents } from \"@alepha/react\";\nimport type {\n  ColorSchemeScriptProps,\n  MantineProviderProps,\n} from \"@mantine/core\";\nimport { ColorSchemeScript, MantineProvider } from \"@mantine/core\";\nimport { ModalsProvider, type ModalsProviderProps } from \"@mantine/modals\";\nimport { Notifications, type NotificationsProps } from \"@mantine/notifications\";\nimport type { NavigationProgressProps } from \"@mantine/nprogress\";\nimport { NavigationProgress, nprogress } from \"@mantine/nprogress\";\nimport type { ReactNode } from \"react\";\nimport { useToast } from \"../../hooks/useToast.ts\";\nimport Omnibar, { type OmnibarProps } from \"./Omnibar.tsx\";\n\nexport interface AlephaMantineProviderProps {\n  children?: ReactNode;\n  mantine?: MantineProviderProps;\n  colorSchemeScript?: ColorSchemeScriptProps;\n  navigationProgress?: NavigationProgressProps;\n  notifications?: NotificationsProps;\n  modals?: ModalsProviderProps;\n  omnibar?: OmnibarProps;\n}\n\nconst AlephaMantineProvider = (props: AlephaMantineProviderProps) => {\n  const toast = useToast();\n\n  useEvents(\n    {\n      \"react:transition:begin\": () => {\n        nprogress.start();\n      },\n      \"react:transition:end\": () => {\n        nprogress.complete();\n      },\n      \"react:action:error\": () => {\n        toast.danger(\"An error occurred while processing your action.\");\n      },\n    },\n    [],\n  );\n\n  return (\n    <>\n      <ColorSchemeScript\n        defaultColorScheme={props.mantine?.defaultColorScheme}\n        {...props.colorSchemeScript}\n      />\n      <MantineProvider\n        {...props.mantine}\n        theme={{\n          primaryColor: \"gray\",\n          primaryShade: {\n            light: 9,\n            dark: 8,\n          },\n          cursorType: \"pointer\",\n          ...props.mantine?.theme,\n        }}\n      >\n        <Notifications {...props.notifications} />\n        <NavigationProgress {...props.navigationProgress} />\n        <ModalsProvider {...props.modals}>\n          <Omnibar {...props.omnibar} />\n          {props.children ?? <NestedView />}\n        </ModalsProvider>\n      </MantineProvider>\n    </>\n  );\n};\n\nexport default AlephaMantineProvider;\n"],"mappings":";;;;;;;;;;;AAaA,IAAa,eAAb,MAA0B;CACxB,AAAmB,MAAM;CAEzB,AAAgB,UAA+B,EAC7C,SAAS;EACP,WAAW;EACX,iBAAiB;EACjB,UAAU;EACX,EACF;CAED,AAAO,KAAK,SAA2B;AACrC,gBAAc,KAAK;GACjB,GAAG,KAAK,QAAQ;GAChB,GAAG;GACJ,CAAC;;CAGJ,AAAO,KAAK,SAA6C;AACvD,MAAI,OAAO,YAAY,SACrB,WAAU,EAAE,SAAS,SAAS;AAEhC,OAAK,KAAK;GACR,OAAO;GACP,MAAM,oBAAC,kBAAe,MAAM,KAAM;GAClC,OAAO;GACP,SAAS;GACT,GAAG;GACJ,CAAC;;CAGJ,AAAO,QAAQ,SAA6C;AAC1D,MAAI,OAAO,YAAY,SACrB,WAAU,EAAE,SAAS,SAAS;AAEhC,OAAK,KAAK;GACR,OAAO;GACP,MAAM,oBAAC,aAAU,MAAM,KAAM;GAC7B,OAAO;GACP,SAAS;GACT,GAAG;GACJ,CAAC;;CAGJ,AAAO,QAAQ,SAA6C;AAC1D,MAAI,OAAO,YAAY,SACrB,WAAU,EAAE,SAAS,SAAS;AAEhC,OAAK,KAAK;GACR,OAAO;GACP,MAAM,oBAAC,qBAAkB,MAAM,KAAM;GACrC,OAAO;GACP,SAAS;GACT,GAAG;GACJ,CAAC;;CAGJ,AAAO,OAAO,SAA6C;AACzD,MAAI,OAAO,YAAY,SACrB,WAAU,EAAE,SAAS,SAAS;AAEhC,OAAK,KAAK;GACR,OAAO;GACP,MAAM,oBAAC,SAAM,MAAM,KAAM;GACzB,OAAO;GACP,SAAS;GACT,GAAG;GACJ,CAAC;;;;;;;;;;;;;;;;ACnEN,MAAa,iBAA+B;AAC1C,QAAO,UAAU,aAAa;;;;;ACHhC,MAAM,WAAW,UAAwB;CACvC,MAAM,WAAW,MAAM,YAAY;CACnC,MAAM,oBAAoB,MAAM,qBAAqB;CACrD,MAAM,eAAe,MAAM,gBAAgB;CAC3C,MAAM,SAAS,WAAW;AAa1B,QACE,oBAAC;EACC,SAdmC,cAEnC,OAAO,cAAc,KAAK,UAAU;GAClC,IAAI,KAAK;GACT,OAAO,KAAK,SAAS,KAAK;GAC1B,aAAa,KAAK;GAClB,eAAe,OAAO,GAAG,KAAK,QAAQ,KAAK,KAAK;GAChD,aAAa,KAAK;GACnB,EAAE,EACL,EAAE,CACH;EAKa;EACV,OAAO;EACP,aAAa;GACX,aAAa,oBAAC,cAAW,MAAM,KAAM;GACrC,aAAa;GACd;EACa;GACd;;AAIN,sBAAe;;;;AClBf,MAAM,yBAAyB,UAAsC;CACnE,MAAM,QAAQ,UAAU;AAExB,WACE;EACE,gCAAgC;AAC9B,aAAU,OAAO;;EAEnB,8BAA8B;AAC5B,aAAU,UAAU;;EAEtB,4BAA4B;AAC1B,SAAM,OAAO,kDAAkD;;EAElE,EACD,EAAE,CACH;AAED,QACE,4CACE,oBAAC;EACC,oBAAoB,MAAM,SAAS;EACnC,GAAI,MAAM;GACV,EACF,qBAAC;EACC,GAAI,MAAM;EACV,OAAO;GACL,cAAc;GACd,cAAc;IACZ,OAAO;IACP,MAAM;IACP;GACD,YAAY;GACZ,GAAG,MAAM,SAAS;GACnB;;GAED,oBAAC,iBAAc,GAAI,MAAM,gBAAiB;GAC1C,oBAAC,sBAAmB,GAAI,MAAM,qBAAsB;GACpD,qBAAC;IAAe,GAAI,MAAM;eACxB,oBAACA,mBAAQ,GAAI,MAAM,UAAW,EAC7B,MAAM,YAAY,oBAAC,eAAa;KAClB;;GACD,IACjB;;AAIP,oCAAe"}