@robosophy/ui-vue 1.1.13 → 1.2.1

package/dist/index.js

@@ -1,17 +1,17 @@
 // AUTO-GENERATED FILE. DO NOT EDIT MANUALLY.
 import "./index.css";
-import { defineComponent, computed, openBlock, createElementBlock, normalizeStyle, normalizeClass, createElementVNode, ref, onMounted, onBeforeUnmount, watch, nextTick, createVNode, unref, withModifiers, withCtx, renderSlot, toDisplayString, createBlock, Teleport, createCommentVNode, Fragment, renderList, mergeProps, createTextVNode } from "vue";
+import { defineComponent, computed, openBlock, createElementBlock, normalizeStyle, normalizeClass, createElementVNode, ref, onMounted, onBeforeUnmount, watch, nextTick, createVNode, unref, withModifiers, withCtx, renderSlot, toDisplayString, createBlock, Teleport, createCommentVNode, Fragment, renderList, mergeProps, createTextVNode, withDirectives, vModelText } from "vue";
 import Button from "primevue/button";
 import Menu from "primevue/menu";
-const _hoisted_1$2 = {
+const _hoisted_1$3 = {
   key: 0,
   class: "rs-icon-wrap"
 };
-const _hoisted_2$2 = ["aria-hidden", "aria-label", "role", "width", "height"];
-const _hoisted_3$2 = ["href"];
-const _hoisted_4$2 = ["aria-hidden", "aria-label", "role", "width", "height"];
+const _hoisted_2$3 = ["aria-hidden", "aria-label", "role", "width", "height"];
+const _hoisted_3$3 = ["href"];
+const _hoisted_4$3 = ["aria-hidden", "aria-label", "role", "width", "height"];
 const _hoisted_5$2 = ["href"];
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   ...{
     name: "RsIcon"
   },
@@ -81,7 +81,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       () => props.notificationColor ? { backgroundColor: props.notificationColor } : void 0
     );
     return (_ctx, _cache) => {
-      return __props.notification ? (openBlock(), createElementBlock("span", _hoisted_1$2, [
+      return __props.notification ? (openBlock(), createElementBlock("span", _hoisted_1$3, [
         (openBlock(), createElementBlock("svg", {
           "aria-hidden": ariaHidden.value,
           "aria-label": __props.ariaLabel,
@@ -92,8 +92,8 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
           height: iconSize.value,
           fill: "currentColor"
         }, [
-          createElementVNode("use", { href: symbolHref.value }, null, 8, _hoisted_3$2)
-        ], 14, _hoisted_2$2)),
+          createElementVNode("use", { href: symbolHref.value }, null, 8, _hoisted_3$3)
+        ], 14, _hoisted_2$3)),
         createElementVNode("span", {
           class: "rs-icon__notification",
           "aria-hidden": "true",
@@ -111,7 +111,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
         fill: "currentColor"
       }, [
         createElementVNode("use", { href: symbolHref.value }, null, 8, _hoisted_5$2)
-      ], 14, _hoisted_4$2));
+      ], 14, _hoisted_4$3));
     };
   }
 });
@@ -124,14 +124,14 @@ function rsPrimeIcon(name, options = {}) {
   }
   return `rs-icon rs-icon--prime rs-icon--${family} rs-icon-${normalizedName}`;
 }
