@robosophy/ui-vue 1.1.13 → 1.2.1

package/components.md

@@ -9,8 +9,7 @@ When building a module or complex UI, prefer these components before creating lo
 - `RsSidebar`: module navigation, side menu, mobile sidebar.
 - `RsAccountSelector`: user/account selector.
 - `RsIcon`: Material Symbols icon component and PrimeVue icon helper.
-- `RsAvatar`: user/account image or initials.
-- `RsCard`: reusable content container.
+- `RsIconPicker`: searchable icon picker for choosing Material Symbols names from a curated catalog (~400 icons in the sprite).
 
 Keep app behavior in the consuming project. Components emit events; the app handles routing, stores, fetches, permissions, logout, and redirects.
 
@@ -19,10 +18,10 @@ Keep app behavior in the consuming project. Components emit events; the app hand
 ```ts
 import {
   RsAccountSelector,
-  RsAvatar,
-  RsCard,
   RsIcon,
+  RsIconPicker,
   RsSidebar,
+  iconCatalog,
   rsPrimeIcon,
 } from "@robosophy/ui-vue";
 ```
@@ -190,6 +189,28 @@ For full control over icon props (fill, grade, etc.), use the slot approach:
 </Button>
 ```
 
+## RsIconPicker
+
+Searchable icon picker for choosing a Material Symbols icon name from a curated catalog
+(~400 icons) included in the build-time SVG sprite via `iconCatalog`.
+
+```vue
+<template>
+  <RsIconPicker v-model="icon" placeholder="Selecciona ícono" :invalid="hasError" />
+</template>
+```
+
+Props: `modelValue`, `placeholder`, `invalid`.
+Emits: `update:modelValue`.
+
+Export `iconCatalog` to validate runtime icon names from API data:
+
+```ts
+import { iconCatalog } from "@robosophy/ui-vue";
+
+const safeIcon = iconCatalog.includes(iconFromApi) ? iconFromApi : "article";
+```
+
 ## RsSidebar
 
 Use for module navigation. It is controlled and presentational.

package/dist/components/RsIconPicker/RsIconPicker.types.d.ts

@@ -0,0 +1,6 @@
+export type RsIconPickerProps = {
+    modelValue?: string;
+    placeholder?: string;
+    invalid?: boolean;
+};
+//# sourceMappingURL=RsIconPicker.types.d.ts.map

package/dist/components/RsIconPicker/RsIconPicker.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RsIconPicker.types.d.ts","sourceRoot":"","sources":["../../../src/components/RsIconPicker/RsIconPicker.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,iBAAiB,GAAG;IAC9B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC"}

package/dist/components/RsIconPicker/RsIconPicker.vue.d.ts

@@ -0,0 +1,13 @@
+import type { RsIconPickerProps } from "./RsIconPicker.types";
+declare const __VLS_export: import("vue").DefineComponent<RsIconPickerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => any;
+}, string, import("vue").PublicProps, Readonly<RsIconPickerProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {
+    modelValue: string;
+    placeholder: string;
+    invalid: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;
+//# sourceMappingURL=RsIconPicker.vue.d.ts.map

package/dist/components/RsIconPicker/RsIconPicker.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RsIconPicker.vue.d.ts","sourceRoot":"","sources":["../../../src/components/RsIconPicker/RsIconPicker.vue"],"names":[],"mappings":"AAiGA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAyK9D,QAAA,MAAM,YAAY;;;;;;;;6EAIhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/components/RsIconPicker/iconCatalog.d.ts

@@ -0,0 +1,2 @@
+export declare const iconCatalog: string[];
+//# sourceMappingURL=iconCatalog.d.ts.map

package/dist/components/RsIconPicker/iconCatalog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"iconCatalog.d.ts","sourceRoot":"","sources":["../../../src/components/RsIconPicker/iconCatalog.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,WAAW,UAiZvB,CAAC"}

package/dist/components/RsIconPicker/index.d.ts

@@ -0,0 +1,5 @@
+import "./RsIconPicker.css";
+export { iconCatalog } from "./iconCatalog";
+export { default } from "./RsIconPicker.vue";
+export type { RsIconPickerProps } from "./RsIconPicker.types";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/RsIconPicker/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/RsIconPicker/index.ts"],"names":[],"mappings":"AAAA,OAAO,oBAAoB,CAAC;AAE5B,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAC7C,YAAY,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/components/RsSidebar/RsSidebar.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RsSidebar.vue.d.ts","sourceRoot":"","sources":["../../../src/components/RsSidebar/RsSidebar.vue"],"names":[],"mappings":"AAqXA,OAAO,KAAK,EAAE,aAAa,EAAE,eAAe,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AA4J1G,iBAAS,MAAM,SAEd;AAED,iBAAS,WAAW,SAInB;AA0ZD,QAAA,IAAI,OAAO;;;;;;;;;;;;;CAAU,EAAE,QAAQ;;;;;;;;;;;;CAAW,EAAE,QAAQ;;;CAAW,EAAE,QAAQ;;;CAAY,CAAE;AACvF,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC3C;IAAE,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GACrD;IAAE,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC1C;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAO/C,QAAA,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;6EAId,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
+{"version":3,"file":"RsSidebar.vue.d.ts","sourceRoot":"","sources":["../../../src/components/RsSidebar/RsSidebar.vue"],"names":[],"mappings":"AAoXA,OAAO,KAAK,EAAE,aAAa,EAAE,eAAe,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AA2J1G,iBAAS,MAAM,SAEd;AAED,iBAAS,WAAW,SAInB;AA0ZD,QAAA,IAAI,OAAO;;;;;;;;;;;;;CAAU,EAAE,QAAQ;;;;;;;;;;;;CAAW,EAAE,QAAQ;;;CAAW,EAAE,QAAQ;;;CAAY,CAAE;AACvF,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC3C;IAAE,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GACrD;IAAE,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC1C;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAO/C,QAAA,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;6EAId,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/icon-manifest.json

@@ -1,42 +1,405 @@
 {
   "outlined": [
+    "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",
-    "business",
+    "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",
-    "warning"
+    "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"
   ],
   "rounded": [
     "arrow_drop_down",

package/dist/index.css

@@ -677,3 +677,77 @@
 .rs-sidebar--mobile-open .rs-sidebar__item--footer {
   padding: 32px 24px;
 }
+.rs-icon-picker {
+  position: relative;
+  width: 100%;
+  font-family: var(--rs-font-family, inherit);
+}
+.rs-icon-picker__trigger {
+  border: 1px solid var(--rs-color-gray-300, #d1d1d1);
+  padding: 10px;
+  border-radius: 8px;
+  background-color: var(--rs-color-white-500, #ffffff);
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  outline: none;
+}
+.rs-icon-picker__trigger--invalid {
+  border-color: var(--rs-color-stroke-error, #d32f2f);
+}
+.rs-icon-picker__value {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+.rs-icon-picker__placeholder {
+  color: var(--rs-color-text-secondary, #909090);
+}
+.rs-icon-picker__dropdown {
+  position: absolute;
+  top: calc(100% + 4px);
+  left: 0;
+  width: 100%;
+  background: var(--rs-color-surface-primary, #ffffff);
+  border: 1px solid var(--rs-color-gray-300, #d1d1d1);
+  border-radius: 8px;
+  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+  z-index: 999;
+  padding: 8px;
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+.rs-icon-picker__search {
+  width: 100%;
+  padding: 8px 10px;
+  border: 1px solid var(--rs-color-gray-300, #d1d1d1);
+  border-radius: 6px;
+  font-size: 13px;
+  outline: none;
+  box-sizing: border-box;
+}
+.rs-icon-picker__grid {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 4px;
+  max-height: 220px;
+  overflow-y: auto;
+  overflow-x: hidden;
+}
+.rs-icon-picker__item {
+  font-size: 28px;
+  padding: 8px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 4px;
+  cursor: pointer;
+}
+.rs-icon-picker__item:hover {
+  background-color: var(--rs-color-gray-100, #f5f5f5);
+}
+.rs-icon-picker__item--selected {
+  background-color: var(--rs-color-button-blue-surface, #e3f2fd);
+}

package/dist/index.d.ts

@@ -4,9 +4,11 @@ export { default } from "./plugin";
 export * from "./plugin";
 import RsAccountSelector from "./components/RsAccountSelector";
 import RsIcon from "./components/RsIcon";
+import RsIconPicker from "./components/RsIconPicker";
 import RsSidebar from "./components/RsSidebar";
-export { RsAccountSelector, RsIcon, RsSidebar };
+export { RsAccountSelector, RsIcon, RsIconPicker, RsSidebar };
 export * from "./components/RsAccountSelector";
 export * from "./components/RsIcon";
+export * from "./components/RsIconPicker";
 export * from "./components/RsSidebar";
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,UAAU,CAAC;AACrD,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AACnC,cAAc,UAAU,CAAC;AAEzB,OAAO,iBAAiB,MAAM,gCAAgC,CAAC;AAC/D,OAAO,MAAM,MAAM,qBAAqB,CAAC;AACzC,OAAO,SAAS,MAAM,wBAAwB,CAAC;AAE/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC;AAChD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,qBAAqB,CAAC;AACpC,cAAc,wBAAwB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,UAAU,CAAC;AACrD,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AACnC,cAAc,UAAU,CAAC;AAEzB,OAAO,iBAAiB,MAAM,gCAAgC,CAAC;AAC/D,OAAO,MAAM,MAAM,qBAAqB,CAAC;AACzC,OAAO,YAAY,MAAM,2BAA2B,CAAC;AACrD,OAAO,SAAS,MAAM,wBAAwB,CAAC;AAE/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,EAAE,YAAY,EAAE,SAAS,EAAE,CAAC;AAC9D,cAAc,gCAAgC,CAAC;AAC/C,cAAc,qBAAqB,CAAC;AACpC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,wBAAwB,CAAC"}