@espressif/dashboard-ui-components 1.9.1 → 1.11.0

package/dist/chunk-HIUBSBAP.js

@@ -1,59 +0,0 @@
-import { ProgressBar } from './chunk-XFYL5IZU.js';
-import { Card, CardContent } from './chunk-ABBHGIFI.js';
-import { Tooltip2 } from './chunk-ZFYUONPY.js';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-function CopyrightCard({
-  text,
-  logoSrc,
-  logoAlt = "Logo",
-  href,
-  logoOnly = false
-}) {
-  const handleClick = () => {
-    if (href) {
-      window.open(href, "_blank", "noopener,noreferrer");
-    }
-  };
-  const copyrightText = /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1.5 text-sm text-muted-foreground", children: /* @__PURE__ */ jsx("span", { children: text }) });
-  if (logoOnly && logoSrc) {
-    return /* @__PURE__ */ jsx(Tooltip2, { content: copyrightText, children: /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: "inline-block cursor-pointer",
-        onClick: handleClick,
-        children: /* @__PURE__ */ jsx(
-          "img",
-          {
-            src: logoSrc,
-            alt: logoAlt,
-            className: "h-5 w-5 object-contain"
-          }
-        )
-      }
-    ) });
-  }
-  return /* @__PURE__ */ jsx(
-    Card,
-    {
-      className: "border p-2 cursor-pointer hover:bg-accent/50 transition-colors",
-      onClick: handleClick,
-      children: /* @__PURE__ */ jsxs(CardContent, { className: "flex items-center gap-4 p-0", children: [
-        logoSrc && /* @__PURE__ */ jsx(
-          "img",
-          {
-            src: logoSrc,
-            alt: logoAlt,
-            className: "h-5 w-5 object-contain"
-          }
-        ),
-        copyrightText
-      ] })
-    }
-  );
-}
-function PageLoader() {
-  return /* @__PURE__ */ jsx("div", { className: "flex min-h-screen items-center justify-center bg-background", children: /* @__PURE__ */ jsx("div", { className: "flex flex-col items-center gap-4 w-full max-w-sm", children: /* @__PURE__ */ jsx(ProgressBar, { showFakeProgress: true, className: "w-full" }) }) });
-}
-
-export { CopyrightCard, PageLoader };

package/dist/chunk-OKB2WTX7.js