-const _hoisted_1$1 = { class: "rs-account-selector__trigger-avatar" };
-const _hoisted_2$1 = ["src", "alt"];
-const _hoisted_3$1 = {
+const _hoisted_1$2 = { class: "rs-account-selector__trigger-avatar" };
+const _hoisted_2$2 = ["src", "alt"];
+const _hoisted_3$2 = {
   key: 1,
   class: "rs-account-selector__avatar-placeholder",
   "aria-hidden": "true"
 };
-const _hoisted_4$1 = ["aria-busy"];
+const _hoisted_4$2 = ["aria-busy"];
 const _hoisted_5$1 = { class: "rs-account-selector__summary" };
 const _hoisted_6$1 = { class: "rs-account-selector__avatar-stack" };
 const _hoisted_7$1 = { class: "rs-account-selector__avatar rs-account-selector__avatar--lg" };
@@ -181,7 +181,7 @@ const _hoisted_26 = {
   class: "rs-account-selector__footer"
 };
 const _hoisted_27 = { class: "rs-account-selector__button-content" };
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   ...{
     name: "RsAccountSelector"
   },
@@ -378,20 +378,20 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
           onClick: withModifiers(toggleSelector, ["stop"])
         }, {
           default: withCtx(() => [
-            createVNode(unref(_sfc_main$2), {
+            createVNode(unref(_sfc_main$3), {
               class: "rs-account-selector__trigger-chevron",
               family: "rounded",
               name: "arrow_drop_down",
               size: 22
             }),
             renderSlot(_ctx.$slots, "trigger-avatar", { user: __props.user }, () => [
-              createElementVNode("span", _hoisted_1$1, [
+              createElementVNode("span", _hoisted_1$2, [
                 __props.user.avatarSrc ? (openBlock(), createElementBlock("img", {
                   key: 0,
                   class: "rs-account-selector__avatar-image",
                   src: __props.user.avatarSrc,
                   alt: __props.user.name || __props.user.email
-                }, null, 8, _hoisted_2$1)) : (openBlock(), createElementBlock("span", _hoisted_3$1, toDisplayString(getInitials(__props.user.initials)), 1))
+                }, null, 8, _hoisted_2$2)) : (openBlock(), createElementBlock("span", _hoisted_3$2, toDisplayString(getInitials(__props.user.initials)), 1))
               ])
             ])
           ]),
@@ -446,7 +446,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                     }), {
                       default: withCtx(() => [
                         createElementVNode("span", null, toDisplayString(action.label), 1),
-                        action.icon ? (openBlock(), createBlock(unref(_sfc_main$2), {
+                        action.icon ? (openBlock(), createBlock(unref(_sfc_main$3), {
                           key: 0,
                           name: action.icon,
                           size: "sm"
@@ -511,7 +511,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                     ]),
                     createElementVNode("span", _hoisted_25, [
                       renderSlot(_ctx.$slots, "account-trailing", { account }, () => [
-                        createVNode(unref(_sfc_main$2), { name: "login" })
+                        createVNode(unref(_sfc_main$3), { name: "login" })
                       ])
                     ])
                   ]),
@@ -533,7 +533,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                     default: withCtx(() => [
                       createElementVNode("span", _hoisted_27, [
                         createElementVNode("span", null, toDisplayString(action.label), 1),
-                        action.icon ? (openBlock(), createBlock(unref(_sfc_main$2), {
+                        action.icon ? (openBlock(), createBlock(unref(_sfc_main$3), {
                           key: 0,
                           name: action.icon,
                           size: "sm"
@@ -545,16 +545,16 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                 }), 128))
               ])) : createCommentVNode("", true)
             ])
-          ], 12, _hoisted_4$1)
+          ], 12, _hoisted_4$2)
         ])) : createCommentVNode("", true)
       ], 4);
     };
   }
 });
