@espressif/dashboard-ui-components 1.10.0 → 1.11.1

package/dist/chunk-TRTQSARU.js

@@ -1,31 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __commonJS = (cb, mod) => function __require() {
-  try {
-    return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
-  } catch (e) {
-    throw mod = 0, e;
-  }
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-
-export { __commonJS, __toESM };

package/dist/chunk-VU4CZ76T.js

@@ -1,43 +0,0 @@
-import { clsx } from 'clsx';
-import { twMerge } from 'tailwind-merge';
-
-// src/utils/cn.ts
-function cn(...inputs) {
-  return twMerge(clsx(inputs));
-}
-
-// src/utils/color.ts
-var PRESET_COLORS = /* @__PURE__ */ new Set([
-  "primary",
-  "secondary",
-  "error",
-  "info",
-  "success",
-  "warning",
-  "disabled",
-  "gray",
-  "mist"
-]);
-function isPresetColor(color) {
-  return PRESET_COLORS.has(color);
-}
-var presetClassMap = {
-  primary: { bg: "bg-primary", text: "text-primary", border: "border-primary" },
-  secondary: { bg: "bg-secondary", text: "text-secondary", border: "border-secondary" },
-  error: { bg: "bg-error", text: "text-error", border: "border-error" },
-  info: { bg: "bg-info", text: "text-info", border: "border-info" },
-  success: { bg: "bg-success", text: "text-success", border: "border-success" },
-  warning: { bg: "bg-warning", text: "text-warning", border: "border-warning" },
-  disabled: { bg: "bg-disabled", text: "text-disabled", border: "border-disabled" },
-  gray: { bg: "bg-gray", text: "text-gray", border: "border-input" },
-  mist: { bg: "bg-mist", text: "text-mist", border: "border-mist-border" }
-};
-function resolveColor(color, target) {
-  if (isPresetColor(color)) {
-    return { className: presetClassMap[color][target] };
-  }
-  const cssProp = target === "bg" ? "backgroundColor" : target === "text" ? "color" : "borderColor";
-  return { style: { [cssProp]: color } };
-}
-
-export { cn, isPresetColor, resolveColor };

package/dist/chunk-XNLCVHBC.js

@@ -1,364 +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;
-var MOBILE_MEDIA_QUERY = `(max-width: ${MOBILE_BREAKPOINT - 1}px)`;
-function useIsMobile() {
-  const [isMobile, setIsMobile] = React9.useState(void 0);
-  React9.useEffect(() => {
-    const mql = window.matchMedia(MOBILE_MEDIA_QUERY);
-    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, MOBILE_MEDIA_QUERY, Separator, Skeleton, buttonVariants, getStrictContext, useControlledState, useDataState, useIsMobile };