@@ -1,363 +0,0 @@
-import { cn } from './chunk-VU4CZ76T.js';
-import * as React9 from 'react';
-import { jsx, jsxs } from 'react/jsx-runtime';
-import * as AvatarPrimitive from '@radix-ui/react-avatar';
-import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
-import { Slot } from '@radix-ui/react-slot';
-import { cva } from 'class-variance-authority';
-import * as SeparatorPrimitive from '@radix-ui/react-separator';
-import { ChevronRight, MoreHorizontal } from 'lucide-react';
-
-function useControlledState(props) {
-  const { value, defaultValue, onChange } = props;
-  const isControlled = value !== void 0;
-  const [internalState, setInternalState] = React9.useState(
-    isControlled ? value : defaultValue
-  );
-  React9.useEffect(() => {
-    if (isControlled) setInternalState(value);
-  }, [isControlled, value]);
-  const setState = React9.useCallback(
-    (next, ...args) => {
-      if (!isControlled) setInternalState(next);
-      onChange?.(next, ...args);
-    },
-    [isControlled, onChange]
-  );
-  return [isControlled ? value : internalState, setState];
-}
-function getStrictContext(name) {
-  const Context = React9.createContext(void 0);
-  const Provider = ({
-    value,
-    children
-  }) => /* @__PURE__ */ jsx(Context.Provider, { value, children });
-  const useSafeContext = () => {
-    const ctx = React9.useContext(Context);
-    if (ctx === void 0) {
-      throw new Error(`useContext must be used within ${name ?? "a Provider"}`);
-    }
-    return ctx;
-  };
-  return [Provider, useSafeContext];
-}
-var Avatar = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  AvatarPrimitive.Root,
-  {
-    ref,
-    className: cn(
-      "relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full",
-      className
-    ),
-    ...props
-  }
-));
-Avatar.displayName = AvatarPrimitive.Root.displayName;
-var AvatarImage = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  AvatarPrimitive.Image,
-  {
-    ref,
-    className: cn("aspect-square h-full w-full", className),
-    ...props
-  }
-));
-AvatarImage.displayName = AvatarPrimitive.Image.displayName;
-var AvatarFallback = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  AvatarPrimitive.Fallback,
-  {
-    ref,
-    className: cn(
-      "flex h-full w-full items-center justify-center rounded-full bg-muted",
-      className
-    ),
-    ...props
-  }
-));
-AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;
-var AvatarBadge = React9.forwardRef(
-  ({ className, variant = "dot", children, ...props }, ref) => /* @__PURE__ */ jsx(
-    "span",
-    {
-      ref,
-      className: cn(
-        "pointer-events-none absolute bottom-0 right-0 z-10 box-border rounded-full border-2 border-background shadow-sm",
-        variant === "dot" ? "h-2.5 w-2.5" : "flex h-4 w-4 items-center justify-center bg-background text-foreground [&>svg]:h-2.5 [&>svg]:w-2.5",
-        className
-      ),
-      ...props,
-      children
-    }
-  )
-);
-AvatarBadge.displayName = "AvatarBadge";
-function parseDatasetValue(value) {
-  if (value === null) return null;
-  if (value === "" || value === "true") return true;
-  if (value === "false") return false;
-  return value;
-}
-function useDataState(key, forwardedRef, onChange) {
-  const localRef = React9.useRef(null);
-  React9.useImperativeHandle(forwardedRef, () => localRef.current);
-  const getSnapshot = () => {
-    const el = localRef.current;
-    return el ? parseDatasetValue(el.getAttribute(`data-${key}`)) : null;
-  };
-  const subscribe = (callback) => {
-    const el = localRef.current;
-    if (!el) return () => {
-    };
-    const observer = new MutationObserver((records) => {
-      for (const record of records) {
-        if (record.attributeName === `data-${key}`) {
-          callback();
-          break;
-        }
-      }
-    });
-    observer.observe(el, {
-      attributes: true,
-      attributeFilter: [`data-${key}`]
-    });
-    return () => observer.disconnect();
-  };
-  const value = React9.useSyncExternalStore(subscribe, getSnapshot);
-  React9.useEffect(() => {
-    if (onChange) onChange(value);
-  }, [value, onChange]);
-  return [value, localRef];
-}
-var Collapsible = CollapsiblePrimitive.Root;
-var CollapsibleTrigger2 = CollapsiblePrimitive.CollapsibleTrigger;
-var CollapsibleContent2 = React9.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(
-  CollapsiblePrimitive.CollapsibleContent,
-  {
-    ref,
-    className: "grid data-[state=open]:animate-collapsible-down data-[state=closed]:animate-collapsible-up",
-    ...props,
-    children: /* @__PURE__ */ jsx("div", { className: cn("overflow-hidden", className), children })
-  }
-));
-CollapsibleContent2.displayName = "CollapsibleContent";
-var buttonVariants = cva(
-  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
-  {
-    variants: {
-      variant: {
-        default: "shadow",
-        outline: "border bg-background shadow-sm",
-        ghost: "",
-        link: "underline-offset-4 hover:underline"
-      },
-      size: {
-        default: "h-9 px-4 py-2",
-        sm: "h-8 rounded-md px-3 text-xs",
-        lg: "h-10 rounded-md px-8",
-        icon: "h-9 w-9"
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default"
-    }
-  }
-);
-var Button = React9.forwardRef(
-  ({ className, variant, size, asChild = false, ...props }, ref) => {
-    const Comp = asChild ? Slot : "button";
-    return /* @__PURE__ */ jsx(
-      Comp,
-      {
-        className: cn(buttonVariants({ variant, size, className })),
-        ref,
-        ...props
-      }
-    );
-  }
-);
-Button.displayName = "Button";
-var MOBILE_BREAKPOINT = 768;
-function useIsMobile() {
-  const [isMobile, setIsMobile] = React9.useState(void 0);
-  React9.useEffect(() => {
-    const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
-    const onChange = () => {
-      setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
-    };
-    mql.addEventListener("change", onChange);
-    setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
-    return () => mql.removeEventListener("change", onChange);
-  }, []);
-  return !!isMobile;
-}
-var Separator = React9.forwardRef(
-  ({
-    className,
-    orientation = "horizontal",
-    decorative = true,
-    label,
-    stackLabel = false,
-    labelClassName,
-    ...props
-  }, ref) => {
-    if (!label) {
-      return /* @__PURE__ */ jsx(
-        SeparatorPrimitive.Root,
-        {
-          ref,
-          decorative,
-          orientation,
-          className: cn(
-            "shrink-0 bg-border",
-            orientation === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]",
-            className
-          ),
-          ...props
-        }
-      );
-    }
-    const isHorizontal = orientation === "horizontal";
-    return /* @__PURE__ */ jsxs(
-      "div",
-      {
-        ref,
-        role: "separator",
-        "aria-orientation": orientation,
-        "data-orientation": orientation,
-        className: cn(
-          "flex items-center gap-3",
-          isHorizontal ? "w-full" : "flex-col h-full",
-          className
-        ),
-        ...props,
-        children: [
-          /* @__PURE__ */ jsx(
-            "div",
-            {
-              "aria-hidden": "true",
-              className: cn(
-                "shrink-0 bg-border flex-1",
-                isHorizontal ? "h-[1px]" : "w-[1px]"
-              )
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            "span",
-            {
-              className: cn(
-                "text-xs font-medium text-muted-foreground shrink-0 select-none",
-                !isHorizontal && stackLabel && "[writing-mode:vertical-lr] [text-orientation:upright]",
-                labelClassName
-              ),
-              children: label
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            "div",
-            {
-              "aria-hidden": "true",
-              className: cn(
-                "shrink-0 bg-border flex-1",
-                isHorizontal ? "h-[1px]" : "w-[1px]"
-              )
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-Separator.displayName = "Separator";
-function Skeleton({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: cn("animate-pulse rounded-md bg-primary/10", className),
-      ...props
-    }
-  );
-}
-var Breadcrumb = React9.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx("nav", { ref, "aria-label": "breadcrumb", ...props }));
-Breadcrumb.displayName = "Breadcrumb";
-var BreadcrumbList = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  "ol",
-  {
-    ref,
-    className: cn(
-      "flex flex-wrap items-center gap-1.5 break-words text-sm text-muted-foreground sm:gap-2.5",
-      className
-    ),
-    ...props
-  }
-));
-BreadcrumbList.displayName = "BreadcrumbList";
-var BreadcrumbItem = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  "li",
-  {
-    ref,
-    className: cn("inline-flex items-center gap-1.5", className),
-    ...props
-  }
-));
-BreadcrumbItem.displayName = "BreadcrumbItem";
-var BreadcrumbLink = React9.forwardRef(({ asChild, className, ...props }, ref) => {
-  const Comp = asChild ? Slot : "a";
-  return /* @__PURE__ */ jsx(
-    Comp,
-    {
-      ref,
-      className: cn("transition-colors hover:text-foreground", className),
-      ...props
-    }
-  );
-});
-BreadcrumbLink.displayName = "BreadcrumbLink";
-var BreadcrumbPage = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  "span",
-  {
-    ref,
-    role: "link",
-    "aria-disabled": "true",
-    "aria-current": "page",
-    className: cn("font-normal text-foreground", className),
-    ...props
-  }
-));
-BreadcrumbPage.displayName = "BreadcrumbPage";
-var BreadcrumbSeparator = ({
-  children,
-  className,
-  ...props
-}) => /* @__PURE__ */ jsx(
-  "li",
-  {
-    role: "presentation",
-    "aria-hidden": "true",
-    className: cn("[&>svg]:w-3.5 [&>svg]:h-3.5", className),
-    ...props,
-    children: children ?? /* @__PURE__ */ jsx(ChevronRight, {})
-  }
-);
-BreadcrumbSeparator.displayName = "BreadcrumbSeparator";
-var BreadcrumbEllipsis = ({
-  className,
-  ...props
-}) => /* @__PURE__ */ jsxs(
-  "span",
-  {
-    role: "presentation",
-    "aria-hidden": "true",
-    className: cn("flex h-9 w-9 items-center justify-center", className),
-    ...props,
-    children: [
-      /* @__PURE__ */ jsx(MoreHorizontal, { className: "h-4 w-4" }),
-      /* @__PURE__ */ jsx("span", { className: "sr-only", children: "More" })
-    ]
-  }
-);
-BreadcrumbEllipsis.displayName = "BreadcrumbElipssis";
-
-export { Avatar, AvatarBadge, AvatarFallback, AvatarImage, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, Collapsible, CollapsibleContent2 as CollapsibleContent, CollapsibleTrigger2 as CollapsibleTrigger, Separator, Skeleton, buttonVariants, getStrictContext, useControlledState, useDataState, useIsMobile };