-const _hoisted_1 = ["aria-label"];
-const _hoisted_2 = { class: "rs-sidebar__header" };
-const _hoisted_3 = ["aria-expanded"];
-const _hoisted_4 = { class: "rs-sidebar__title" };
+const _hoisted_1$1 = ["aria-label"];
+const _hoisted_2$1 = { class: "rs-sidebar__header" };
+const _hoisted_3$1 = ["aria-expanded"];
+const _hoisted_4$1 = { class: "rs-sidebar__title" };
 const _hoisted_5 = { class: "rs-sidebar__title" };
 const _hoisted_6 = { class: "rs-sidebar__content" };
 const _hoisted_7 = {
@@ -577,7 +577,7 @@ const _hoisted_13 = {
 const _hoisted_14 = { class: "rs-sidebar__list" };
 const _hoisted_15 = ["disabled", "onClick"];
 const _hoisted_16 = { class: "rs-sidebar__item-label" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   ...{
     name: "RsSidebar"
   },
@@ -614,7 +614,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const visibleFooterItems = computed(() => props.footerItems.filter(isVisible));
     const visibleModules = computed(() => props.modules);
     const activeModule = computed(
-      () => props.modules.find((module) => module.active) ?? props.modules.find((module) => module.text === props.title) ?? props.modules[0] ?? null
+      () => props.modules.find((module) => module.active) ?? props.modules.find((module) => module.text === props.title) ?? null
     );
     const displayedHeaderTitle = computed(() => activeModule.value?.text || props.title);
     const moduleMenuItems = computed(
@@ -749,7 +749,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           closeMobile,
           goBack
         }, () => [
-          createElementVNode("header", _hoisted_2, [
+          createElementVNode("header", _hoisted_2$1, [
             createElementVNode("div", {
               class: normalizeClass([
                 "rs-sidebar__brand",
@@ -766,16 +766,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 "aria-haspopup": "menu",
                 onClick: toggleModuleMenu
               }, [
-                createVNode(unref(_sfc_main$2), { name: resolvedIcon.value }, null, 8, ["name"]),
-                createElementVNode("span", _hoisted_4, toDisplayString(displayedHeaderTitle.value), 1),
-                createVNode(unref(_sfc_main$2), {
+                createVNode(unref(_sfc_main$3), { name: resolvedIcon.value }, null, 8, ["name"]),
+                createElementVNode("span", _hoisted_4$1, toDisplayString(displayedHeaderTitle.value), 1),
+                createVNode(unref(_sfc_main$3), {
                   class: "rs-sidebar__module-chevron",
                   name: isModuleMenuOpen.value ? "arrow_drop_up" : "arrow_drop_down",
                   color: "secondary",
                   size: "sm"
                 }, null, 8, ["name"])
-              ], 8, _hoisted_3)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-                createVNode(unref(_sfc_main$2), { name: resolvedIcon.value }, null, 8, ["name"]),
+              ], 8, _hoisted_3$1)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                createVNode(unref(_sfc_main$3), { name: resolvedIcon.value }, null, 8, ["name"]),
                 createElementVNode("span", _hoisted_5, toDisplayString(displayedHeaderTitle.value), 1)
               ], 64))
             ], 2),
@@ -791,7 +791,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 "aria-label": "Cerrar menu",
                 onClick: closeMobile
               }, [
-                createVNode(unref(_sfc_main$2), { name: "close" })
+                createVNode(unref(_sfc_main$3), { name: "close" })
               ])) : createCommentVNode("", true)
             ])
           ]),
