(() => {
  var __defProp = Object.defineProperty;
  var __getOwnPropNames = Object.getOwnPropertyNames;
  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
  var __hasOwnProp = Object.prototype.hasOwnProperty;
  var __moduleCache = /* @__PURE__ */ new WeakMap;
  var __toCommonJS = (from) => {
    var entry = __moduleCache.get(from), desc;
    if (entry)
      return entry;
    entry = __defProp({}, "__esModule", { value: true });
    if (from && typeof from === "object" || typeof from === "function")
      __getOwnPropNames(from).map((key) => !__hasOwnProp.call(entry, key) && __defProp(entry, key, {
        get: () => from[key],
        enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
      }));
    __moduleCache.set(from, entry);
    return entry;
  };
  var __export = (target, all) => {
    for (var name in all)
      __defProp(target, name, {
        get: all[name],
        enumerable: true,
        configurable: true,
        set: (newValue) => all[name] = () => newValue
      });
  };
  var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
    get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
  }) : x)(function(x) {
    if (typeof require !== "undefined")
      return require.apply(this, arguments);
    throw Error('Dynamic require of "' + x + '" is not supported');
  });

  // index.js
  var exports_sigpro_ui = {};
  __export(exports_sigpro_ui, {
    val: () => val,
    tt: () => tt,
    joinClass: () => joinClass,
    iconWarning: () => iconWarning,
    iconUpload: () => iconUpload,
    iconSuccess: () => iconSuccess,
    iconShow: () => iconShow,
    iconRight: () => iconRight,
    iconRRight: () => iconRRight,
    iconMail: () => iconMail,
    iconLock: () => iconLock,
    iconLeft: () => iconLeft,
    iconLLeft: () => iconLLeft,
    iconInfo: () => iconInfo,
    iconHide: () => iconHide,
    iconError: () => iconError,
    iconClose: () => iconClose,
    iconCalendar: () => iconCalendar,
    iconAbc: () => iconAbc,
    icon123: () => icon123,
    default: () => sigpro_ui_default,
    Tooltip: () => Tooltip,
    Toast: () => Toast,
    Timeline: () => Timeline,
    Tabs: () => Tabs,
    Table: () => Table,
    Swap: () => Swap,
    Stat: () => Stat,
    Stack: () => Stack,
    Select: () => Select,
    Rating: () => Rating,
    Range: () => Range,
    Radio: () => Radio,
    Navbar: () => Navbar,
    Modal: () => Modal,
    Menu: () => Menu,
    Loading: () => Loading,
    List: () => List,
    Input: () => Input,
    Indicator: () => Indicator,
    Fieldset: () => Fieldset,
    Dropdown: () => Dropdown,
    Drawer: () => Drawer,
    Datepicker: () => Datepicker,
    Colorpicker: () => Colorpicker,
    Checkbox: () => Checkbox,
    Button: () => Button,
    Badge: () => Badge,
    Autocomplete: () => Autocomplete,
    Alert: () => Alert,
    Accordion: () => Accordion
  });

  // src/components/index.js
  var exports_components = {};
  __export(exports_components, {
    default: () => components_default,
    Tooltip: () => Tooltip,
    Toast: () => Toast,
    Timeline: () => Timeline,
    Tabs: () => Tabs,
    Table: () => Table,
    Swap: () => Swap,
    Stat: () => Stat,
    Stack: () => Stack,
    Select: () => Select,
    Rating: () => Rating,
    Range: () => Range,
    Radio: () => Radio,
    Navbar: () => Navbar,
    Modal: () => Modal,
    Menu: () => Menu,
    Loading: () => Loading,
    List: () => List,
    Input: () => Input,
    Indicator: () => Indicator,
    Fieldset: () => Fieldset,
    Dropdown: () => Dropdown,
    Drawer: () => Drawer,
    Datepicker: () => Datepicker,
    Colorpicker: () => Colorpicker,
    Checkbox: () => Checkbox,
    Button: () => Button,
    Badge: () => Badge,
    Autocomplete: () => Autocomplete,
    Alert: () => Alert,
    Accordion: () => Accordion
  });

  // src/components/Button.js
  var exports_Button = {};
  __export(exports_Button, {
    Button: () => Button
  });
  var import_sigpro = __require("sigpro");

  // src/core/utils.js
  var exports_utils = {};
  __export(exports_utils, {
    val: () => val,
    joinClass: () => joinClass
  });
  var val = (t) => typeof t === "function" ? t() : t;
  var joinClass = (t, l) => typeof l === "function" ? () => `${t} ${l() || ""}`.trim() : `${t} ${l || ""}`.trim();

  // src/components/Button.js
  var Button = (props, children) => {
    const { badge, badgeClass, tooltip, icon, loading, ...rest } = props;
    const btn = import_sigpro.$html("button", {
      ...rest,
      class: joinClass("btn", props.class),
      disabled: () => val(loading) || val(props.disabled)
    }, [
      () => val(loading) ? import_sigpro.$html("span", { class: "loading loading-spinner" }) : null,
      icon ? import_sigpro.$html("span", { class: "mr-1" }, icon) : null,
      children
    ]);
    let out = btn;
    if (badge) {
      out = import_sigpro.$html("div", { class: "indicator" }, [
        import_sigpro.$html("span", { class: joinClass("indicator-item badge", badgeClass || "badge-secondary") }, badge),
        out
      ]);
    }
    return tooltip ? import_sigpro.$html("div", { class: "tooltip", "data-tip": tooltip }, out) : out;
  };

  // src/components/Input.js
  var exports_Input = {};
  __export(exports_Input, {
    Input: () => Input
  });
  var import_sigpro3 = __require("sigpro");

  // src/core/i18n.js
  var import_sigpro2 = __require("sigpro");
  var i18n = {
    es: {
      close: "Cerrar",
      confirm: "Confirmar",
      cancel: "Cancelar",
      search: "Buscar...",
      loading: "Cargando...",
      nodata: "Sin datos"
    },
    en: {
      close: "Close",
      confirm: "Confirm",
      cancel: "Cancel",
      search: "Search...",
      loading: "Loading...",
      nodata: "No data"
    }
  };
  var currentLocale = import_sigpro2.$("es");
  var tt = (t) => () => i18n[currentLocale()][t] || t;

  // src/core/icons.js
  var exports_icons = {};
  __export(exports_icons, {
    iconWarning: () => iconWarning,
    iconUpload: () => iconUpload,
    iconSuccess: () => iconSuccess,
    iconShow: () => iconShow,
    iconRight: () => iconRight,
    iconRRight: () => iconRRight,
    iconMail: () => iconMail,
    iconLock: () => iconLock,
    iconLeft: () => iconLeft,
    iconLLeft: () => iconLLeft,
    iconInfo: () => iconInfo,
    iconHide: () => iconHide,
    iconError: () => iconError,
    iconClose: () => iconClose,
    iconCalendar: () => iconCalendar,
    iconAbc: () => iconAbc,
    icon123: () => icon123
  });
  var iconShow = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAAdgAAAHYBTnsmCAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAADjSURBVDiN3dJNSgNBEAXgz4DZeAAVJ9tko2St3kaIFxAVt4KZeAD1GKKi7vQSydI/yHgALxAXU02GxniAFBR0v1ev+3V1sZSxjxtM8BM5wTX2/hNu4gFvOMI21iJ3cIwP3GMjF/dQ4RyraOMS34GPAmvjIrBeEnfwjoPGgSM8ooh8QtngB6Ep4BWnmaMqkY1LqqzmDC8tzNDK3/RHzLL9SloUYWfQIMuw3Yl8xrDBH6qbvZWALqbqBqVmlWF7GuKEDwPr5hbXcYdPnKBv/o39wL5wG7ULY1c9NGPzQRrjKrhli1/02zEjWyWMBwAAAABJRU5ErkJggg==";
  var iconHide = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAAdgAAAHYBTnsmCAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAEDSURBVDiN1dK/K8VhFAbwD+VLGSxKcu9guSQ/Zils/gNkuaX4BxRZDTdklYU/QAaDlEVGGwu2Kz/uVbKJzWDwfuv1+jHz1Km3c85znuf0Hv4jxnD2W8MItnCJ5xAX2MQcHsOQL+jEAapYQD9aQwxiDy+B3JKSe1DHCpqQYQ0PeMJOpDyAmyAAirjGbDRwFYcoYCZSzjGP+8B1gqXEUT2QxyPlqaRnGceNeENzUswwil1MBocbSU9DCAXUUI6K25HtIo5QSVaooitP9OEO65iIbE+HXSvBVRbeNZQSR9pxGil3o83HNw5hEbfYR0dKFki5ci+u8OrzIQ1/R8xx7ocL+9t4B0HPOVXjoptxAAAAAElFTkSuQmCC";
  var iconClose = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAAdgAAAHYBTnsmCAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAABcSURBVDiN3dIxDoAwCIXhL563g3bSm+hlq4O6GFNbO+k/EV54QIDfsSBk9IA5ZxCQEG+0eGi5BqDHivEhV2xSXXwy2EdOR3xLV+ta0/26wvSm+KTYpPmMzY/0QTZeZR2f+FxhRQAAAABJRU5ErkJggg==";
  var iconCalendar = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAAdgAAAHYBTnsmCAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAACLSURBVDiN7dO9CQJBFEXhb38K0FwQrMNEVpuwB0NjrcYabECsQk0sQ1mTF4zIjrgmBh54MMx998AEwzOrmC5e8gJjbDHCJO7PHYI0v2JT4Ig9DljGwq5DkOZTLOCOMoIhBpknpHmFWx3ldaaUo6oTc2/ab7rl+508f8GvCC5oenTn4tM1cWg/nBNmD4fBH/Kfvt2TAAAAAElFTkSuQmCC";
  var iconLock = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAAWQAAAFkBqp2phgAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAACQSURBVDiN7dKxDcJQDATQJ0YgXQQ1bAgDEIZBETPQwjakIjRQ8CMSyR8SiZKTrvHZd/r+JsYSNZrEI1ZR4ywzfElcJ55xwiITOECNTVDf4jDGoEEZ1Etcxxg8pmjRDiahb7BH20uKKPVUkVmL+YjQArdI+PT2bO9Pd/A34O71Rd9QeN/LAFUSckfUscWuG3oCgP8nrDH6T5AAAAAASUVORK5CYII=";
  var iconAbc = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAAdgAAAHYBTnsmCAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAADFSURBVDiN7dCxSoIBFAXgr1BbgmgSB5ubxKAHaAkcgnBpySVaDET3WhzcpQfoHZojawgX0ZZcfAWDSDdBoeUKP/8ojZ7tnnPv4dzDFv+KZzwl5jf84B354C4wwjdeUV4vl7DCEsXgxmhigDpOMcMVjoKr7cTyI/ZxiE90wmCB4zi+RRatZOxd7OEavxHtBmvjIV5wH2a59N8ZXIZQisMCzkL/wgGq6EYffXzgHHNo4y5h+oBGlLjEBJVUiVP0cJJOtMUG+APtfyYzbH7eVgAAAABJRU5ErkJggg==";
  var icon123 = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAB2AAAAdgFOeyYIAAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAMxJREFUOI3t0bFKwlEUBvBfmmBEr1APIDZJ9AJJQyAIvkGP0C4uQruza+DUmuIc9AC9gBG4Nmpkw/8IB3Vw1w8u95zvnvPde77LEeUUV9HAF67QRA2nmMf5A+o4x3cWOsMYy8j7WMX6jaYbLBL/mAWe8RcHm1ihs8G94gVKQQzwlAouMcQo8p/Y28HdYpYFZmsi0MVdxD1MdrxsC500wijdvgtbI1AYtDbxMwkuFAZmE1uYwkkSqOIaHyHcxEU0vUXNPSqKr37fZ6xDwD9DPS0OyHjQHQAAAABJRU5ErkJggg==";
  var iconMail = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAAdgAAAHYBTnsmCAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAC4SURBVDiNxdIxagJRFIXhLzLFBNJYaJslSEylWOhq3IorMGQ16SyjYCFiZWU5pTaDFvOUyTAZ8RHID69555577oXLf/OEGaY4R3g/4IhORHg3eOXYYvSAeRQ8OWQYYoNPvDQYnxUr7zBB1grCAv3QbIlxjXmAb7Txhq+rkFUKq9NUU8vcJiizwDtOWGEdmvTKqT+61H0GXsP7jSxpEGF/R1e3wkO0FBeVRnhTSBTneBB3yvOI4D/mAnvrIwKM5s4AAAAAAElFTkSuQmCC";
  var iconInfo = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAnXAAAJ1wGxbhe3AAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAASVJREFUOI190r0uhFEQBuBnVxaF2PUTCkFchV0SV6BQi0rEbShFlCqNktJP0Iqf3i3YVSlXVEQozojP8e2+ySSTed+ZMzNnKnpjCFPhv+C9j/YPlnCBV3TCujhHq19iFftoYxOjBa4esTb2QvsP+7jFWJ9HxnEXRf5gGU9Z8gKucBl+sUgHTahE8AJnOCoIT/AcmhmsF7gtrGINBqWFFWcmLXMUhzjIuEbk1GA+2i/DNh4wUsK1MVfFV2GUHJO4xlsPHr8j1Eu44bAcDek2agP4lDZaxWMm3MEKbrL4hjT/8U+gJc00nglnw4qYkL5xMW9rTzqSvEiefI/dMrIaRTrSPzcKXCNinUguPeUfNKWj6kqH9Bz+aVnbvb6PtKTp8F/wUSb6Bu5YN5n7ff0kAAAAAElFTkSuQmCC";
  var iconSuccess = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAnXAAAJ1wGxbhe3AAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAQtJREFUOI2F0jFOAlEQBuAPImoFqyTa6TEEbfUihruYDYfwCAg3UDsTY20na0VjgqUWWuxgHsuy/skk82bmn/fPm9eyHXs4Cn+Br4baNZxjhk8UYUtMMWwitjHGHNfoJrlexObIo3YDY9zjoOGSQzxEkzVc4O0fctqkwCANzkJiE9LmI9ytDrvKB+tWGQnylIAsOB04VcrfdluO55CeYo6THfygVUne4jX8S1zho1LTDu7fCL2KxCe8oF8zUqb8G51VYGrzEffD6jDCJA0MY6bqnHXoK9d4Vk3kyk/S1KSPR9zUJdvRpAiJWZLLIlYEufYrrzBQ7nyJ97ClcuYN2dX1pejgOPwFvuuKfgHXiDR+HL1j1AAAAABJRU5ErkJggg==";
  var iconError = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAnXAAAJ1wGxbhe3AAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAARZJREFUOI2V0j1KQ1EQBeDPp4lWRiMoKVyAK9AoiLgJGytxD9oJNhKyDyvBnw2IugC3YGKVRk1KRbR48yC5vjzwwIHL3DPnzp2ZGdMxj9U4D/BZoZ3ANu4wQj84xC3aVYkZuujhCItjd42I9dAJ7R908YDlikeaeAyTCezgpST5IJia9LFVlA0nOMd7It4IjuMttKeFQR17uKooPcUV9lHL0ArX0T8MPqLa1hx+MDNFWDX7LHLV4/VGiWghmGJJvhu1WXzLO5rhORGeYRf3SfwQNVwWgbZ8SZqJcD04jhX5GDfTsjryJUlN0uQnXJRdZmHSx7H8nwWWItaP5NJVLrCFG3mTXoNDXJeVPW185E1ai/MAX2WiX9S3NSPYbj+uAAAAAElFTkSuQmCC";
  var iconWarning = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAnXAAAJ1wGxbhe3AAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAARJJREFUOI2l0r8uRFEQBvAfu9glwUYiUaxHUEl0VDpKeq+wpZBINAqFRHgTKg0tCSqVhmKDEM1u/Esodm725rq7iC+ZzMnM982ZmXP4JwpdchWsYBrXeMkj9XQQV3GEi+BMYR63v+mqiDPUUrEaTiP3I1ZxEOcySnE+jFxXVPEQPimWiCYzOdCbKbCFPe1Z+8PgBvvBycVMCIdSsY2wBEPBmcnrYBtraKRib2EJGljHjswLLuI8Z6SS9hLTl15iIR08wZLv2AzLYjk0YATP8n9lVWbrgUJohosYxCdG8Zghdvp5ldCUi6hrPd0VjvGEVzTxEYLkogGMYQ67uEtvcgKzGA8y9IV/D9/Evdb89Q7d/Q1fB8U0mpUmzV0AAAAASUVORK5CYII=";
  var iconLeft = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAAdgAAAHYBTnsmCAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAABfSURBVDiNY2AY8oCZSHWxDAwMEgwMDHfJsaSAgYHhH9QQsjT/Z2BgKKe75gQGiLMLCSlkwiHOSI6t6ADmhYoBN6SIARIeidgkiUlIxxkYGB4xMDB8YmBguE6JSwYpAACvLRHTKwPjZgAAAABJRU5ErkJggg==";
  var iconRight = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAAdgAAAHYBTnsmCAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAABNSURBVDiN3dAxCoAwFATRh3fU2oAHiDbi5Y1F2jT+gKLbzyy7/DYjUo8g4cTWI8koOF6XrOqc5ifDDVGJthfsj8OLujtHYJgwR+GP5QKMxA9/SolDQgAAAABJRU5ErkJggg==";
  var iconLLeft = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAAdgAAAHYBTnsmCAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAABlSURBVDiN3ZLBDUBAEEUfmtCchA5woUMlOO1FCQrAwbqwf8eFhHd7mfzJn2Tg82TGvABywAmPUgOLD4XcDK9AJ/y5cOlrNsIvpCdPDL/FUbkX/t6Slv3+SjgQf6QBmIAZGAP+FzZJViOd89x8pAAAAABJRU5ErkJggg==";
  var iconRRight = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAAdgAAAHYBTnsmCAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAABmSURBVDiN3dGxCoAgEMbxfz1dL1BTREJzmUv08trgDYcg6VCD3/YD7zvkoLmMgFEegLmmwAAecOJVvNeUWCAAt7IHjt9LThkyiRf9qC8oCom70u0BuDL+bngj/tNm/JqJePucW8wDvGYdzT0nMUkAAAAASUVORK5CYII=";
  var iconUpload = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAAdgAAAHYBTnsmCAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAADNSURBVDiNndOxTgJRFIThz41ZDMFKqH0DLSRSq4lQ0RifUcMzUJlYQKjtLcHVSimBggPRNSzs/sk0kzPnTHEvxZyHKnGJD3yhXSWcYRnKwvvH0Y7wEG/4wQI1XOEek6LLF3FtiDoGoXp4WcxsSXILHjFCH/Nf/jy8ER6KGuTZNNhJvkFpEpygUyHbRi1BFy8VFryilyANlSVFerxn6N36IRVyG0PNEtdbkbmBU8zwdOCSJp4xRWNj3sWS5YGaRvM/f6GBa5ztafCJMb5hBQQ/MMwXLnnZAAAAAElFTkSuQmCC";

  // src/components/Input.js
  var Input = (props) => {
    const { label, tip, value, error, isSearch, icon, type = "text", ...rest } = props;
    const isPassword = type === "password";
    const visible = import_sigpro3.$(false);
    const iconsByType = {
      text: iconAbc,
      password: iconLock,
      date: iconCalendar,
      number: icon123,
      email: iconMail
    };
    const inputEl = import_sigpro3.$html("input", {
      ...rest,
      type: () => isPassword ? visible() ? "text" : "password" : type,
      placeholder: props.placeholder || label || (isSearch ? tt("search")() : " "),
      class: joinClass("grow order-2 focus:outline-none", props.class),
      value,
      oninput: (e) => props.oninput?.(e),
      disabled: () => val(props.disabled)
    });
    const leftIcon = icon ? icon : iconsByType[type] ? import_sigpro3.$html("img", { src: iconsByType[type], class: "opacity-50", alt: type }) : null;
    return import_sigpro3.$html("label", {
      class: () => joinClass("input input-bordered floating-label flex items-center gap-2 w-full relative", val(error) ? "input-error" : "")
    }, [
      leftIcon ? import_sigpro3.$html("div", { class: "order-1 shrink-0" }, leftIcon) : null,
      label ? import_sigpro3.$html("span", { class: "text-base-content/60 order-0" }, label) : null,
      inputEl,
      isPassword ? import_sigpro3.$html("button", {
        type: "button",
        class: "order-3 btn btn-ghost btn-xs btn-circle opacity-50 hover:opacity-100",
        onclick: (e) => {
          e.preventDefault();
          visible(!visible());
        }
      }, () => import_sigpro3.$html("img", {
        class: "w-5 h-5",
        src: visible() ? iconShow : iconHide
      })) : null,
      tip ? import_sigpro3.$html("div", { class: "tooltip tooltip-left order-4", "data-tip": tip }, import_sigpro3.$html("span", { class: "badge badge-ghost badge-xs cursor-help" }, "?")) : null,
      () => val(error) ? import_sigpro3.$html("span", { class: "text-error text-[10px] absolute -bottom-5 left-2" }, val(error)) : null
    ]);
  };

  // src/components/Select.js
  var exports_Select = {};
  __export(exports_Select, {
    Select: () => Select
  });
  var import_sigpro4 = __require("sigpro");
  var Select = (props) => {
    const { label, options, value, ...rest } = props;
    const selectEl = import_sigpro4.$html("select", {
      ...rest,
      class: joinClass("select select-bordered w-full", props.class),
      value
    }, import_sigpro4.$for(() => val(options) || [], (opt) => import_sigpro4.$html("option", {
      value: opt.value,
      $selected: () => String(val(value)) === String(opt.value)
    }, opt.label), (opt) => opt.value));
    if (!label)
      return selectEl;
    return import_sigpro4.$html("label", { class: "fieldset-label flex flex-col gap-1" }, [
      import_sigpro4.$html("span", {}, label),
      selectEl
    ]);
  };

  // src/components/Autocomplete.js
  var exports_Autocomplete = {};
  __export(exports_Autocomplete, {
    Autocomplete: () => Autocomplete
  });
  var import_sigpro5 = __require("sigpro");
  var Autocomplete = (props) => {
    const { options = [], value, onSelect, label, placeholder, ...rest } = props;
    const query = import_sigpro5.$(val(value) || "");
    const isOpen = import_sigpro5.$(false);
    const cursor = import_sigpro5.$(-1);
    const list = import_sigpro5.$(() => {
      const q = query().toLowerCase();
      const data = val(options) || [];
      return q ? data.filter((o) => (typeof o === "string" ? o : o.label).toLowerCase().includes(q)) : data;
    });
    const pick = (opt) => {
      const valStr = typeof opt === "string" ? opt : opt.value;
      const labelStr = typeof opt === "string" ? opt : opt.label;
      query(labelStr);
      if (typeof value === "function")
        value(valStr);
      onSelect?.(opt);
      isOpen(false);
      cursor(-1);
    };
    const nav = (e) => {
      const items = list();
      if (e.key === "ArrowDown") {
        e.preventDefault();
        isOpen(true);
        cursor(Math.min(cursor() + 1, items.length - 1));
      } else if (e.key === "ArrowUp") {
        e.preventDefault();
        cursor(Math.max(cursor() - 1, 0));
      } else if (e.key === "Enter" && cursor() >= 0) {
        e.preventDefault();
        pick(items[cursor()]);
      } else if (e.key === "Escape") {
        isOpen(false);
      }
    };
    return import_sigpro5.$html("div", { class: "relative w-full" }, [
      Input({
        label,
        placeholder: placeholder || tt("search")(),
        value: query,
        onfocus: () => isOpen(true),
        onblur: () => setTimeout(() => isOpen(false), 150),
        onkeydown: nav,
        oninput: (e) => {
          const v = e.target.value;
          query(v);
          if (typeof value === "function")
            value(v);
          isOpen(true);
          cursor(-1);
        },
        ...rest
      }),
      import_sigpro5.$html("ul", {
        class: "absolute left-0 w-full menu bg-base-100 rounded-box mt-1 p-2 shadow-xl max-h-60 overflow-y-auto border border-base-300 z-50",
        style: () => isOpen() && list().length ? "display:block" : "display:none"
      }, [
        import_sigpro5.$for(list, (opt, i) => import_sigpro5.$html("li", {}, [
          import_sigpro5.$html("a", {
            class: () => `block w-full ${cursor() === i ? "active bg-primary text-primary-content" : ""}`,
            onclick: () => pick(opt),
            onmouseenter: () => cursor(i)
          }, typeof opt === "string" ? opt : opt.label)
        ]), (opt, i) => (typeof opt === "string" ? opt : opt.value) + i),
        () => list().length ? null : import_sigpro5.$html("li", { class: "p-2 text-center opacity-50" }, "No results")
      ])
    ]);
  };

  // src/components/Checkbox.js
  var exports_Checkbox = {};
  __export(exports_Checkbox, {
    Checkbox: () => Checkbox
  });
  var import_sigpro6 = __require("sigpro");
  var Checkbox = (props) => {
    const { value, tooltip, toggle, label, ...rest } = props;
    const checkEl = import_sigpro6.$html("input", {
      ...rest,
      type: "checkbox",
      class: () => val(toggle) ? "toggle" : "checkbox",
      checked: value
    });
    const layout = import_sigpro6.$html("label", { class: "label cursor-pointer justify-start gap-3" }, [
      checkEl,
      label ? import_sigpro6.$html("span", { class: "label-text" }, label) : null
    ]);
    return tooltip ? import_sigpro6.$html("div", { class: "tooltip", "data-tip": tooltip }, layout) : layout;
  };

  // src/components/Radio.js
  var exports_Radio = {};
  __export(exports_Radio, {
    Radio: () => Radio
  });
  var import_sigpro7 = __require("sigpro");
  var Radio = (props) => {
    const { label, tooltip, value, ...rest } = props;
    const radioEl = import_sigpro7.$html("input", {
      ...rest,
      type: "radio",
      class: joinClass("radio", props.class),
      checked: () => val(value) === props.value,
      disabled: () => val(props.disabled),
      onclick: () => typeof value === "function" && value(props.value)
    });
    if (!label && !tooltip)
      return radioEl;
    const layout = import_sigpro7.$html("label", { class: "label cursor-pointer justify-start gap-3" }, [
      radioEl,
      label ? import_sigpro7.$html("span", { class: "label-text" }, label) : null
    ]);
    return tooltip ? import_sigpro7.$html("div", { class: "tooltip", "data-tip": tooltip }, layout) : layout;
  };

  // src/components/Range.js
  var exports_Range = {};
  __export(exports_Range, {
    Range: () => Range
  });
  var import_sigpro8 = __require("sigpro");
  var Range = (props) => {
    const { label, tooltip, value, ...rest } = props;
    const rangeEl = import_sigpro8.$html("input", {
      ...rest,
      type: "range",
      class: joinClass("range", props.class),
      value,
      disabled: () => val(props.disabled)
    });
    if (!label && !tooltip)
      return rangeEl;
    const layout = import_sigpro8.$html("div", { class: "flex flex-col gap-2" }, [
      label ? import_sigpro8.$html("span", { class: "label-text" }, label) : null,
      rangeEl
    ]);
    return tooltip ? import_sigpro8.$html("div", { class: "tooltip", "data-tip": tooltip }, layout) : layout;
  };

  // src/components/Rating.js
  var exports_Rating = {};
  __export(exports_Rating, {
    Rating: () => Rating
  });
  var import_sigpro9 = __require("sigpro");
  var Rating = (props) => {
    const { value, count = 5, mask = "mask-star", readonly = false, ...rest } = props;
    const ratingGroup = `rating-${Math.random().toString(36).slice(2, 7)}`;
    return import_sigpro9.$html("div", {
      ...rest,
      class: () => `rating ${val(readonly) ? "pointer-events-none" : ""} ${props.class || ""}`
    }, Array.from({ length: val(count) }, (_, i) => {
      const starValue = i + 1;
      return import_sigpro9.$html("input", {
        type: "radio",
        name: ratingGroup,
        class: `mask ${mask}`,
        "aria-label": `${starValue} star`,
        checked: () => Math.round(val(value)) === starValue,
        onchange: () => {
          if (!val(readonly) && typeof value === "function") {
            value(starValue);
          }
        }
      });
    }));
  };

  // src/components/Swap.js
  var exports_Swap = {};
  __export(exports_Swap, {
    Swap: () => Swap
  });
  var import_sigpro10 = __require("sigpro");
  var Swap = (props) => import_sigpro10.$html("label", { class: joinClass("swap", props.class) }, [
    import_sigpro10.$html("input", {
      type: "checkbox",
      checked: props.value
    }),
    import_sigpro10.$html("div", { class: "swap-on" }, props.on),
    import_sigpro10.$html("div", { class: "swap-off" }, props.off)
  ]);

  // src/components/Colorpicker.js
  var exports_Colorpicker = {};
  __export(exports_Colorpicker, {
    Colorpicker: () => Colorpicker
  });
  var import_sigpro11 = __require("sigpro");
  var Colorpicker = (props) => {
    const { value, label, ...rest } = props;
    const isOpen = import_sigpro11.$(false);
    const palette = [
      ...["#000", "#1A1A1A", "#333", "#4D4D4D", "#666", "#808080", "#B3B3B3", "#FFF"],
      ...["#450a0a", "#7f1d1d", "#991b1b", "#b91c1c", "#dc2626", "#ef4444", "#f87171", "#fca5a5"],
      ...["#431407", "#7c2d12", "#9a3412", "#c2410c", "#ea580c", "#f97316", "#fb923c", "#ffedd5"],
      ...["#713f12", "#a16207", "#ca8a04", "#eab308", "#facc15", "#fde047", "#fef08a", "#fff9c4"],
      ...["#064e3b", "#065f46", "#059669", "#10b981", "#34d399", "#4ade80", "#84cc16", "#d9f99d"],
      ...["#082f49", "#075985", "#0284c7", "#0ea5e9", "#38bdf8", "#7dd3fc", "#22d3ee", "#cffafe"],
      ...["#1e1b4b", "#312e81", "#4338ca", "#4f46e5", "#6366f1", "#818cf8", "#a5b4fc", "#e0e7ff"],
      ...["#2e1065", "#4c1d95", "#6d28d9", "#7c3aed", "#8b5cf6", "#a855f7", "#d946ef", "#fae8ff"]
    ];
    const getColor = () => val(value) || "#000000";
    return import_sigpro11.$html("div", { class: "relative w-fit" }, [
      import_sigpro11.$html("button", {
        type: "button",
        class: "btn px-3 bg-base-100 border-base-300 hover:border-primary/50 flex items-center gap-2 shadow-sm font-normal normal-case",
        onclick: (e) => {
          e.stopPropagation();
          isOpen(!isOpen());
        },
        ...rest
      }, [
        import_sigpro11.$html("div", {
          class: "size-5 rounded-sm shadow-inner border border-black/10 shrink-0",
          style: () => `background-color: ${getColor()}`
        }),
        label ? import_sigpro11.$html("span", { class: "opacity-80" }, label) : null
      ]),
      import_sigpro11.$if(isOpen, () => import_sigpro11.$html("div", {
        class: "absolute left-0 mt-2 p-3 bg-base-100 border border-base-300 shadow-2xl rounded-box z-[110] w-64 select-none",
        onclick: (e) => e.stopPropagation()
      }, [
        import_sigpro11.$html("div", { class: "grid grid-cols-8 gap-1" }, palette.map((c) => import_sigpro11.$html("button", {
          type: "button",
          style: `background-color: ${c}`,
          class: () => {
            const active = getColor().toLowerCase() === c.toLowerCase();
            return `size-6 rounded-sm cursor-pointer transition-all hover:scale-125 hover:z-10 active:scale-95 outline-none border border-black/5 
                ${active ? "ring-2 ring-offset-1 ring-primary z-10 scale-110" : ""}`;
          },
          onclick: () => {
            if (typeof value === "function")
              value(c);
            isOpen(false);
          }
        })))
      ])),
      import_sigpro11.$if(isOpen, () => import_sigpro11.$html("div", {
        class: "fixed inset-0 z-[100]",
        onclick: () => isOpen(false)
      }))
    ]);
  };

  // src/components/Datepicker.js
  var exports_Datepicker = {};
  __export(exports_Datepicker, {
    Datepicker: () => Datepicker
  });
  var import_sigpro12 = __require("sigpro");
  var Datepicker = (props) => {
    const { value, range, label, placeholder, hour = false, ...rest } = props;
    const isOpen = import_sigpro12.$(false);
    const internalDate = import_sigpro12.$(new Date);
    const hoverDate = import_sigpro12.$(null);
    const startHour = import_sigpro12.$(0);
    const endHour = import_sigpro12.$(0);
    const isRangeMode = () => val(range) === true;
    const now = new Date;
    const todayStr = `${now.getFullYear()}-${String(now.getMonth() + 1).padStart(2, "0")}-${String(now.getDate()).padStart(2, "0")}`;
    const formatDate = (d) => {
      const year = d.getFullYear();
      const month = String(d.getMonth() + 1).padStart(2, "0");
      const day = String(d.getDate()).padStart(2, "0");
      return `${year}-${month}-${day}`;
    };
    const selectDate = (date) => {
      const dateStr = formatDate(date);
      const current = val(value);
      if (isRangeMode()) {
        if (!current?.start || current.start && current.end) {
          if (typeof value === "function") {
            value({
              start: dateStr,
              end: null,
              ...hour && { startHour: startHour() }
            });
          }
        } else {
          const start = current.start;
          if (typeof value === "function") {
            const newValue = dateStr < start ? { start: dateStr, end: start } : { start, end: dateStr };
            if (hour) {
              newValue.startHour = current.startHour || startHour();
              newValue.endHour = current.endHour || endHour();
            }
            value(newValue);
          }
          isOpen(false);
        }
      } else {
        if (typeof value === "function") {
          value(hour ? `${dateStr}T${String(startHour()).padStart(2, "0")}:00:00` : dateStr);
        }
        isOpen(false);
      }
    };
    const displayValue = import_sigpro12.$(() => {
      const v = val(value);
      if (!v)
        return "";
      if (typeof v === "string") {
        if (hour && v.includes("T"))
          return v.replace("T", " ");
        return v;
      }
      if (v.start && v.end) {
        const startStr = hour && v.startHour ? `${v.start} ${String(v.startHour).padStart(2, "0")}:00` : v.start;
        const endStr = hour && v.endHour ? `${v.end} ${String(v.endHour).padStart(2, "0")}:00` : v.end;
        return `${startStr} - ${endStr}`;
      }
      if (v.start) {
        const startStr = hour && v.startHour ? `${v.start} ${String(v.startHour).padStart(2, "0")}:00` : v.start;
        return `${startStr}...`;
      }
      return "";
    });
    const move = (m) => {
      const d = internalDate();
      internalDate(new Date(d.getFullYear(), d.getMonth() + m, 1));
    };
    const moveYear = (y) => {
      const d = internalDate();
      internalDate(new Date(d.getFullYear() + y, d.getMonth(), 1));
    };
    const HourSlider = ({ value: hVal, onChange }) => {
      return import_sigpro12.$html("div", { class: "flex-1" }, [
        import_sigpro12.$html("div", { class: "flex gap-2 items-center" }, [
          import_sigpro12.$html("input", {
            type: "range",
            min: 0,
            max: 23,
            value: hVal,
            class: "range range-xs flex-1",
            oninput: (e) => {
              const newHour = parseInt(e.target.value);
              onChange(newHour);
            }
          }),
          import_sigpro12.$html("span", { class: "text-sm font-mono min-w-[48px] text-center" }, () => String(val(hVal)).padStart(2, "0") + ":00")
        ])
      ]);
    };
    return import_sigpro12.$html("div", { class: "relative w-full" }, [
      Input({
        label,
        placeholder: placeholder || (isRangeMode() ? "Seleccionar rango..." : "Seleccionar fecha..."),
        value: displayValue,
        readonly: true,
        icon: import_sigpro12.$html("img", { src: iconCalendar, class: "opacity-40" }),
        onclick: (e) => {
          e.stopPropagation();
          isOpen(!isOpen());
        },
        ...rest
      }),
      import_sigpro12.$if(isOpen, () => import_sigpro12.$html("div", {
        class: "absolute left-0 mt-2 p-4 bg-base-100 border border-base-300 shadow-2xl rounded-box z-[100] w-80 select-none",
        onclick: (e) => e.stopPropagation()
      }, [
        import_sigpro12.$html("div", { class: "flex justify-between items-center mb-4 gap-1" }, [
          import_sigpro12.$html("div", { class: "flex gap-0.5" }, [
            import_sigpro12.$html("button", { type: "button", class: "btn btn-ghost btn-xs px-1", onclick: () => moveYear(-1) }, import_sigpro12.$html("img", { src: iconLLeft, class: "opacity-40" })),
            import_sigpro12.$html("button", { type: "button", class: "btn btn-ghost btn-xs px-1", onclick: () => move(-1) }, import_sigpro12.$html("img", { src: iconLeft, class: "opacity-40" }))
          ]),
          import_sigpro12.$html("span", { class: "font-bold uppercase flex-1 text-center" }, [
            () => internalDate().toLocaleString("es-ES", { month: "short", year: "numeric" })
          ]),
          import_sigpro12.$html("div", { class: "flex gap-0.5" }, [
            import_sigpro12.$html("button", { type: "button", class: "btn btn-ghost btn-xs px-1", onclick: () => move(1) }, import_sigpro12.$html("img", { src: iconRight, class: "opacity-40" })),
            import_sigpro12.$html("button", { type: "button", class: "btn btn-ghost btn-xs px-1", onclick: () => moveYear(1) }, import_sigpro12.$html("img", { src: iconRRight, class: "opacity-40" }))
          ])
        ]),
        import_sigpro12.$html("div", { class: "grid grid-cols-7 gap-1", onmouseleave: () => hoverDate(null) }, [
          ...["L", "M", "X", "J", "V", "S", "D"].map((d) => import_sigpro12.$html("div", { class: "text-[10px] opacity-40 font-bold text-center" }, d)),
          () => {
            const d = internalDate();
            const year = d.getFullYear();
            const month = d.getMonth();
            const firstDay = new Date(year, month, 1).getDay();
            const offset = firstDay === 0 ? 6 : firstDay - 1;
            const daysInMonth = new Date(year, month + 1, 0).getDate();
            const nodes = [];
            for (let i = 0;i < offset; i++)
              nodes.push(import_sigpro12.$html("div"));
            for (let i = 1;i <= daysInMonth; i++) {
              const date = new Date(year, month, i);
              const dStr = formatDate(date);
              nodes.push(import_sigpro12.$html("button", {
                type: "button",
                class: () => {
                  const v = val(value);
                  const h = hoverDate();
                  const isStart = typeof v === "string" ? v.split("T")[0] === dStr : v?.start === dStr;
                  const isEnd = v?.end === dStr;
                  let inRange = false;
                  if (isRangeMode() && v?.start) {
                    const start = v.start;
                    if (!v.end && h) {
                      inRange = dStr > start && dStr <= h || dStr < start && dStr >= h;
                    } else if (v.end) {
                      inRange = dStr > start && dStr < v.end;
                    }
                  }
                  const base = "btn btn-xs p-0 aspect-square min-h-0 h-auto font-normal relative";
                  const state = isStart || isEnd ? "btn-primary z-10" : inRange ? "bg-primary/20 border-none rounded-none" : "btn-ghost";
                  const today = dStr === todayStr ? "ring-1 ring-primary ring-inset font-black text-primary" : "";
                  return `${base} ${state} ${today}`;
                },
                onmouseenter: () => {
                  if (isRangeMode())
                    hoverDate(dStr);
                },
                onclick: () => selectDate(date)
              }, [i.toString()]));
            }
            return nodes;
          }
        ]),
        hour ? import_sigpro12.$html("div", { class: "mt-3 pt-2 border-t border-base-300" }, [
          isRangeMode() ? import_sigpro12.$html("div", { class: "flex gap-4" }, [
            HourSlider({
              value: startHour,
              onChange: (newHour) => {
                startHour(newHour);
                const currentVal = val(value);
                if (currentVal?.start)
                  value({ ...currentVal, startHour: newHour });
              }
            }),
            HourSlider({
              value: endHour,
              onChange: (newHour) => {
                endHour(newHour);
                const currentVal = val(value);
                if (currentVal?.end)
                  value({ ...currentVal, endHour: newHour });
              }
            })
          ]) : HourSlider({
            value: startHour,
            onChange: (newHour) => {
              startHour(newHour);
              const currentVal = val(value);
              if (currentVal && typeof currentVal === "string" && currentVal.includes("-")) {
                value(currentVal.split("T")[0] + "T" + String(newHour).padStart(2, "0") + ":00:00");
              }
            }
          })
        ]) : null
      ])),
      import_sigpro12.$if(isOpen, () => import_sigpro12.$html("div", { class: "fixed inset-0 z-[90]", onclick: () => isOpen(false) }))
    ]);
  };

  // src/components/Table.js
  var exports_Table = {};
  __export(exports_Table, {
    Table: () => Table
  });
  var import_sigpro13 = __require("sigpro");
  var Table = (props) => {
    const {
      items = [],
      columns = [],
      keyFn,
      zebra = false,
      pinRows = false,
      empty = tt("nodata")(),
      ...rest
    } = props;
    const tableClass = () => joinClass("table", `${val(zebra) ? "table-zebra" : ""} ${val(pinRows) ? "table-pin-rows" : ""} ${props.class || ""}`);
    return import_sigpro13.$html("div", { class: "overflow-x-auto w-full bg-base-100 rounded-box border border-base-300" }, [
      import_sigpro13.$html("table", { ...rest, class: tableClass }, [
        import_sigpro13.$html("thead", {}, [
          import_sigpro13.$html("tr", {}, columns.map((col) => import_sigpro13.$html("th", { class: col.class || "" }, col.label)))
        ]),
        import_sigpro13.$html("tbody", {}, [
          import_sigpro13.$for(items, (item, index) => {
            return import_sigpro13.$html("tr", { class: "hover" }, columns.map((col) => {
              const cellContent = () => {
                if (col.render)
                  return col.render(item, index);
                const value = item[col.key];
                return val(value);
              };
              return import_sigpro13.$html("td", { class: col.class || "" }, [cellContent]);
            }));
          }, keyFn || ((item, idx) => item.id || idx)),
          import_sigpro13.$if(() => val(items).length === 0, () => import_sigpro13.$html("tr", {}, [
            import_sigpro13.$html("td", { colspan: columns.length, class: "text-center p-10 opacity-50" }, [
              val(empty)
            ])
          ]))
        ]),
        import_sigpro13.$if(() => columns.some((c) => c.footer), () => import_sigpro13.$html("tfoot", {}, [
          import_sigpro13.$html("tr", {}, columns.map((col) => import_sigpro13.$html("th", {}, col.footer || "")))
        ]))
      ])
    ]);
  };

  // src/components/List.js
  var exports_List = {};
  __export(exports_List, {
    List: () => List
  });
  var import_sigpro14 = __require("sigpro");
  var List = (props) => {
    const { items, header, render, keyFn, class: className } = props;
    return import_sigpro14.$html("ul", {
      class: joinClass("list bg-base-100 rounded-box shadow-md", className)
    }, [
      import_sigpro14.$if(header, () => import_sigpro14.$html("li", { class: "p-4 pb-2 text-xs opacity-60 tracking-wide" }, [val(header)])),
      import_sigpro14.$for(items, (item, index) => import_sigpro14.$html("li", { class: "list-row" }, [render(item, index)]), keyFn)
    ]);
  };

  // src/components/Stat.js
  var exports_Stat = {};
  __export(exports_Stat, {
    Stat: () => Stat
  });
  var import_sigpro15 = __require("sigpro");
  var Stat = (props) => import_sigpro15.$html("div", { ...props, class: joinClass("stat", props.class) }, [
    props.icon && import_sigpro15.$html("div", { class: "stat-figure text-secondary" }, props.icon),
    props.label && import_sigpro15.$html("div", { class: "stat-title" }, props.label),
    import_sigpro15.$html("div", { class: "stat-value" }, () => val(props.value) ?? props.value),
    props.desc && import_sigpro15.$html("div", { class: "stat-desc" }, props.desc)
  ]);

  // src/components/Timeline.js
  var exports_Timeline = {};
  __export(exports_Timeline, {
    Timeline: () => Timeline
  });
  var import_sigpro16 = __require("sigpro");
  var Timeline = (props) => {
    const { items = [], vertical = true, compact = false, ...rest } = props;
    const icons = {
      info: iconInfo,
      success: iconSuccess,
      warning: iconWarning,
      error: iconError
    };
    return import_sigpro16.$html("ul", {
      ...rest,
      class: () => `timeline ${val(vertical) ? "timeline-vertical" : "timeline-horizontal"} ${val(compact) ? "timeline-compact" : ""} ${props.class || ""}`
    }, [
      import_sigpro16.$for(items, (item, i) => {
        const isFirst = i === 0;
        const isLast = i === val(items).length - 1;
        const itemType = item.type || "success";
        const renderSlot = (content) => typeof content === "function" ? content() : content;
        return import_sigpro16.$html("li", { class: "flex-1" }, [
          !isFirst ? import_sigpro16.$html("hr", { class: item.completed ? "bg-primary" : "" }) : null,
          import_sigpro16.$html("div", { class: "timeline-start" }, [renderSlot(item.title)]),
          import_sigpro16.$html("div", { class: "timeline-middle" }, [
            import_sigpro16.$html("img", {
              src: icons[itemType] || item.icon || icons.success,
              class: "w-4 h-4 object-contain mx-1",
              alt: itemType
            })
          ]),
          import_sigpro16.$html("div", { class: "timeline-end timeline-box shadow-sm" }, [renderSlot(item.detail)]),
          !isLast ? import_sigpro16.$html("hr", { class: item.completed ? "bg-primary" : "" }) : null
        ]);
      }, (item, i) => item.id || i)
    ]);
  };

  // src/components/Badge.js
  var exports_Badge = {};
  __export(exports_Badge, {
    Badge: () => Badge
  });
  var import_sigpro17 = __require("sigpro");
  var Badge = (props, children) => import_sigpro17.$html("span", { ...props, class: joinClass("badge", props.class) }, children);

  // src/components/Tooltip.js
  var exports_Tooltip = {};
  __export(exports_Tooltip, {
    Tooltip: () => Tooltip
  });
  var import_sigpro18 = __require("sigpro");
  var Tooltip = (props, children) => import_sigpro18.$html("div", { ...props, class: joinClass("tooltip", props.class), "data-tip": props.tip }, children);

  // src/components/Menu.js
  var exports_Menu = {};
  __export(exports_Menu, {
    Menu: () => Menu
  });
  var import_sigpro19 = __require("sigpro");
  var Menu = (props) => {
    const renderItems = (items) => import_sigpro19.$for(() => items || [], (it) => import_sigpro19.$html("li", {}, [
      it.children ? import_sigpro19.$html("details", { open: it.open }, [
        import_sigpro19.$html("summary", {}, [it.icon && import_sigpro19.$html("span", { class: "mr-2" }, it.icon), it.label]),
        import_sigpro19.$html("ul", {}, renderItems(it.children))
      ]) : import_sigpro19.$html("a", { class: () => val(it.active) ? "active" : "", onclick: it.onclick }, [
        it.icon && import_sigpro19.$html("span", { class: "mr-2" }, it.icon),
        it.label
      ])
    ]), (it, i) => it.label || i);
    return import_sigpro19.$html("ul", { ...props, class: joinClass("menu bg-base-200 rounded-box", props.class) }, renderItems(props.items));
  };

  // src/components/Navbar.js
  var exports_Navbar = {};
  __export(exports_Navbar, {
    Navbar: () => Navbar
  });
  var import_sigpro20 = __require("sigpro");
  var Navbar = (props, children) => import_sigpro20.$html("div", { ...props, class: joinClass("navbar bg-base-100 shadow-sm px-4", props.class) }, children);

  // src/components/Tabs.js
  var exports_Tabs = {};
  __export(exports_Tabs, {
    Tabs: () => Tabs
  });
  var import_sigpro21 = __require("sigpro");
  var Tabs = (props) => {
    const { items, ...rest } = props;
    const itemsSignal = typeof items === "function" ? items : () => items || [];
    return import_sigpro21.$html("div", { ...rest, class: "flex flex-col gap-4 w-full" }, [
      import_sigpro21.$html("div", {
        role: "tablist",
        class: joinClass("tabs tabs-box", props.class)
      }, import_sigpro21.$for(itemsSignal, (it) => import_sigpro21.$html("a", {
        role: "tab",
        class: () => joinClass("tab", val(it.active) && "tab-active", val(it.disabled) && "tab-disabled", it.tip && "tooltip"),
        "data-tip": it.tip,
        onclick: (e) => !val(it.disabled) && it.onclick?.(e)
      }, it.label), (t) => t.label)),
      () => {
        const active = itemsSignal().find((it) => val(it.active));
        if (!active)
          return null;
        const content = val(active.content);
        return import_sigpro21.$html("div", { class: "p-4" }, [
          typeof content === "function" ? content() : content
        ]);
      }
    ]);
  };

  // src/components/Accordion.js
  var exports_Accordion = {};
  __export(exports_Accordion, {
    Accordion: () => Accordion
  });
  var import_sigpro22 = __require("sigpro");
  var Accordion = (props, children) => {
    const { title, name, open, ...rest } = props;
    return import_sigpro22.$html("div", {
      ...rest,
      class: joinClass("collapse collapse-arrow bg-base-200 mb-2", props.class)
    }, [
      import_sigpro22.$html("input", {
        type: name ? "radio" : "checkbox",
        name,
        checked: open
      }),
      import_sigpro22.$html("div", { class: "collapse-title text-xl font-medium" }, title),
      import_sigpro22.$html("div", { class: "collapse-content" }, children)
    ]);
  };

  // src/components/Drawer.js
  var exports_Drawer = {};
  __export(exports_Drawer, {
    Drawer: () => Drawer
  });
  var import_sigpro23 = __require("sigpro");
  var Drawer = (props) => import_sigpro23.$html("div", { class: joinClass("drawer", props.class) }, [
    import_sigpro23.$html("input", {
      id: props.id,
      type: "checkbox",
      class: "drawer-toggle",
      checked: props.open
    }),
    import_sigpro23.$html("div", { class: "drawer-content" }, props.content),
    import_sigpro23.$html("div", { class: "drawer-side" }, [
      import_sigpro23.$html("label", { for: props.id, class: "drawer-overlay", onclick: () => props.open?.(false) }),
      import_sigpro23.$html("div", { class: "min-h-full bg-base-200 w-80" }, props.side)
    ])
  ]);

  // src/components/Stack.js
  var exports_Stack = {};
  __export(exports_Stack, {
    Stack: () => Stack
  });
  var import_sigpro24 = __require("sigpro");
  var Stack = (props, children) => import_sigpro24.$html("div", { ...props, class: joinClass("stack", props.class) }, children);

  // src/components/Indicator.js
  var exports_Indicator = {};
  __export(exports_Indicator, {
    Indicator: () => Indicator
  });
  var import_sigpro25 = __require("sigpro");
  var Indicator = (props, children) => import_sigpro25.$html("div", { class: joinClass("indicator", props.class) }, [
    children,
    import_sigpro25.$html("span", { class: joinClass("indicator-item badge", props.badgeClass) }, props.badge)
  ]);

  // src/components/Fieldset.js
  var exports_Fieldset = {};
  __export(exports_Fieldset, {
    Fieldset: () => Fieldset
  });
  var import_sigpro26 = __require("sigpro");
  var Fieldset = (props, children) => import_sigpro26.$html("fieldset", {
    ...props,
    class: joinClass("fieldset bg-base-200 border border-base-300 p-4 rounded-lg", props.class)
  }, [
    () => {
      const legendText = val(props.legend);
      return legendText ? import_sigpro26.$html("legend", { class: "fieldset-legend font-bold" }, [legendText]) : null;
    },
    children
  ]);

  // src/components/Modal.js
  var exports_Modal = {};
  __export(exports_Modal, {
    Modal: () => Modal
  });
  var import_sigpro27 = __require("sigpro");
  var Modal = (props, children) => {
    const { title, buttons, open, ...rest } = props;
    const close = () => open(false);
    return import_sigpro27.$if(open, () => import_sigpro27.$html("dialog", { ...rest, class: "modal modal-open" }, [
      import_sigpro27.$html("div", { class: "modal-box" }, [
        title ? import_sigpro27.$html("h3", { class: "text-lg font-bold mb-4" }, title) : null,
        typeof children === "function" ? children() : children,
        import_sigpro27.$html("div", { class: "modal-action flex gap-2" }, [
          ...(Array.isArray(buttons) ? buttons : [buttons]).filter(Boolean),
          Button({ onclick: close }, tt("close")())
        ])
      ]),
      import_sigpro27.$html("form", {
        method: "dialog",
        class: "modal-backdrop",
        onclick: (e) => (e.preventDefault(), close())
      }, [import_sigpro27.$html("button", {}, "close")])
    ]));
  };

  // src/components/Dropdown.js
  var exports_Dropdown = {};
  __export(exports_Dropdown, {
    Dropdown: () => Dropdown
  });
  var import_sigpro28 = __require("sigpro");
  var Dropdown = (props, children) => {
    const { label, icon, ...rest } = props;
    return import_sigpro28.$html("div", {
      ...rest,
      class: () => `dropdown ${val(props.class) || props.class || ""}`
    }, [
      import_sigpro28.$html("div", {
        tabindex: 0,
        role: "button",
        class: "btn m-1 flex items-center gap-2"
      }, [
        icon ? typeof icon === "function" ? icon() : icon : null,
        label ? typeof label === "function" ? label() : label : null
      ]),
      import_sigpro28.$html("ul", {
        tabindex: 0,
        class: "dropdown-content z-[50] menu p-2 shadow bg-base-100 rounded-box min-w-max border border-base-300"
      }, [typeof children === "function" ? children() : children])
    ]);
  };

  // src/components/Alert.js
  var exports_Alert = {};
  __export(exports_Alert, {
    Alert: () => Alert
  });
  var import_sigpro29 = __require("sigpro");
  var Alert = (props, children) => {
    const { type = "info", soft = true, ...rest } = props;
    const icons = {
      info: iconInfo,
      success: iconSuccess,
      warning: iconWarning,
      error: iconError
    };
    const typeClass = () => {
      const t = val(type);
      const map = {
        info: "alert-info",
        success: "alert-success",
        warning: "alert-warning",
        error: "alert-error"
      };
      return map[t] || t;
    };
    const content = children || props.message;
    return import_sigpro29.$html("div", {
      ...rest,
      role: "alert",
      class: () => `alert ${typeClass()} ${val(soft) ? "alert-soft" : ""} ${props.class || ""}`
    }, [
      import_sigpro29.$html("img", {
        src: icons[val(type)] || icons.info,
        class: "w-4 h-4 object-contain",
        alt: val(type)
      }),
      import_sigpro29.$html("div", { class: "flex-1" }, [
        import_sigpro29.$html("span", {}, [typeof content === "function" ? content() : content])
      ]),
      props.actions ? import_sigpro29.$html("div", { class: "flex-none" }, [
        typeof props.actions === "function" ? props.actions() : props.actions
      ]) : null
    ]);
  };

  // src/components/Toast.js
  var exports_Toast = {};
  __export(exports_Toast, {
    Toast: () => Toast
  });
  var import_sigpro30 = __require("sigpro");
  var Toast = (message, type = "alert-success", duration = 3500) => {
    let container = document.getElementById("sigpro-toast-container");
    if (!container) {
      container = import_sigpro30.$html("div", {
        id: "sigpro-toast-container",
        class: "fixed top-0 right-0 z-[9999] p-4 flex flex-col gap-2 pointer-events-none"
      });
      document.body.appendChild(container);
    }
    const toastHost = import_sigpro30.$html("div", { style: "display: contents" });
    container.appendChild(toastHost);
    let timeoutId;
    const close = () => {
      clearTimeout(timeoutId);
      const el = toastHost.firstElementChild;
      if (el && !el.classList.contains("opacity-0")) {
        el.classList.add("translate-x-full", "opacity-0");
        setTimeout(() => {
          instance.destroy();
          toastHost.remove();
          if (!container.hasChildNodes())
            container.remove();
        }, 300);
      } else {
        instance.destroy();
        toastHost.remove();
      }
    };
    const ToastComponent = () => {
      const el = import_sigpro30.$html("div", {
        class: `alert alert-soft ${type} shadow-lg transition-all duration-300 translate-x-10 opacity-0 pointer-events-auto`
      }, [
        import_sigpro30.$html("span", {}, [typeof message === "function" ? message() : message]),
        Button({ class: "btn-xs btn-circle btn-ghost", onclick: close }, "✕")
      ]);
      requestAnimationFrame(() => el.classList.remove("translate-x-10", "opacity-0"));
      return el;
    };
    const instance = import_sigpro30.$mount(ToastComponent, toastHost);
    if (duration > 0) {
      timeoutId = setTimeout(close, duration);
    }
    return close;
  };

  // src/components/Loading.js
  var exports_Loading = {};
  __export(exports_Loading, {
    Loading: () => Loading
  });
  var import_sigpro31 = __require("sigpro");
  var Loading = (props) => {
    return import_sigpro31.$if(props.$show, () => import_sigpro31.$html("div", {
      class: "fixed inset-0 z-[100] flex items-center justify-center backdrop-blur-sm bg-base-100/30"
    }, [
      import_sigpro31.$html("span", { class: "loading loading-spinner loading-lg text-primary" })
    ]));
  };

  // src/components/index.js
  var Components = {
    ...exports_Button,
    ...exports_Input,
    ...exports_Select,
    ...exports_Autocomplete,
    ...exports_Checkbox,
    ...exports_Radio,
    ...exports_Range,
    ...exports_Rating,
    ...exports_Swap,
    ...exports_Colorpicker,
    ...exports_Datepicker,
    ...exports_Table,
    ...exports_List,
    ...exports_Stat,
    ...exports_Timeline,
    ...exports_Badge,
    ...exports_Tooltip,
    ...exports_Menu,
    ...exports_Navbar,
    ...exports_Tabs,
    ...exports_Accordion,
    ...exports_Drawer,
    ...exports_Stack,
    ...exports_Indicator,
    ...exports_Fieldset,
    ...exports_Modal,
    ...exports_Dropdown,
    ...exports_Alert,
    ...exports_Toast,
    ...exports_Loading
  };
  var components_default = {
    ...Components,
    install: (target = window) => {
      Object.entries(Components).forEach(([name, component]) => {
        target[name] = component;
      });
    }
  };
  // index.js
  var SigproUI = {
    ...exports_components,
    Icons: exports_icons,
    Utils: exports_utils,
    tt,
    install: (target = typeof window !== "undefined" ? window : {}) => {
      Object.entries(exports_components).forEach(([name, component]) => {
        target[name] = component;
      });
      target.Icons = exports_icons;
      target.Utils = exports_utils;
      target.tt = tt;
      console.log("\uD83C\uDF1F SigproUI");
    }
  };
  var sigpro_ui_default = SigproUI;
})();