@agroshine/ags-web-ui-kit 1.0.0

package/dist/chunk-JTFCE6RA.js

@@ -0,0 +1,1156 @@
+import { FormItem } from './chunk-QEG27NX6.js';
+import { Spinner, Button } from './chunk-QAZMI5VH.js';
+import { Accordion, Calendar as Calendar$1, AccordionItem, AccordionTrigger, AccordionContent } from './chunk-6O2IDBTX.js';
+import { Popover, PopoverTrigger, PopoverContent } from './chunk-6YUNWKT3.js';
+import { cn } from './chunk-MOED3QPY.js';
+import React, { forwardRef, useState, useCallback, useMemo, useRef, useEffect } from 'react';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import clsx from 'clsx';
+import { cva } from 'class-variance-authority';
+import { Search, Calendar, ServerCrash, FileQuestion, Info, AlertTriangle, XCircle, CheckCircle2, ChevronRight } from 'lucide-react';
+import { faArrowLeft, faSearch } from '@fortawesome/free-solid-svg-icons';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import dayjs from 'dayjs';
+import { Toaster as Toaster$1 } from 'sonner';
+export { toast } from 'sonner';
+
+function ItemNumber({ value }) {
+  return /* @__PURE__ */ jsx("span", { className: "grid h-6 w-6 shrink-0 place-items-center rounded-full bg-primary-50 text-xs font-bold text-primary", children: value });
+}
+function renderItems(items, variant) {
+  const isCard = variant === "card";
+  const defaultItemClass = "border-b border-border first:border-t";
+  const cardItemClass = "mb-2 overflow-hidden rounded-md border border-border last:mb-0";
+  const cardTriggerClass = "px-4 py-3.5 hover:bg-muted/50 hover:text-foreground data-[state=open]:bg-muted/50 [&:hover>svg]:text-muted-foreground";
+  const cardContentClass = "border-t border-border px-4 pb-4 pt-3.5";
+  return items.map((item) => /* @__PURE__ */ jsxs(
+    AccordionItem,
+    {
+      value: item.key,
+      disabled: item.disabled,
+      className: isCard ? cardItemClass : defaultItemClass,
+      children: [
+        /* @__PURE__ */ jsx(AccordionTrigger, { className: isCard ? cardTriggerClass : void 0, children: /* @__PURE__ */ jsxs("span", { className: "flex flex-1 items-center gap-3 text-left", children: [
+          item.number !== void 0 && isCard && /* @__PURE__ */ jsx(ItemNumber, { value: item.number }),
+          item.icon ? /* @__PURE__ */ jsx("span", { className: "shrink-0 text-muted-foreground", children: item.icon }) : null,
+          /* @__PURE__ */ jsx("span", { className: "flex-1", children: item.title })
+        ] }) }),
+        /* @__PURE__ */ jsx(AccordionContent, { className: isCard ? cardContentClass : void 0, children: item.content })
+      ]
+    },
+    item.key
+  ));
+}
+var Accordion2 = forwardRef(function Accordion3(props, ref) {
+  const { items, className, variant = "default" } = props;
+  const children = renderItems(items, variant);
+  const rootClass = cn("w-full", className);
+  if (props.type === "multiple") {
+    const { defaultValue: defaultValue2, value: value2, onChange: onChange2 } = props;
+    return /* @__PURE__ */ jsx(
+      Accordion,
+      {
+        ref,
+        type: "multiple",
+        defaultValue: defaultValue2,
+        value: value2,
+        onValueChange: onChange2,
+        className: rootClass,
+        children
+      }
+    );
+  }
+  const { defaultValue, value, onChange, collapsible } = props;
+  return /* @__PURE__ */ jsx(
+    Accordion,
+    {
+      ref,
+      type: "single",
+      collapsible: collapsible ?? true,
+      defaultValue,
+      value,
+      onValueChange: onChange,
+      className: rootClass,
+      children
+    }
+  );
+});
+Accordion2.displayName = "Accordion";
+var Content = forwardRef(function Content2({ children, padded = true, maxWidth = "full", className }, ref) {
+  const isFull = maxWidth === "full";
+  const innerStyle = isFull ? void 0 : { maxWidth: typeof maxWidth === "number" ? `${maxWidth}px` : void 0 };
+  return /* @__PURE__ */ jsx(
+    "main",
+    {
+      ref,
+      className: cn("min-h-0 flex-1 bg-default-50 text-foreground overflow-auto", className),
+      children: /* @__PURE__ */ jsx("div", { style: innerStyle, className: cn(padded && "px-6 py-6", !isFull && "mx-auto w-full"), children })
+    }
+  );
+});
+Content.displayName = "Content";
+var FormCard = ({
+  title,
+  description,
+  disabled = false,
+  children
+}) => {
+  return /* @__PURE__ */ jsxs(
+    "article",
+    {
+      className: clsx(
+        "w-auto border box-border border-primary-100/ px-10 py-5 mb-5",
+        "rounded-lg bg-white ",
+        disabled && "pointer-events-none bg-gray-200  cursor-not-allowed rounded-md"
+      ),
+      children: [
+        title && /* @__PURE__ */ jsx("h2", { className: "text-black-900 font-semibold text-[18px] mb-[10px]", children: title }),
+        description && /* @__PURE__ */ jsx("p", { className: "text-grey-900 text-[14px]", children: description }),
+        /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-4", children })
+      ]
+    }
+  );
+};
+function BrandLogo({ mark = "A", name = "AgroShine", className }) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "flex h-full min-w-[240px] shrink-0 items-center gap-2.5",
+        "border-r border-white/10 pl-[18px] pr-[22px]",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            "aria-hidden": true,
+            className: cn(
+              "grid h-7 w-7 place-items-center rounded-md",
+              "bg-secondary-500 text-primary-700 text-sm font-bold leading-none"
+            ),
+            children: mark
+          }
+        ),
+        /* @__PURE__ */ jsx("span", { className: "text-[15px] font-semibold text-white", children: name })
+      ]
+    }
+  );
+}
+function FarmChip({ children, withDot = true, className }) {
+  return /* @__PURE__ */ jsxs(
+    "span",
+    {
+      className: cn(
+        "inline-flex items-center gap-1.5 rounded-full",
+        "border border-white/20 px-3 py-1 text-xs font-medium text-white",
+        className
+      ),
+      children: [
+        withDot && /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: "h-1.5 w-1.5 rounded-full bg-secondary-500" }),
+        children
+      ]
+    }
+  );
+}
+var headerItemVariants = cva(
+  [
+    "inline-flex h-full items-center gap-2 px-[18px]",
+    "text-[12.5px] font-medium tracking-[0.06em] uppercase",
+    "cursor-pointer select-none outline-none no-underline",
+    "border-b-2 border-transparent transition-colors",
+    "focus-visible:ring-2 focus-visible:ring-secondary-500 focus-visible:ring-inset"
+  ],
+  {
+    variants: {
+      active: {
+        true: "text-primary-foreground border-b-secondary-500",
+        false: "text-primary-foreground/80 hover:text-primary-foreground"
+      }
+    },
+    defaultVariants: { active: false }
+  }
+);
+var SearchBox = forwardRef(function SearchBox2({ placeholder = "Buscar bloque, producto, blanco\u2026", value, onChange, onSubmit, className }, ref) {
+  const [internal, setInternal] = useState(value ?? "");
+  const isControlled = value !== void 0;
+  const current = isControlled ? value : internal;
+  const handleChange = useCallback(
+    (event) => {
+      const next = event.target.value;
+      if (!isControlled) setInternal(next);
+      onChange?.(next);
+    },
+    [isControlled, onChange]
+  );
+  const handleSubmit = useCallback(
+    (event) => {
+      event.preventDefault();
+      onSubmit?.(current ?? "");
+    },
+    [current, onSubmit]
+  );
+  return /* @__PURE__ */ jsxs("form", { role: "search", onSubmit: handleSubmit, className: cn("relative w-[260px]", className), children: [
+    /* @__PURE__ */ jsx(
+      Search,
+      {
+        "aria-hidden": true,
+        className: "pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-white/60"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "input",
+      {
+        ref,
+        type: "search",
+        value: current,
+        onChange: handleChange,
+        placeholder,
+        className: cn(
+          "h-8 w-full rounded-md pl-9 pr-3 text-sm text-white",
+          "bg-white/10 border border-white/15 placeholder:text-white/50",
+          "outline-none focus-visible:ring-2 focus-visible:ring-secondary-500 focus-visible:ring-offset-0",
+          "[&::-webkit-search-cancel-button]:hidden"
+        )
+      }
+    )
+  ] });
+});
+var Header = forwardRef(function Header2({
+  brand,
+  items,
+  onItemClick,
+  search,
+  farmChip,
+  actions,
+  user,
+  className,
+  sticky = false,
+  height = 60
+}, ref) {
+  const style = { height };
+  const handleClick = useCallback(
+    (item) => {
+      item.onClick?.();
+      onItemClick?.(item);
+    },
+    [onItemClick]
+  );
+  const renderItem = (item) => {
+    const itemClassName = headerItemVariants({ active: !!item.active });
+    const content = /* @__PURE__ */ jsxs(Fragment, { children: [
+      item.icon && /* @__PURE__ */ jsx("span", { className: "shrink-0", children: item.icon }),
+      /* @__PURE__ */ jsx("span", { children: item.label })
+    ] });
+    if (item.href) {
+      return /* @__PURE__ */ jsx(
+        "a",
+        {
+          href: item.href,
+          className: itemClassName,
+          "aria-current": item.active ? "page" : void 0,
+          onClick: () => handleClick(item),
+          children: content
+        },
+        item.key
+      );
+    }
+    return /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        className: cn(itemClassName, "bg-transparent"),
+        "aria-current": item.active ? "page" : void 0,
+        onClick: () => handleClick(item),
+        children: content
+      },
+      item.key
+    );
+  };
+  const searchProps = search ? search : null;
+  const hasItems = !!items && items.length > 0;
+  return /* @__PURE__ */ jsxs(
+    "header",
+    {
+      ref,
+      style,
+      className: cn(
+        "flex items-stretch bg-primary-500 text-primary-foreground",
+        "border-b border-primary-700",
+        sticky && "sticky top-0 z-30",
+        className
+      ),
+      children: [
+        brand ? /* @__PURE__ */ jsx("div", { className: "flex shrink-0 items-center", children: brand }) : /* @__PURE__ */ jsx(BrandLogo, {}),
+        hasItems && /* @__PURE__ */ jsx("nav", { "aria-label": "Navegaci\xF3n principal", className: "hidden flex-1 items-stretch pl-2 md:flex", children: items.map(renderItem) }),
+        !hasItems && /* @__PURE__ */ jsx("div", { className: "flex-1" }),
+        /* @__PURE__ */ jsxs("div", { className: "ml-auto flex items-center gap-3.5 px-5", children: [
+          searchProps && /* @__PURE__ */ jsx("div", { className: "hidden lg:block", children: /* @__PURE__ */ jsx(SearchBox, { ...searchProps }) }),
+          farmChip !== void 0 && farmChip !== null && /* @__PURE__ */ jsx("div", { className: "hidden md:flex", children: typeof farmChip === "string" ? /* @__PURE__ */ jsx(FarmChip, { children: farmChip }) : farmChip }),
+          actions && /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2", children: actions }),
+          user && /* @__PURE__ */ jsx("div", { className: "flex shrink-0 items-center", children: user })
+        ] })
+      ]
+    }
+  );
+});
+Header.displayName = "Header";
+function UserAvatar({ initials, label, className, onClick }) {
+  const classes = cn(
+    "inline-flex h-8 w-8 items-center justify-center rounded-full",
+    "bg-white/15 border border-white/20 text-xs font-semibold text-white",
+    "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-secondary-500",
+    onClick && "cursor-pointer transition-colors hover:bg-white/25",
+    className
+  );
+  if (onClick) {
+    return /* @__PURE__ */ jsx("button", { type: "button", "aria-label": label ?? initials, className: classes, onClick, children: initials });
+  }
+  return /* @__PURE__ */ jsx("span", { role: "img", "aria-label": label ?? initials, className: classes, children: initials });
+}
+var Layout = forwardRef(function Layout2({ header, sidebar, footer, children, hasHeader, hasSidebar, sidebarCollapsed = false, className }, ref) {
+  const renderHeader = hasHeader ?? !!header;
+  const renderSidebar = hasSidebar ?? !!sidebar;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref,
+      className: cn("flex h-screen w-full flex-col bg-default-50 text-foreground", className),
+      children: [
+        renderHeader && header && /* @__PURE__ */ jsx("div", { className: "shrink-0", children: header }),
+        /* @__PURE__ */ jsxs("div", { className: "flex min-h-0 flex-1", children: [
+          renderSidebar && sidebar && /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx("aside", { className: "hidden shrink-0 lg:flex", children: sidebar }),
+            !sidebarCollapsed && /* @__PURE__ */ jsx("aside", { className: "fixed inset-y-0 left-0 z-40 flex lg:hidden", "aria-hidden": "false", children: sidebar })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 flex-col", children: [
+            /* @__PURE__ */ jsx(Content, { padded: true, children }),
+            footer && /* @__PURE__ */ jsx("div", { className: "shrink-0", children: footer })
+          ] })
+        ] })
+      ]
+    }
+  );
+});
+Layout.displayName = "Layout";
+var PageHeader = ({
+  title,
+  subtitle,
+  onBack,
+  headerLeft,
+  extra,
+  children
+}) => {
+  return /* @__PURE__ */ jsxs("div", { className: "p-7 flex flex-col gap-5", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-4", children: [
+      onBack && /* @__PURE__ */ jsx(Button, { onPress: onBack, isIconOnly: true, "aria-label": "Back", color: "primary", variant: "bordered", children: /* @__PURE__ */ jsx(FontAwesomeIcon, { icon: faArrowLeft }) }),
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("h1", { className: "text-2xl font-semibold", children: title }),
+        subtitle && /* @__PURE__ */ jsx("p", { className: "text-sm text-gray-500 mt-1", children: subtitle })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "px-2 rounded-md py-3 flex items-center justify-between gap-4", children: [
+      /* @__PURE__ */ jsx("div", { className: "flex items-start gap-4", children: headerLeft }),
+      extra && Array.isArray(extra) ? /* @__PURE__ */ jsx("div", { className: "shrink-0", children: extra.map((item, index) => /* @__PURE__ */ jsx("div", { children: item }, index)) }) : /* @__PURE__ */ jsx("div", { className: "shrink-0", children: extra })
+    ] }),
+    children && /* @__PURE__ */ jsx("div", { className: "mt-2", children })
+  ] });
+};
+var DEFAULT_FORMAT = "DD/MM/YYYY";
+var DEFAULT_FORMATS = ["DD/MM/YYYY", "DD-MM-YYYY", "YYYY-MM-DD"];
+function normalizeFormat(format) {
+  if (!format) return DEFAULT_FORMAT;
+  return Array.isArray(format) ? format[0] : format;
+}
+function dayjsToDate(value) {
+  if (!value || !value.isValid()) return void 0;
+  return value.toDate();
+}
+function dateToDayjs(value) {
+  if (!value) return null;
+  const parsed = dayjs(value);
+  return parsed.isValid() ? parsed : null;
+}
+function formatDateValue(value, format) {
+  const parsed = dateToDayjs(value ?? null);
+  if (!parsed) return "";
+  return parsed.format(normalizeFormat(format));
+}
+function formatRangeDateValue(value, format) {
+  if (!value) return ["", ""];
+  return [formatDateValue(value.from, format), formatDateValue(value.to, format)];
+}
+function dayjsRangeToDateRange(value) {
+  if (!value?.[0] || !value?.[1]) return void 0;
+  const from = dayjsToDate(value[0]);
+  const to = dayjsToDate(value[1]);
+  if (!from || !to) return void 0;
+  return { from, to };
+}
+function dateRangeToDayjsRange(value) {
+  if (!value || !value.from || !value.to) return null;
+  return [dateToDayjs(value.from), dateToDayjs(value.to)];
+}
+var POPUP_ALIGN_MAP = {
+  bottomLeft: "start",
+  bottomRight: "end",
+  topLeft: "start",
+  topRight: "end"
+};
+var POPUP_SIDE_MAP = {
+  bottomLeft: "bottom",
+  bottomRight: "bottom",
+  topLeft: "top",
+  topRight: "top"
+};
+var DatePicker = React.forwardRef(
+  ({
+    className,
+    defaultValue,
+    value,
+    disabled = false,
+    format = "DD/MM/YYYY",
+    open,
+    defaultOpen = false,
+    onOpenChange,
+    placement = "bottomLeft",
+    size = "medium",
+    status,
+    minDate,
+    maxDate,
+    isDateUnavailable,
+    onChange,
+    externalLabel,
+    help,
+    errorMessage
+  }, ref) => {
+    const mergedFormat = useMemo(() => normalizeFormat(format), [format]);
+    const hasError = status === "error" || Boolean(errorMessage);
+    const sizeClass = size === "large" ? "h-10" : size === "small" ? "h-8" : "h-9";
+    const [internalOpen, setInternalOpen] = useState(defaultOpen);
+    const isOpen = open !== void 0 ? open : internalOpen;
+    const setOpen = (next) => {
+      if (open === void 0) setInternalOpen(next);
+      onOpenChange?.(next);
+    };
+    const selected = dayjsToDate(value) ?? dayjsToDate(defaultValue);
+    const display = selected ? dateToDayjs(selected)?.format(mergedFormat) : "";
+    return /* @__PURE__ */ jsx(FormItem, { label: externalLabel, help, validateStatus: hasError ? "error" : "default", children: /* @__PURE__ */ jsx("div", { ref, children: /* @__PURE__ */ jsxs(Popover, { open: isOpen, onOpenChange: setOpen, children: [
+      /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          disabled,
+          "aria-label": externalLabel ?? "Fecha",
+          "aria-invalid": hasError || void 0,
+          className: cn(
+            // Mismas clases que ui/input · canon Components.html
+            "flex w-full items-center justify-between gap-2 rounded-md border border-input bg-background px-3 py-1 text-sm text-foreground transition-colors",
+            "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-0",
+            "aria-invalid:border-destructive aria-invalid:focus-visible:ring-destructive",
+            "disabled:cursor-not-allowed disabled:bg-muted disabled:opacity-60",
+            sizeClass,
+            className
+          ),
+          children: [
+            /* @__PURE__ */ jsx("span", { className: cn(!display && "text-muted-foreground"), children: display || mergedFormat }),
+            /* @__PURE__ */ jsx(
+              Calendar,
+              {
+                className: "h-4 w-4 shrink-0 text-muted-foreground",
+                "aria-hidden": "true"
+              }
+            )
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ jsx(
+        PopoverContent,
+        {
+          align: POPUP_ALIGN_MAP[placement],
+          side: POPUP_SIDE_MAP[placement],
+          className: "w-auto p-0 z-[9999]",
+          children: /* @__PURE__ */ jsx(
+            Calendar$1,
+            {
+              mode: "single",
+              selected,
+              fromDate: dayjsToDate(minDate),
+              toDate: dayjsToDate(maxDate),
+              disabled: isDateUnavailable ? (date) => Boolean(isDateUnavailable(date)) : void 0,
+              onSelect: (d) => {
+                const parsed = dateToDayjs(d ?? null);
+                onChange?.(parsed, parsed ? parsed.format(mergedFormat) : "");
+                setOpen(false);
+              }
+            }
+          )
+        }
+      )
+    ] }) }) });
+  }
+);
+DatePicker.displayName = "DatePicker";
+var PickerPanel = ({
+  value,
+  defaultValue,
+  minDate,
+  maxDate,
+  onChange,
+  isDateUnavailable,
+  className
+}) => {
+  const selected = dayjsToDate(value) ?? dayjsToDate(defaultValue);
+  return /* @__PURE__ */ jsx(
+    Calendar$1,
+    {
+      mode: "single",
+      className,
+      selected,
+      fromDate: dayjsToDate(minDate),
+      toDate: dayjsToDate(maxDate),
+      disabled: isDateUnavailable ? (date) => Boolean(isDateUnavailable(date)) : void 0,
+      onSelect: (d) => onChange?.(dateToDayjs(d ?? null))
+    }
+  );
+};
+var POPUP_ALIGN_MAP2 = {
+  bottomLeft: "start",
+  bottomRight: "end",
+  topLeft: "start",
+  topRight: "end"
+};
+var POPUP_SIDE_MAP2 = {
+  bottomLeft: "bottom",
+  bottomRight: "bottom",
+  topLeft: "top",
+  topRight: "top"
+};
+var RangePicker = React.forwardRef(
+  ({
+    className,
+    defaultValue,
+    value,
+    disabled = false,
+    format = "DD/MM/YYYY",
+    open,
+    defaultOpen = false,
+    onOpenChange,
+    placement = "bottomLeft",
+    size = "medium",
+    status,
+    minDate,
+    maxDate,
+    isDateUnavailable,
+    visibleMonths = 1,
+    onChange,
+    onCalendarChange,
+    externalLabel,
+    help,
+    errorMessage
+  }, ref) => {
+    const mergedFormat = useMemo(() => normalizeFormat(format), [format]);
+    const hasError = status === "error" || Boolean(errorMessage);
+    const sizeClass = size === "large" ? "h-10" : size === "small" ? "h-8" : "h-9";
+    const [internalOpen, setInternalOpen] = useState(defaultOpen);
+    const isOpen = open !== void 0 ? open : internalOpen;
+    const setOpen = (next) => {
+      if (open === void 0) setInternalOpen(next);
+      onOpenChange?.(next);
+    };
+    const range = dayjsRangeToDateRange(value) ?? dayjsRangeToDateRange(defaultValue);
+    const formatted = formatRangeDateValue(range, mergedFormat);
+    const display = range ? `${formatted[0]} \u2013 ${formatted[1]}` : "";
+    return /* @__PURE__ */ jsx(FormItem, { label: externalLabel, help, validateStatus: hasError ? "error" : "default", children: /* @__PURE__ */ jsx("div", { ref, children: /* @__PURE__ */ jsxs(Popover, { open: isOpen, onOpenChange: setOpen, children: [
+      /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          disabled,
+          "aria-label": externalLabel ?? "Rango de fechas",
+          "aria-invalid": hasError || void 0,
+          className: cn(
+            // Mismas clases que ui/input · canon Components.html
+            "flex w-full items-center justify-between gap-2 rounded-md border border-input bg-background px-3 py-1 text-sm text-foreground transition-colors",
+            "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-0",
+            "aria-invalid:border-destructive aria-invalid:focus-visible:ring-destructive",
+            "disabled:cursor-not-allowed disabled:bg-muted disabled:opacity-60",
+            sizeClass,
+            className
+          ),
+          children: [
+            /* @__PURE__ */ jsx("span", { className: cn(!display && "text-muted-foreground"), children: display || `${mergedFormat} \u2013 ${mergedFormat}` }),
+            /* @__PURE__ */ jsx(
+              Calendar,
+              {
+                className: "h-4 w-4 shrink-0 text-muted-foreground",
+                "aria-hidden": "true"
+              }
+            )
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ jsx(
+        PopoverContent,
+        {
+          align: POPUP_ALIGN_MAP2[placement],
+          side: POPUP_SIDE_MAP2[placement],
+          className: "w-auto p-0 z-[9999]",
+          children: /* @__PURE__ */ jsx(
+            Calendar$1,
+            {
+              mode: "range",
+              numberOfMonths: visibleMonths,
+              selected: range,
+              fromDate: dayjsToDate(minDate),
+              toDate: dayjsToDate(maxDate),
+              disabled: isDateUnavailable ? (date) => Boolean(isDateUnavailable(date)) : void 0,
+              onSelect: (next) => {
+                const dayjsRange = dateRangeToDayjsRange(next ?? null);
+                const dateStrings = formatRangeDateValue(next ?? null, mergedFormat);
+                onChange?.(dayjsRange, dateStrings);
+                if (dayjsRange) onCalendarChange?.(dayjsRange, dateStrings, {});
+              }
+            }
+          )
+        }
+      )
+    ] }) }) });
+  }
+);
+RangePicker.displayName = "RangePicker";
+var ICON_MAP = {
+  success: /* @__PURE__ */ jsx(CheckCircle2, { className: "h-14 w-14" }),
+  error: /* @__PURE__ */ jsx(XCircle, { className: "h-14 w-14" }),
+  warning: /* @__PURE__ */ jsx(AlertTriangle, { className: "h-14 w-14" }),
+  info: /* @__PURE__ */ jsx(Info, { className: "h-14 w-14" }),
+  "404": /* @__PURE__ */ jsx(FileQuestion, { className: "h-14 w-14" }),
+  "500": /* @__PURE__ */ jsx(ServerCrash, { className: "h-14 w-14" })
+};
+var COLOR_MAP = {
+  success: "text-success-500",
+  error: "text-destructive",
+  warning: "text-warning-500",
+  info: "text-primary",
+  "404": "text-muted-foreground",
+  "500": "text-destructive"
+};
+var Result = forwardRef(function Result2({ status, title, description, icon, extra, className }, ref) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref,
+      className: cn("flex flex-col items-center justify-center px-6 py-10 text-center", className),
+      children: [
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: cn(
+              "mb-3 inline-flex items-center justify-center leading-none",
+              COLOR_MAP[status]
+            ),
+            children: icon ?? ICON_MAP[status]
+          }
+        ),
+        /* @__PURE__ */ jsx("h3", { className: "mb-2 text-[22px] font-semibold leading-tight text-foreground", children: title }),
+        description && /* @__PURE__ */ jsx("p", { className: "mx-auto max-w-[400px] text-sm leading-normal text-muted-foreground", children: description }),
+        extra && /* @__PURE__ */ jsx("div", { className: "mt-5 flex flex-wrap items-center justify-center gap-2", children: extra })
+      ]
+    }
+  );
+});
+Result.displayName = "Result";
+function getErrorMessage(error) {
+  if (!error) return void 0;
+  if (typeof error === "string") return error;
+  if (error instanceof Error) return error.message;
+  if (typeof error === "object" && "message" in error) {
+    const msg = error.message;
+    return typeof msg === "string" ? msg : void 0;
+  }
+  return void 0;
+}
+var QueryState = forwardRef(function QueryState2({
+  loading,
+  error,
+  empty,
+  emptyTitle = "Sin resultados",
+  emptyDescription,
+  emptyAction,
+  errorTitle = "Algo sali\xF3 mal",
+  errorDescription,
+  onRetry,
+  loadingFallback,
+  children,
+  className
+}, ref) {
+  if (loading) {
+    return /* @__PURE__ */ jsx("div", { ref, className: cn("flex w-full items-center justify-center", className), children: loadingFallback ?? /* @__PURE__ */ jsx(Spinner, {}) });
+  }
+  if (error) {
+    const description = errorDescription ?? getErrorMessage(error);
+    return /* @__PURE__ */ jsx("div", { ref, className, children: /* @__PURE__ */ jsx(
+      Result,
+      {
+        status: "error",
+        title: errorTitle,
+        description,
+        extra: onRetry && /* @__PURE__ */ jsx(Button, { color: "primary", variant: "bordered", onPress: onRetry, children: "Reintentar" })
+      }
+    ) });
+  }
+  if (empty) {
+    return /* @__PURE__ */ jsx("div", { ref, className, children: /* @__PURE__ */ jsx(
+      Result,
+      {
+        status: "info",
+        title: emptyTitle,
+        description: emptyDescription,
+        extra: emptyAction
+      }
+    ) });
+  }
+  return /* @__PURE__ */ jsx(Fragment, { children });
+});
+QueryState.displayName = "QueryState";
+function SearchFilterBar({
+  options,
+  selectedOption,
+  onOptionChange,
+  searchValue,
+  onSearchChange,
+  searchPlaceholder = "Buscar...",
+  className = ""
+}) {
+  const [isOpen, setIsOpen] = useState(false);
+  const dropdownRef = useRef(null);
+  const selectedLabel = useMemo(
+    () => options.find((option) => String(option.value) === selectedOption)?.label ?? selectedOption,
+    [options, selectedOption]
+  );
+  useEffect(() => {
+    const onClickOutside = (event) => {
+      if (!dropdownRef.current) return;
+      if (!dropdownRef.current.contains(event.target)) {
+        setIsOpen(false);
+      }
+    };
+    document.addEventListener("mousedown", onClickOutside);
+    return () => document.removeEventListener("mousedown", onClickOutside);
+  }, []);
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: `flex w-full flex-col gap-3 sm:flex-row sm:items-stretch sm:gap-0 ${className}`,
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "relative w-full sm:w-[180px] sm:min-w-[180px]", ref: dropdownRef, children: [
+          /* @__PURE__ */ jsxs(
+            "button",
+            {
+              type: "button",
+              onClick: () => setIsOpen((prev) => !prev),
+              className: "flex h-10 w-full items-center justify-between rounded-md border border-primary-500 bg-white px-4 text-left text-sm font-semibold text-primary-500 sm:rounded-r-none sm:border-r-0",
+              "aria-haspopup": "listbox",
+              "aria-expanded": isOpen,
+              children: [
+                /* @__PURE__ */ jsx("span", { className: "text-sm leading-tight", children: selectedLabel }),
+                /* @__PURE__ */ jsx(
+                  "svg",
+                  {
+                    className: "h-4 w-4 flex-shrink-0 text-primary-500",
+                    viewBox: "0 0 20 20",
+                    fill: "currentColor",
+                    "aria-hidden": "true",
+                    children: /* @__PURE__ */ jsx(
+                      "path",
+                      {
+                        fillRule: "evenodd",
+                        d: "M5.23 7.21a.75.75 0 0 1 1.06.02L10 11.168l3.71-3.938a.75.75 0 1 1 1.08 1.04l-4.25 4.5a.75.75 0 0 1-1.08 0l-4.25-4.5a.75.75 0 0 1 .02-1.06Z",
+                        clipRule: "evenodd"
+                      }
+                    )
+                  }
+                )
+              ]
+            }
+          ),
+          isOpen && /* @__PURE__ */ jsx(
+            "ul",
+            {
+              role: "listbox",
+              className: "absolute z-20 mt-1 max-h-60 w-full overflow-y-auto rounded-md border border-[#d1d5db] bg-white py-1 shadow-lg",
+              children: options.map((option) => {
+                const value = String(option.value);
+                const isSelected = value === selectedOption;
+                return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => {
+                      onOptionChange(value);
+                      setIsOpen(false);
+                    },
+                    className: `w-full px-4 py-2 text-left text-sm hover:bg-blue-50 ${isSelected ? "bg-blue-50 font-medium text-primary-500" : "text-[#374151]"}`,
+                    children: option.label
+                  }
+                ) }, value);
+              })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "w-full sm:max-w-[360px] sm:flex-1", children: /* @__PURE__ */ jsxs("div", { className: "relative flex h-10 w-full items-center rounded-md border border-[#d1d5db] bg-white px-4 sm:rounded-l-none", children: [
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              type: "text",
+              value: searchValue,
+              onChange: (event) => onSearchChange(event.target.value),
+              placeholder: searchPlaceholder,
+              className: "w-full bg-transparent pr-8 text-sm text-gray-500-500 placeholder:text-[#9ca3af] focus:outline-none"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            FontAwesomeIcon,
+            {
+              icon: faSearch,
+              className: "pointer-events-none absolute right-3 text-[#c4c8d0]"
+            }
+          )
+        ] }) })
+      ]
+    }
+  );
+}
+var sidebarItemVariants = cva(
+  [
+    "group/sb-item relative flex items-center gap-2.5 text-[13px] cursor-pointer select-none outline-none",
+    "pl-8 pr-[18px] py-2",
+    "border-l-2 border-l-transparent",
+    "transition-colors"
+  ],
+  {
+    variants: {
+      active: {
+        true: "bg-primary-50 text-primary-500 font-semibold border-l-primary-500",
+        false: "text-muted-foreground hover:bg-muted hover:text-foreground"
+      },
+      disabled: {
+        true: "opacity-40 pointer-events-none",
+        false: ""
+      }
+    },
+    defaultVariants: { active: false, disabled: false }
+  }
+);
+var sidebarGroupLabelVariants = cva(
+  "flex items-center justify-between gap-2 px-[18px] pt-3.5 pb-1.5 text-[10.5px] font-semibold uppercase tracking-[0.1em] text-muted-foreground cursor-pointer select-none"
+);
+var sidebarDotVariants = cva("h-[5px] w-[5px] shrink-0 rounded-full transition-colors", {
+  variants: {
+    active: {
+      true: "bg-primary-500 opacity-100",
+      false: "bg-muted-foreground opacity-40 group-hover/sb-item:opacity-60"
+    }
+  },
+  defaultVariants: { active: false }
+});
+var sidebarBadgeVariants = cva(
+  "ml-auto rounded-full px-[7px] py-px text-[10.5px] font-semibold leading-tight",
+  {
+    variants: {
+      active: {
+        true: "bg-background text-primary-500 border border-primary-100",
+        false: "bg-muted text-muted-foreground"
+      }
+    },
+    defaultVariants: { active: false }
+  }
+);
+function Chevron({ open, className }) {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      viewBox: "0 0 16 16",
+      fill: "none",
+      "aria-hidden": "true",
+      className: cn(
+        "h-2.5 w-2.5 shrink-0 transition-transform duration-200",
+        open ? "rotate-180" : "",
+        className
+      ),
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M4 6l4 4 4-4",
+          stroke: "currentColor",
+          strokeWidth: "1.8",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      )
+    }
+  );
+}
+function ItemRow({ item, onClick }) {
+  const isActive = !!item.active;
+  const itemClass = sidebarItemVariants({ active: isActive, disabled: !!item.disabled });
+  const inner = /* @__PURE__ */ jsxs(Fragment, { children: [
+    item.icon ?? /* @__PURE__ */ jsx("span", { className: sidebarDotVariants({ active: isActive }), "aria-hidden": "true" }),
+    /* @__PURE__ */ jsx("span", { className: "flex-1 truncate", children: item.label }),
+    item.badge != null && /* @__PURE__ */ jsx("span", { className: sidebarBadgeVariants({ active: isActive }), children: item.badge })
+  ] });
+  if (item.href) {
+    return /* @__PURE__ */ jsx(
+      "a",
+      {
+        href: item.href,
+        "aria-current": isActive ? "page" : void 0,
+        "aria-disabled": item.disabled || void 0,
+        onClick: (e) => {
+          if (item.disabled) e.preventDefault();
+          onClick?.(item);
+        },
+        className: cn(itemClass, "no-underline"),
+        children: inner
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      disabled: item.disabled,
+      "aria-current": isActive ? "page" : void 0,
+      onClick: () => onClick?.(item),
+      className: cn(itemClass, "w-full bg-transparent text-left"),
+      children: inner
+    }
+  );
+}
+function GroupBlock({ group, onItemClick }) {
+  const isCollapsible = group.collapsible ?? true;
+  const [open, setOpen] = useState(group.defaultOpen ?? true);
+  return /* @__PURE__ */ jsxs("div", { className: "py-1", children: [
+    group.label && /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: sidebarGroupLabelVariants(),
+        onClick: isCollapsible ? () => setOpen((v) => !v) : void 0,
+        role: isCollapsible ? "button" : void 0,
+        "aria-expanded": isCollapsible ? open : void 0,
+        children: [
+          /* @__PURE__ */ jsx("span", { children: group.label }),
+          isCollapsible && /* @__PURE__ */ jsx(Chevron, { open })
+        ]
+      }
+    ),
+    (open || !isCollapsible) && /* @__PURE__ */ jsx("div", { className: "flex flex-col", children: group.items.map((item) => /* @__PURE__ */ jsx(ItemRow, { item, onClick: onItemClick }, item.key)) })
+  ] });
+}
+var Sidebar = forwardRef(function Sidebar2({
+  groups,
+  context,
+  brand,
+  footer,
+  onItemClick,
+  onCollapsedChange,
+  collapsed = false,
+  width = 260,
+  className
+}, ref) {
+  const style = { width };
+  const handleItemClick = useCallback(
+    (item) => {
+      if (item.disabled) return;
+      onItemClick?.(item);
+    },
+    [onItemClick]
+  );
+  if (collapsed) {
+    return /* @__PURE__ */ jsxs(
+      "aside",
+      {
+        ref,
+        style: { width: 64 },
+        className: cn(
+          "flex h-full flex-col overflow-y-auto border-r border-border bg-default-50 py-3.5",
+          className
+        ),
+        children: [
+          brand && /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center pb-3", children: brand }),
+          onCollapsedChange && /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: () => onCollapsedChange(false),
+              "aria-label": "Expandir sidebar",
+              className: "mx-auto mb-2 rounded p-1 text-muted-foreground hover:bg-muted hover:text-foreground",
+              children: /* @__PURE__ */ jsx(Chevron, { open: true, className: "-rotate-90" })
+            }
+          )
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs(
+    "aside",
+    {
+      ref,
+      style,
+      className: cn(
+        // Canon `.ls-light`: bg, border-right, padding 14 0 24
+        "flex h-full flex-col overflow-y-auto border-r border-border bg-default-50 pt-3.5 pb-6",
+        className
+      ),
+      children: [
+        brand && /* @__PURE__ */ jsx("div", { className: "px-[18px] pb-3", children: brand }),
+        context && /* @__PURE__ */ jsxs("div", { className: "px-[18px] pb-3.5 pt-2", children: [
+          context.label && /* @__PURE__ */ jsx("div", { className: "text-[10.5px] font-semibold uppercase tracking-[0.1em] text-muted-foreground", children: context.label }),
+          /* @__PURE__ */ jsx("div", { className: "mt-1 text-[18px] font-bold leading-tight text-foreground", children: context.title }),
+          context.sub && /* @__PURE__ */ jsx("div", { className: "mt-0.5 text-xs text-muted-foreground", children: context.sub })
+        ] }),
+        /* @__PURE__ */ jsx("nav", { className: "flex-1", children: groups.map((group) => /* @__PURE__ */ jsx(GroupBlock, { group, onItemClick: handleItemClick }, group.key)) }),
+        footer && /* @__PURE__ */ jsx("div", { className: "mt-2 border-t border-border px-[18px] pt-3 text-xs text-muted-foreground", children: footer })
+      ]
+    }
+  );
+});
+Sidebar.displayName = "Sidebar";
+var Toaster = forwardRef(function Toaster2({ className, position = "top-right", theme = "light", ...rest }, _ref) {
+  return /* @__PURE__ */ jsx(
+    Toaster$1,
+    {
+      position,
+      theme,
+      richColors: false,
+      closeButton: true,
+      toastOptions: {
+        classNames: {
+          toast: cn(
+            // Canon `.toast`: grid icon · texto · acción, bg-background,
+            // border, radius-md, padding 14/16, shadow-lg, items-start.
+            "group toast",
+            "group-[.toaster]:grid group-[.toaster]:grid-cols-[18px_1fr_auto] group-[.toaster]:gap-3 group-[.toaster]:items-start",
+            "group-[.toaster]:bg-background group-[.toaster]:text-foreground",
+            "group-[.toaster]:border group-[.toaster]:border-border",
+            "group-[.toaster]:rounded-md group-[.toaster]:px-4 group-[.toaster]:py-3.5",
+            "group-[.toaster]:shadow-lg",
+            className
+          ),
+          title: "text-sm font-semibold text-foreground",
+          description: "group-[.toast]:text-sm group-[.toast]:text-muted-foreground",
+          actionButton: "group-[.toast]:bg-primary group-[.toast]:text-primary-foreground group-[.toast]:rounded-sm group-[.toast]:px-2.5 group-[.toast]:py-1 group-[.toast]:text-[13px] group-[.toast]:font-semibold",
+          cancelButton: "group-[.toast]:bg-muted group-[.toast]:text-foreground group-[.toast]:rounded-sm group-[.toast]:px-2.5 group-[.toast]:py-1 group-[.toast]:text-[13px]",
+          closeButton: "group-[.toast]:border-border group-[.toast]:bg-background group-[.toast]:text-muted-foreground hover:group-[.toast]:text-foreground",
+          // Variantes — paletas semánticas AgroShine (no `richColors`)
+          success: "group-[.toaster]:bg-success-50 group-[.toaster]:text-success-700 group-[.toaster]:border-success-200",
+          error: "group-[.toaster]:bg-danger-50 group-[.toaster]:text-danger-700 group-[.toaster]:border-danger-200",
+          warning: "group-[.toaster]:bg-warning-50 group-[.toaster]:text-warning-800 group-[.toaster]:border-warning-200",
+          info: "group-[.toaster]:bg-primary-50 group-[.toaster]:text-primary-700 group-[.toaster]:border-primary-200"
+        }
+      },
+      ...rest
+    }
+  );
+});
+Toaster.displayName = "Toaster";
+var TreeNodeRow = ({
+  node,
+  level,
+  expandedSet,
+  selectedKey,
+  showLine,
+  onToggle,
+  onSelect
+}) => {
+  const hasChildren = !!node.children && node.children.length > 0;
+  const isExpanded = expandedSet.has(node.key);
+  const isSelected = selectedKey === node.key;
+  const selectable = node.selectable !== false && !node.disabled;
+  return /* @__PURE__ */ jsxs("div", { className: cn(showLine && level > 0 && "ml-3 border-l border-border pl-1"), children: [
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        role: selectable ? "button" : void 0,
+        tabIndex: selectable ? 0 : -1,
+        onClick: () => {
+          if (hasChildren) onToggle(node.key);
+          if (selectable) onSelect?.(node.key, node);
+        },
+        onKeyDown: (e) => {
+          if (e.key === "Enter" || e.key === " ") {
+            e.preventDefault();
+            if (hasChildren) onToggle(node.key);
+            if (selectable) onSelect?.(node.key, node);
+          }
+        },
+        style: { paddingLeft: `${level * 20 + 6}px` },
+        className: cn(
+          "flex items-center gap-1.5 rounded-sm px-1.5 py-1.5 text-sm transition-colors",
+          selectable && "cursor-pointer hover:bg-muted",
+          isSelected && "bg-primary-50 font-medium text-primary-700",
+          node.disabled && "cursor-not-allowed opacity-50"
+        ),
+        children: [
+          /* @__PURE__ */ jsx(
+            ChevronRight,
+            {
+              "aria-hidden": "true",
+              className: cn(
+                "h-3.5 w-3.5 shrink-0 text-muted-foreground transition-transform duration-150",
+                isExpanded && "rotate-90",
+                !hasChildren && "invisible"
+              )
+            }
+          ),
+          node.icon && /* @__PURE__ */ jsx("span", { className: "shrink-0 text-sm", children: node.icon }),
+          /* @__PURE__ */ jsx("span", { className: "flex-1 truncate", children: node.title })
+        ]
+      }
+    ),
+    hasChildren && isExpanded && /* @__PURE__ */ jsx("div", { className: "flex flex-col", children: node.children.map((child) => /* @__PURE__ */ jsx(
+      TreeNodeRow,
+      {
+        node: child,
+        level: level + 1,
+        expandedSet,
+        selectedKey,
+        showLine,
+        onToggle,
+        onSelect
+      },
+      child.key
+    )) })
+  ] });
+};
+var Tree = forwardRef(function Tree2({ data, defaultExpanded, expanded, onExpandedChange, selectedKey, onSelect, showLine, className }, ref) {
+  const [internal, setInternal] = useState(defaultExpanded ?? []);
+  const current = expanded ?? internal;
+  const set = useMemo(() => new Set(current), [current]);
+  const handleToggle = useCallback(
+    (key) => {
+      const next = set.has(key) ? current.filter((k) => k !== key) : [...current, key];
+      if (expanded === void 0) setInternal(next);
+      onExpandedChange?.(next);
+    },
+    [current, expanded, onExpandedChange, set]
+  );
+  return /* @__PURE__ */ jsx("div", { ref, className: cn("flex flex-col text-sm text-foreground", className), children: data.map((node) => /* @__PURE__ */ jsx(
+    TreeNodeRow,
+    {
+      node,
+      level: 0,
+      expandedSet: set,
+      selectedKey,
+      showLine,
+      onToggle: handleToggle,
+      onSelect
+    },
+    node.key
+  )) });
+});
+Tree.displayName = "Tree";
+
+export { Accordion2 as Accordion, BrandLogo, Content, DEFAULT_FORMAT, DEFAULT_FORMATS, DatePicker, FarmChip, FormCard, Header, Layout, PageHeader, PickerPanel, QueryState, RangePicker, Result, SearchBox, SearchFilterBar, Sidebar, Toaster, Tree, UserAvatar };
+//# sourceMappingURL=chunk-JTFCE6RA.js.map
+//# sourceMappingURL=chunk-JTFCE6RA.js.map