@@ -813,7 +813,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   type: "button",
                   onClick: _cache[0] || (_cache[0] = ($event) => goBack())
                 }, [
-                  createVNode(unref(_sfc_main$2), {
+                  createVNode(unref(_sfc_main$3), {
                     class: "rs-sidebar__item-icon",
                     name: "arrow_left",
                     fill: true
@@ -843,13 +843,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       item,
                       expanded: isExpanded.value
                     }, () => [
-                      item.icon ? (openBlock(), createBlock(unref(_sfc_main$2), {
+                      item.icon ? (openBlock(), createBlock(unref(_sfc_main$3), {
                         key: 0,
                         class: "rs-sidebar__item-icon",
                         name: item.icon
                       }, null, 8, ["name"])) : createCommentVNode("", true),
                       createElementVNode("span", _hoisted_12, toDisplayString(item.label), 1),
-                      hasVisibleChildren(item) ? (openBlock(), createBlock(unref(_sfc_main$2), {
+                      hasVisibleChildren(item) ? (openBlock(), createBlock(unref(_sfc_main$3), {
                         key: 1,
                         class: "rs-sidebar__item-chevron",
                         name: "chevron_right",
@@ -885,7 +885,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       disabled: item.disabled,
                       onClick: ($event) => handleItemClick(item)
                     }, [
-                      item.icon ? (openBlock(), createBlock(unref(_sfc_main$2), {
+                      item.icon ? (openBlock(), createBlock(unref(_sfc_main$3), {
                         key: 0,
                         class: "rs-sidebar__item-icon",
                         name: item.icon
@@ -898,11 +898,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             ])) : createCommentVNode("", true)
           ])
         ])
-      ], 42, _hoisted_1);
+      ], 42, _hoisted_1$1);
     };
   }
 });
-const components = [_sfc_main$1, _sfc_main$2, _sfc_main];
+const components = [_sfc_main$2, _sfc_main$3, _sfc_main$1];
 const RobosophyUiVue = {
   install(app) {
     for (const component of components) {
@@ -910,13 +910,507 @@ const RobosophyUiVue = {
     }
   }
 };
+const iconCatalog = [
+  "ac_unit",
+  "account_balance",
+  "account_balance_wallet",
+  "account_circle",
+  "account_tree",
+  "add",
+  "add_chart",
+  "add_shopping_cart",
+  "admin_panel_settings",
+  "ads_click",
+  "agriculture",
+  "air",
+  "alarm",
+  "alarm_on",
+  "all_inbox",
+  "alt_route",
+  "analytics",
+  "apartment",
+  "api",
+  "archive",
+  "area_chart",
+  "arrow_back",
+  "arrow_downward",
+  "arrow_drop_down",
+  "arrow_drop_up",
+  "arrow_forward",
+  "arrow_left",
+  "arrow_upward",
+  "article",
+  "aspect_ratio",
+  "assignment",
+  "assignment_late",
+  "assignment_turned_in",
+  "attach_money",
+  "attachment",
+  "auto_delete",
+  "autorenew",
+  "backup",
+  "badge",
+  "balance",
+  "bar_chart",
+  "biotech",
+  "block",
+  "bluetooth",
+  "blur_off",
+  "blur_on",
+  "bolt",
+  "book",
+  "bookmark",
+  "bookmark_add",
+  "bookmark_remove",
+  "brightness_auto",
+  "brightness_high",
+  "brightness_low",
+  "brush",
+  "bubble_chart",
+  "bug_report",
+  "build",
+  "build_circle",
+  "cake",
+  "calculate",
+  "calendar_today",
+  "call",
+  "campaign",
+  "cancel",
+  "candlestick_chart",
+  "captive_portal",
+  "cards_stack",
+  "celebration",
+  "center_focus_strong",
+  "center_focus_weak",
+  "chat",
+  "check",
+  "check_circle",
+  "checklist",
+  "checklist_rtl",
+  "chevron_left",
+  "chevron_right",
+  "cleaning_services",
+  "close",
+  "cloud",
+  "cloud_done",
+  "cloud_download",
+  "cloud_upload",
+  "co2",
+  "code",
+  "comment",
+  "commute",
+  "compare_arrows",
+  "compost",
+  "computer",
+  "construction",
+  "contact_mail",
+  "contact_phone",
+  "contact_support",
+  "contacts",
+  "content_copy",
+  "content_cut",
+  "content_paste",
+  "contract",
+  "contrast",
+  "corporate_fare",
+  "create_new_folder",
+  "credit_card",
+  "crop",
+  "crop_free",
+  "crop_square",
+  "currency_exchange",
+  "cyclone",
+  "dark_mode",
+  "dashboard",
+  "dashboard_customize",
+  "data_exploration",
+  "data_object",
+  "data_saver_on",
+  "data_thresholding",
+  "data_usage",
+  "database",
+  "dataset",
+  "dataset_linked",
+  "delete",
+  "delete_forever",
+  "delete_sweep",
+  "delivery_truck_speed",
+  "departure_board",
+  "description",
+  "developer_board",
+  "device_hub",
+  "device_thermostat",
+  "devices",
+  "diamond",
+  "directions",
+  "directions_bike",
+  "directions_boat",
+  "directions_car",
+  "directions_walk",
+  "dns",
+  "domain",
+  "done",
+  "done_all",
+  "donut_large",
+  "donut_small",
+  "download",
+  "drafts",
+  "drive_file_move",
+  "eco",
+  "edit",
+  "edit_note",
+  "electrical_services",
+  "emergency",
+  "emoji_events",
+  "energy_savings_leaf",
+  "engineering",
+  "equalizer",
+  "error",
+  "ev_station",
+  "event",
+  "explore",
+  "factory",
+  "favorite",
+  "filter_alt",
+  "filter_list",
+  "flag",
+  "flash_on",
+  "flight",
+  "folder",
+  "folder_open",
+  "forest",
+  "format_bold",
+  "format_list_bulleted",
+  "forum",
+  "forward",
+  "fullscreen",
+  "gavel",
+  "grade",
+  "grass",
+  "grid_view",
+  "group",
+  "groups",
+  "handshake",
+  "handyman",
+  "headset_mic",
+  "health_and_safety",
+  "help",
+  "help_center",
+  "history",
+  "home",
+  "home_work",
+  "hourglass_empty",
+  "hub",
+  "image",
+  "inbox",
+  "info",
+  "insert_chart",
+  "integration_instructions",
+  "inventory",
+  "inventory_2",
+  "ios_share",
+  "key",
+  "keyboard",
+  "label",
+  "landscape",
+  "language",
+  "leaderboard",
+  "library_books",
+  "light_mode",
+  "lightbulb",
+  "link",
+  "link_off",
+  "live_help",
+  "local_activity",
+  "local_cafe",
+  "local_shipping",
+  "location_on",
+  "lock",
+  "lock_open",
+  "login",
+  "logout",
+  "mail",
+  "manage_accounts",
+  "map",
+  "mark_email_read",
+  "medical_services",
+  "memory",
+  "menu",
+  "menu_book",
+  "merge",
+  "mic",
+  "military_tech",
+  "monetization_on",
+  "monitoring",
+  "mood",
+  "more_horiz",
+  "more_vert",
+  "my_location",
+  "navigation",
+  "near_me",
+  "nest_eco_leaf",
+  "new_window",
+  "nfc",
+  "notifications",
+  "notifications_active",
+  "offline_bolt",
+  "opacity",
+  "open_in_browser",
+  "open_in_new",
+  "outbound",
+  "outbox",
+  "outgoing_mail",
+  "package_2",
+  "palette",
+  "park",
+  "pause_circle",
+  "payments",
+  "pending_actions",
+  "percent",
+  "person",
+  "person_add",
+  "phone_iphone",
+  "photo",
+  "photo_camera",
+  "picture_as_pdf",
+  "pie_chart",
+  "pin",
+  "pin_drop",
+  "play_circle",
+  "plumbing",
+  "point_of_sale",
+  "policy",
+  "precision_manufacturing",
+  "preview",
+  "print",
+  "production_quantity_limits",
+  "public",
+  "publish",
+  "query_stats",
+  "quiz",
+  "radar",
+  "rate_review",
+  "read_more",
+  "receipt",
+  "recommend",
+  "recycling",
+  "redeem",
+  "redo",
+  "refresh",
+  "remove",
+  "reply",
+  "report",
+  "request_quote",
+  "reviews",
+  "rocket_launch",
+  "route",
+  "router",
+  "rule",
+  "satellite",
+  "save",
+  "savings",
+  "scatter_plot",
+  "schedule",
+  "schema",
+  "school",
+  "science",
+  "search",
+  "security",
+  "sell",
+  "send",
+  "sensors",
+  "settings",
+  "settings_applications",
+  "share",
+  "shield",
+  "shopping_bag",
+  "shopping_cart",
+  "show_chart",
+  "skip_next",
+  "sort",
+  "south",
+  "spa",
+  "space_dashboard",
+  "speed",
+  "sports_score",
+  "ssid_chart",
+  "stacked_bar_chart",
+  "stacked_line_chart",
+  "star",
+  "sticky_note_2",
+  "stop_circle",
+  "store",
+  "storefront",
+  "subtitles_gear",
+  "support_agent",
+  "swap_vert",
+  "sync",
+  "table_chart",
+  "table_chart_view",
+  "table_rows",
+  "tablet",
+  "task",
+  "task_alt",
+  "terminal",
+  "thermostat",
+  "thumb_down",
+  "thumb_up",
+  "timeline",
+  "today",
+  "token",
+  "topic",
+  "track_changes",
+  "traffic",
+  "train",
+  "translate",
+  "travel_explore",
+  "trending_down",
+  "trending_flat",
+  "trending_up",
+  "trophy",
+  "tsunami",
+  "tune",
+  "tv",
+  "unarchive",
+  "undo",
+  "update",
+  "upgrade",
+  "upload",
+  "upload_file",
+  "usb",
+  "vaccines",
+  "verified",
+  "verified_user",
+  "videocam",
+  "view_list",
+  "view_module",
+  "visibility",
+  "visibility_off",
+  "volume_up",
+  "volunteer_activism",
+  "vpn_key",
+  "wallet",
+  "warehouse",
+  "warning",
+  "water_drop",
+  "wb_sunny",
+  "web",
+  "web_asset",
+  "weekend",
+  "whatshot",
+  "widgets",
+  "wifi",
+  "wind_power",
+  "woman",
+  "work",
+  "work_history",
+  "workspace_premium",
+  "workspaces",
+  "wrap_text",
+  "wysiwyg",
+  "yard",
+  "zoom_in",
+  "zoom_out"
+];
+const _hoisted_1 = { class: "rs-icon-picker__value" };
+const _hoisted_2 = {
+  key: 0,
+  class: "rs-icon-picker__dropdown"
+};
+const _hoisted_3 = { class: "rs-icon-picker__grid" };
+const _hoisted_4 = ["title", "onClick"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "RsIconPicker"
+  },
+  __name: "RsIconPicker",
+  props: {
+    modelValue: { default: "" },
+    placeholder: { default: "Selecciona ícono" },
+    invalid: { type: Boolean, default: false }
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    const root = ref(null);
+    const isOpen = ref(false);
+    const search = ref("");
+    const filteredIcons = computed(
+      () => search.value ? iconCatalog.filter((name) => name.includes(search.value.toLowerCase())) : iconCatalog
+    );
+    function toggleOpen() {
+      isOpen.value = !isOpen.value;
+    }
+    function selectIcon(name) {
+      emit("update:modelValue", name);
+      isOpen.value = false;
+    }
+    function onDocumentClick(e) {
+      if (isOpen.value && root.value && !root.value.contains(e.target)) {
+        isOpen.value = false;
+      }
+    }
+    onMounted(() => document.addEventListener("click", onDocumentClick));
+    onBeforeUnmount(() => document.removeEventListener("click", onDocumentClick));
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        ref_key: "root",
+        ref: root,
+        class: "rs-icon-picker"
+      }, [
+        createElementVNode("div", {
+          class: normalizeClass(["rs-icon-picker__trigger", { "rs-icon-picker__trigger--invalid": __props.invalid }]),
+          onClick: toggleOpen
+        }, [
+          createElementVNode("div", _hoisted_1, [
+            __props.modelValue ? (openBlock(), createBlock(unref(_sfc_main$3), {
+              key: 0,
+              name: __props.modelValue
+            }, null, 8, ["name"])) : createCommentVNode("", true),
+            createElementVNode("span", {
+              class: normalizeClass({ "rs-icon-picker__placeholder": !__props.modelValue })
+            }, toDisplayString(__props.modelValue || __props.placeholder), 3)
+          ]),
+          createVNode(unref(_sfc_main$3), {
+            name: isOpen.value ? "arrow_drop_up" : "arrow_drop_down"
+          }, null, 8, ["name"])
+        ], 2),
+        isOpen.value ? (openBlock(), createElementBlock("div", _hoisted_2, [
+          withDirectives(createElementVNode("input", {
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => search.value = $event),
+            class: "rs-icon-picker__search",
+            placeholder: "Buscar ícono...",
+            onClick: _cache[1] || (_cache[1] = withModifiers(() => {
+            }, ["stop"]))
+          }, null, 512), [
+            [vModelText, search.value]
+          ]),
+          createElementVNode("div", _hoisted_3, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(filteredIcons.value, (name) => {
+              return openBlock(), createElementBlock("div", {
+                key: name,
+                class: normalizeClass(["rs-icon-picker__item", { "rs-icon-picker__item--selected": name === __props.modelValue }]),
+                title: name,
+                onClick: withModifiers(($event) => selectIcon(name), ["stop"])
+              }, [
+                createVNode(unref(_sfc_main$3), { name }, null, 8, ["name"])
+              ], 10, _hoisted_4);
+            }), 128))
+          ])
+        ])) : createCommentVNode("", true)
+      ], 512);
+    };
+  }
+});
 export {
   RobosophyUiVue,
-  _sfc_main$1 as RsAccountSelector,
-  _sfc_main$2 as RsIcon,
-  _sfc_main as RsSidebar,
+  _sfc_main$2 as RsAccountSelector,
+  _sfc_main$3 as RsIcon,
+  _sfc_main as RsIconPicker,
+  _sfc_main$1 as RsSidebar,
   components,
   RobosophyUiVue as default,
+  iconCatalog,
   rsPrimeIcon
 };
 //# sourceMappingURL=index.js.map