@robosophy/ui-vue 0.0.1 → 0.0.3

package/AGENTS.md

@@ -0,0 +1,32 @@
+# Robosophy UI Vue Agent Notes
+
+Use `@robosophy/ui-vue` before creating project-local UI components from scratch.
+
+## Consumer Rules
+
+- Import shared components from `@robosophy/ui-vue`.
+- Read `components.md` for available components, API shape, and composition examples.
+- Read `dist/index.d.ts` when exact prop, emit, or type names are needed.
+- Keep app-specific behavior in the consuming project: router pushes, stores, API calls, permissions, logout, redirects, and module switching.
+- Prefer props and event handlers over hardcoded actions inside components.
+- Use slots for project-specific content when the component exposes one.
+- Use PrimeVue `Button` for actions in PrimeVue apps.
+- Use `RsSidebar` for module navigation and `RsAccountSelector` for user/account switching.
+- Use `@robosophy/tokens` CSS variables (`--rs-*`) for new styles.
+- Do not duplicate `@robosophy/tokens/tokens.css` when the app already imports `@robosophy/prime-theme/prime.css`.
+
+## CSS Imports
+
+PrimeVue apps:
+
+```ts
+import "@robosophy/prime-theme/prime.css";
+```
+
+Non-PrimeVue apps:
+
+```ts
+import "@robosophy/tokens/tokens.css";
+```
+
+Component styles are carried by the component entrypoints. This package does not expose a global `styles.css`.

package/README.md

@@ -2,13 +2,39 @@
 
 Vue 3 component library for shared Robosophy UI.
 
+## Documentation
+
+Interactive component documentation, examples, props, and usage notes are published with Storybook:
+
+https://robosophy.gitlab.io/robosophy-basf/robosophy-library/
+
+The npmjs page shows this README as the package overview. Use the Storybook docs for the full component library reference.
+
 ## Install
 
+Con PrimeVue:
+
+```sh
+npm install @robosophy/ui-vue @robosophy/prime-theme vue primevue
+```
+
+Sin PrimeVue:
+
 ```sh
 npm install @robosophy/ui-vue @robosophy/tokens vue
 ```
 
-Import tokens once in the consuming app:
+## CSS imports
+
+Si la app usa PrimeVue, importa solo el theme de Prime:
+
+```ts
+import "@robosophy/prime-theme/prime.css";
+```
+
+`prime.css` ya importa `@robosophy/tokens/tokens.css`, asi que no dupliques ese import.
+
+Si la app no usa PrimeVue, importa tokens una vez:
 
 ```ts
 import "@robosophy/tokens/tokens.css";
@@ -16,17 +42,77 @@ import "@robosophy/tokens/tokens.css";
 
 Components carry their own local styles through their component entrypoint. This package does not expose a global `styles.css`.
 
+## AI agent context
+
+For agents working inside a consuming project, read these package files first:
+
+- `node_modules/@robosophy/ui-vue/AGENTS.md`: short rules for prioritizing Robosophy components.
+- `node_modules/@robosophy/ui-vue/components.md`: component inventory, APIs, and examples.
+- `node_modules/@robosophy/ui-vue/dist/index.d.ts`: exact exported types and component contracts.
+
+Use `@robosophy/ui-vue` components before creating local equivalents. Keep router, stores, fetches, permissions, and logout in the consuming app.
+
 ## Usage
 
 ```vue
 <script setup lang="ts">
-import { RsCard } from "@robosophy/ui-vue";
+import { RsAccountSelector, RsCard, RsIcon, RsSidebar, rsPrimeIcon } from "@robosophy/ui-vue";
+
+const user = {
+  email: "usuario@robosophy.com",
+  initials: "UR",
+  name: "Usuario Robosophy",
+};
+
+const accounts = [
+  { id: "1000", label: "Cuenta Activa SA", initials: "CA", active: true },
+  { id: "2000", label: "Cuenta Inactiva SRL", initials: "CI" },
+];
+
+const actions = [
+  { id: "profile", label: "Ver mi perfil", icon: "manage_accounts" },
+];
+
+const footerActions = [
+  { id: "logout", label: "Cerrar sesion", icon: "logout", variant: "danger" },
+];
+
+const sidebarItems = [
+  { id: "dashboard", label: "Dashboard", icon: "dashboard", active: true },
+  { id: "settings", label: "Configuracion", icon: "settings" },
+];
+
+const sidebarModules = [
+  { text: "Mi Alta", link: "/alta" },
+  { text: "Mi Cuenta y Orden", link: "/cyo", active: true },
+  { text: "Mi Cuenta Corriente", link: "/cc" },
+];
 </script>
 
 <template>
+  <RsSidebar
+    :items="sidebarItems"
+    :modules="sidebarModules"
+    :navigate-on-module-select="false"
+    @item-click="navigateToSection"
+    @module-select="trackModuleSelection"
+  />
+
+  <RsAccountSelector
+    :user="user"
+    :accounts="accounts"
+    :actions="actions"
+    :footer-actions="footerActions"
+    @select-account="switchAccount"
+    @action="handleAction"
+    @footer-action="handleFooterAction"
+  />
+
   <RsCard title="Reusable card" subtitle="Shared layout">
     Content from the consuming project.
   </RsCard>
+
+  <RsIcon name="home" />
 </template>
 ```
 
@@ -35,11 +121,38 @@ Optional plugin registration:
 ```ts
 import { createApp } from "vue";
 import RobosophyUiVue from "@robosophy/ui-vue";
-import "@robosophy/tokens/tokens.css";
+import "@robosophy/prime-theme/prime.css";
 
 createApp(App).use(RobosophyUiVue).mount("#app");
 ```
 
+## Material Symbols
+
+`RsIcon` usa Material Symbols y debe combinarse con el plugin de Vite para generar fuentes locales optimizadas:
+
+```ts
+// vite.config.ts
+import { defineConfig } from "vite";
+import vue from "@vitejs/plugin-vue";
+import { robosophyMaterialSymbols } from "@robosophy/ui-vue/vite";
+
+export default defineConfig({
+  plugins: [
+    vue(),
+    robosophyMaterialSymbols({
+      include: ["home"], // agrega iconos dinamicos que el scanner no pueda detectar
+    }),
+  ],
+});
+```
+
+Para APIs de PrimeVue que reciben `icon` como string, usa el helper:
+
+```vue
+<Button label="Inicio" :icon="rsPrimeIcon('home')" />
+<Button label="Configurar" :icon="rsPrimeIcon('settings', { family: 'rounded' })" />
+```
+
 ## Component Structure
 
 Every public component must be self-contained:
@@ -61,6 +174,8 @@ Rules:
 - add tests and Storybook stories with every exported component;
 - use props for stable API and slots for flexible project content;
 - use PrimeVue only when it provides behavior that belongs inside the component.
+- use PrimeVue `Button` for actions in PrimeVue apps.
+- use `RsSidebar` for reusable module navigation instead of project-local navbars.
 
 ## Scripts
 

package/ai-context.md

@@ -2,13 +2,32 @@
 
 Use this package for shared Vue 3 UI components.
 
+## For Consuming Projects
+
+- Prefer existing `@robosophy/ui-vue` components before creating local UI components.
+- Read `AGENTS.md` for short agent rules.
+- Read `components.md` for component inventory, APIs, and examples.
+- Read `dist/index.d.ts` for exact exported types.
+- Keep app-specific behavior in the consuming project: router, stores, fetches, permissions, and logout.
+- Use `RsSidebar` for module navigation.
+- Use `RsAccountSelector` for user/account selection.
+- Use `RsIcon` for Material Symbols icons.
+- Use PrimeVue `Button` for actions in PrimeVue apps.
+- Use `RsAvatar` for user/account identity.
+- Use `RsCard` for content sections and state containers.
+- In PrimeVue apps, import only `@robosophy/prime-theme/prime.css`; it already includes tokens.
+- In non-PrimeVue apps, import `@robosophy/tokens/tokens.css`.
+
 ## Component Rules
 
 - Every exported component lives in `src/components/<ComponentName>/`.
 - Every component folder must include the Vue component, local CSS, public types, tests, Storybook stories, and an `index.ts`.
 - Import component CSS from the component `index.ts`; do not add a global package stylesheet export.
 - Use `@robosophy/tokens` CSS variables for colors, typography, strokes, and component surfaces.
-- Use PrimeVue only when it provides real behavior for that component.
+- Use PrimeVue only when it provides real behavior for that component; actions should use PrimeVue `Button` in PrimeVue apps.
+- `RsSidebar` and `RsAccountSelector` use native PrimeVue controls for interactive UI; PrimeVue apps should load `@robosophy/prime-theme/prime.css` so their Button/Menu states receive Robosophy styling.
+- `RsIcon` needs `robosophyMaterialSymbols()` from `@robosophy/ui-vue/vite` in consuming Vite apps so builds ship local subset fonts. Use `rsPrimeIcon()` for PrimeVue APIs that accept icon class strings.
+- Use `RsSidebar` for reusable module navigation. `item-click` stays in the consuming app; the optional `modules` dropdown can redirect with the provided `link` when `navigateOnModuleSelect` is `true`.
 - Keep props focused on stable component API. Use slots for flexible content.
 - Export every public component and public type from `src/index.ts`.
 

package/components.md

@@ -0,0 +1,318 @@
+# @robosophy/ui-vue Components
+
+Reference for agents and developers using Robosophy Vue components in consuming projects.
+
+## Priority
+
+When building a module or complex UI, prefer these components before creating local equivalents:
+
+- `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.
+
+Keep app behavior in the consuming project. Components emit events; the app handles routing, stores, fetches, permissions, logout, and redirects.
+
+## Setup
+
+```ts
+import {
+  RsAccountSelector,
+  RsAvatar,
+  RsCard,
+  RsIcon,
+  RsSidebar,
+  rsPrimeIcon,
+} from "@robosophy/ui-vue";
+```
+
+PrimeVue apps should import only:
+
+```ts
+import "@robosophy/prime-theme/prime.css";
+```
+
+`RsSidebar` and `RsAccountSelector` render their interactive controls with PrimeVue components, so PrimeVue apps should use the theme import above to apply Robosophy Button/Menu styling.
+
+Apps without PrimeVue should import:
+
+```ts
+import "@robosophy/tokens/tokens.css";
+```
+
+Enable Material Symbols subsetting in Vite apps:
+
+```ts
+import { robosophyMaterialSymbols } from "@robosophy/ui-vue/vite";
+
+export default defineConfig({
+  plugins: [vue(), robosophyMaterialSymbols({ include: ["home"] })],
+});
+```
+
+## RsIcon
+
+Use for Material Symbols. The Vite plugin generates local subset fonts for only the detected icons.
+
+```vue
+<template>
+  <RsIcon name="home" />
+  <RsIcon name="settings" family="rounded" color="primary" />
+  <Button label="Inicio" :icon="rsPrimeIcon('home')" />
+</template>
+```
+
+For dynamic icon names that the scanner cannot see, add them to `robosophyMaterialSymbols({ include: [...] })`.
+
+## RsSidebar
+
+Use for module navigation. It is controlled and presentational.
+
+Main props:
+
+```ts
+type RsSidebarItem = {
+  id: string;
+  label: string;
+  icon?: string;
+  active?: boolean;
+  disabled?: boolean;
+  visible?: boolean;
+  children?: RsSidebarItem[];
+};
+
+type RsSidebarProps = {
+  items: RsSidebarItem[];
+  footerItems?: RsSidebarItem[];
+  modules?: Array<{
+    text: string;
+    link: string;
+    active?: boolean;
+    disabled?: boolean;
+  }>;
+  navigateOnModuleSelect?: boolean;
+  title?: string;
+  icon?: string;
+  variant?: "pc" | "alta" | "cc" | "pog" | "cyo";
+  expanded?: boolean;
+  expandOnHover?: boolean;
+  mobileOpen?: boolean;
+  widthCollapsed?: string;
+  widthExpanded?: string;
+  ariaLabel?: string;
+};
+```
+
+Emits: `item-click`, `close-mobile`, `expanded-change`, `module-select`.
+
+Slots: `header`, `header-action`, `item`, `footer`.
+
+Example:
+
+```vue
+<script setup lang="ts">
+import { ref } from "vue";
+import { RsSidebar, type RsSidebarItem } from "@robosophy/ui-vue";
+
+const items: RsSidebarItem[] = [
+  { id: "liquidaciones", label: "Liquidacion", icon: "contract", active: true },
+  { id: "adquisiciones", label: "Adquisiciones", icon: "sell" },
+  {
+    id: "config",
+    label: "Config",
+    icon: "subtitles_gear",
+    children: [
+      { id: "excel", label: "Cargas Excel", icon: "upload" },
+      { id: "ayuda", label: "Ayuda", icon: "info" },
+    ],
+  },
+];
+
+const footerItems: RsSidebarItem[] = [{ id: "home", label: "Volver al home", icon: "home" }];
+const modules = [
+  { text: "Mi Alta", link: "/alta" },
+  { text: "Mi Cuenta y Orden", link: "/cyo", active: true },
+  { text: "Mi Cuenta Corriente", link: "/cc" },
+];
+const isMenuOpen = ref(false);
+
+function handleSidebarItem(item: RsSidebarItem) {
+  // Route, redirect, or store updates belong in the consuming app.
+}
+</script>
+
+<template>
+  <RsSidebar
+    title="CYO"
+    variant="cyo"
+    :items="items"
+    :modules="modules"
+    :footer-items="footerItems"
+    :mobile-open="isMenuOpen"
+    @item-click="handleSidebarItem"
+    @close-mobile="isMenuOpen = false"
+  />
+</template>
+```
+
+`modules` renders the default header dropdown. Each option has `text` and `link`. Selecting one emits `module-select`.
+
+If `navigateOnModuleSelect` is `true` the component also redirects with `window.location.href = module.link`. Set it to `false` in Storybook, tests, or apps that want to intercept navigation and route manually.
+
+Use the `header` slot only when the app needs to replace that default dropdown entirely.
+
+Project variants set sidebar icon and active colors:
+
+- `pc`: Plan Comercial, `#014A9F`.
+- `alta`: Alta, `#65AC1E`.
+- `cc`: Cuenta Corriente, `#49A0D4`.
+- `pog`: POG, `#007C2F`.
+- `cyo`: Cuenta y Orden, `#49A0D4`.
+
+## RsAccountSelector
+
+Use for user/account switching. It does not fetch, redirect, log out, or mutate stores.
+
+Main props:
+
+```ts
+type RsAccountSelectorUser = {
+  email: string;
+  name?: string;
+  avatarSrc?: string;
+  secondaryAvatarSrc?: string;
+  initials?: string;
+};
+
+type RsAccountSelectorAccount = {
+  id: string | number;
+  label: string;
+  avatarSrc?: string;
+  initials?: string;
+  active?: boolean;
+  disabled?: boolean;
+};
+
+type RsAccountSelectorAction = {
+  id: string;
+  label: string;
+  icon?: string;
+  visible?: boolean;
+  disabled?: boolean;
+  variant?: "ghost" | "danger";
+};
+```
+
+Emits: `select-account`, `action`, `footer-action`.
+
+Slots: `user-avatar`, `account-avatar`, `account-trailing`, `actions`, `footer`, `empty`.
+
+Example:
+
+```vue
+<script setup lang="ts">
+import { RsAccountSelector } from "@robosophy/ui-vue";
+
+const user = {
+  email: "usuario@robosophy.com",
+  initials: "UR",
+  name: "Usuario Robosophy",
+};
+
+const accounts = [
+  { id: "1", label: "Cuenta Activa SA", initials: "CA", active: true },
+  { id: "2", label: "Cuenta Inactiva SRL", initials: "CI" },
+];
+
+const actions = [{ id: "profile", label: "Ver mi perfil", icon: "manage_accounts" }];
+const footerActions = [{ id: "logout", label: "Cerrar sesion", icon: "logout", variant: "danger" }];
+</script>
+
+<template>
+  <RsAccountSelector
+    :user="user"
+    :accounts="accounts"
+    :actions="actions"
+    :footer-actions="footerActions"
+    @select-account="selectAccount"
+    @action="handleAccountAction"
+    @footer-action="handleFooterAction"
+  />
+</template>
+```
+
+## RsAvatar
+
+Use for user or account identity.
+
+Useful props: `src`, `alt`, `initials`, `size`, `interactive`.
+
+Example:
+
+```vue
+<template>
+  <RsAvatar src="/avatar.png" alt="Usuario Robosophy" size="lg" />
+  <RsAvatar initials="CA" size="sm" interactive />
+</template>
+```
+
+## RsCard
+
+Use as a reusable content container.
+
+Variants: `default`, `brand`, `success`, `warning`, `danger`.
+
+Padding: `none`, `sm`, `md`, `lg`.
+
+Useful props: `title`, `subtitle`, `variant`, `padding`, `interactive`, `as`, `ariaLabel`.
+
+Example:
+
+```vue
+<template>
+  <RsCard title="Resumen" subtitle="Estado del modulo">
+    Contenido del proyecto consumidor.
+  </RsCard>
+
+  <RsCard variant="success" title="Operacion completada">
+    Mensaje de estado.
+  </RsCard>
+</template>
+```
+
+## Module Composition Pattern
+
+For a new module, start with `RsSidebar` for navigation, `RsCard` for sections, PrimeVue `Button` for actions, and `RsAccountSelector` only when user/account switching is needed.
+
+```vue
+<script setup lang="ts">
+import Button from "primevue/button";
+import { RsCard, RsSidebar, type RsSidebarItem } from "@robosophy/ui-vue";
+
+const sidebarItems: RsSidebarItem[] = [
+  { id: "dashboard", label: "Dashboard", icon: "dashboard", active: true },
+  { id: "settings", label: "Configuracion", icon: "settings" },
+];
+
+function navigateToSection(item: RsSidebarItem) {
+  // Push a route or update local module state in the consuming app.
+}
+</script>
+
+<template>
+  <div class="module-layout">
+    <RsSidebar title="Modulo" :items="sidebarItems" @item-click="navigateToSection" />
+
+    <main>
+      <RsCard title="Dashboard" subtitle="Indicadores principales">
+        <Button>
+          <span class="action-content">
+            <span>Crear</span>
+          </span>
+        </Button>
+      </RsCard>
+    </main>
+  </div>
+</template>
+```

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

@@ -0,0 +1,38 @@
+export type RsAccountSelectorId = string | number;
+export type RsAccountSelectorUser = {
+    email: string;
+    name?: string;
+    avatarSrc?: string;
+    secondaryAvatarSrc?: string;
+    initials?: string;
+};
+export type RsAccountSelectorAccount = {
+    id: RsAccountSelectorId;
+    label: string;
+    avatarSrc?: string;
+    initials?: string;
+    active?: boolean;
+    disabled?: boolean;
+};
+export type RsAccountSelectorActionVariant = "ghost" | "danger";
+export type RsAccountSelectorAction = {
+    id: string;
+    label: string;
+    icon?: string;
+    visible?: boolean;
+    disabled?: boolean;
+    variant?: RsAccountSelectorActionVariant;
+};
+export type RsAccountSelectorProps = {
+    user: RsAccountSelectorUser;
+    accounts?: RsAccountSelectorAccount[];
+    actions?: RsAccountSelectorAction[];
+    footerActions?: RsAccountSelectorAction[];
+    title?: string;
+    loading?: boolean;
+    emptyText?: string;
+    activeText?: string;
+    selectText?: string;
+    width?: string;
+};
+//# sourceMappingURL=RsAccountSelector.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RsAccountSelector.types.d.ts","sourceRoot":"","sources":["../../../src/components/RsAccountSelector/RsAccountSelector.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,mBAAmB,GAAG,MAAM,GAAG,MAAM,CAAC;AAElD,MAAM,MAAM,qBAAqB,GAAG;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG;IACrC,EAAE,EAAE,mBAAmB,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,8BAA8B,GAAG,OAAO,GAAG,QAAQ,CAAC;AAEhE,MAAM,MAAM,uBAAuB,GAAG;IACpC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,8BAA8B,CAAC;CAC1C,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG;IACnC,IAAI,EAAE,qBAAqB,CAAC;IAC5B,QAAQ,CAAC,EAAE,wBAAwB,EAAE,CAAC;IACtC,OAAO,CAAC,EAAE,uBAAuB,EAAE,CAAC;IACpC,aAAa,CAAC,EAAE,uBAAuB,EAAE,CAAC;IAC1C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC"}

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

@@ -0,0 +1,52 @@
+import type { RsAccountSelectorAccount, RsAccountSelectorAction, RsAccountSelectorProps } from "./RsAccountSelector.types";
+declare var __VLS_1: {
+    user: import("./RsAccountSelector.types").RsAccountSelectorUser;
+}, __VLS_3: {
+    actions: RsAccountSelectorAction[];
+}, __VLS_13: {}, __VLS_23: {
+    account: RsAccountSelectorAccount;
+}, __VLS_25: {
+    account: RsAccountSelectorAccount;
+}, __VLS_32: {
+    actions: RsAccountSelectorAction[];
+};
+type __VLS_Slots = {} & {
+    'user-avatar'?: (props: typeof __VLS_1) => any;
+} & {
+    actions?: (props: typeof __VLS_3) => any;
+} & {
+    empty?: (props: typeof __VLS_13) => any;
+} & {
+    'account-avatar'?: (props: typeof __VLS_23) => any;
+} & {
+    'account-trailing'?: (props: typeof __VLS_25) => any;
+} & {
+    footer?: (props: typeof __VLS_32) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<RsAccountSelectorProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "select-account": (account: RsAccountSelectorAccount) => any;
+    action: (action: RsAccountSelectorAction) => any;
+    "footer-action": (action: RsAccountSelectorAction) => any;
+}, string, import("vue").PublicProps, Readonly<RsAccountSelectorProps> & Readonly<{
+    "onSelect-account"?: ((account: RsAccountSelectorAccount) => any) | undefined;
+    onAction?: ((action: RsAccountSelectorAction) => any) | undefined;
+    "onFooter-action"?: ((action: RsAccountSelectorAction) => any) | undefined;
+}>, {
+    accounts: RsAccountSelectorAccount[];
+    actions: RsAccountSelectorAction[];
+    footerActions: RsAccountSelectorAction[];
+    loading: boolean;
+    emptyText: string;
+    activeText: string;
+    selectText: string;
+    width: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=RsAccountSelector.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RsAccountSelector.vue.d.ts","sourceRoot":"","sources":["../../../src/components/RsAccountSelector/RsAccountSelector.vue"],"names":[],"mappings":"AA2PA,OAAO,KAAK,EACV,wBAAwB,EACxB,uBAAuB,EACvB,sBAAsB,EACvB,MAAM,2BAA2B,CAAC;AAybnC,QAAA,IAAI,OAAO;;CAAU,EAAE,OAAO;;CAAU,EAAE,QAAQ,IAAW,EAAE,QAAQ;;CAAW,EAAE,QAAQ;;CAAW,EAAE,QAAQ;;CAAY,CAAE;AAC/H,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAClD;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC5C;IAAE,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC3C;IAAE,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GACtD;IAAE,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GACxD;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAK/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/components/RsAccountSelector/index.d.ts

@@ -0,0 +1,4 @@
+import "./RsAccountSelector.css";
+export { default } from "./RsAccountSelector.vue";
+export type { RsAccountSelectorAccount, RsAccountSelectorAction, RsAccountSelectorActionVariant, RsAccountSelectorId, RsAccountSelectorProps, RsAccountSelectorUser, } from "./RsAccountSelector.types";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/RsAccountSelector/index.ts"],"names":[],"mappings":"AAAA,OAAO,yBAAyB,CAAC;AAEjC,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAClD,YAAY,EACV,wBAAwB,EACxB,uBAAuB,EACvB,8BAA8B,EAC9B,mBAAmB,EACnB,sBAAsB,EACtB,qBAAqB,GACtB,MAAM,2BAA2B,CAAC"}

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

@@ -0,0 +1,20 @@
+export type RsIconFamily = "outlined" | "rounded" | "sharp";
+export type RsIconSize = "sm" | "md" | "lg" | number;
+export type RsIconColor = "primary" | "secondary" | "danger" | "inherit";
+export type RsIconWeight = 100 | 200 | 300 | 400 | 500 | 600 | 700;
+export type RsIconProps = {
+    name: string;
+    family?: RsIconFamily;
+    size?: RsIconSize;
+    color?: RsIconColor;
+    fill?: boolean;
+    weight?: RsIconWeight;
+    grade?: number;
+    opticalSize?: number;
+    interactive?: boolean;
+    ariaLabel?: string;
+};
+export type RsPrimeIconOptions = {
+    family?: RsIconFamily;
+};
+//# sourceMappingURL=RsIcon.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RsIcon.types.d.ts","sourceRoot":"","sources":["../../../src/components/RsIcon/RsIcon.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,YAAY,GAAG,UAAU,GAAG,SAAS,GAAG,OAAO,CAAC;AAE5D,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;AAErD,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,WAAW,GAAG,QAAQ,GAAG,SAAS,CAAC;AAEzE,MAAM,MAAM,YAAY,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AAEnE,MAAM,MAAM,WAAW,GAAG;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,MAAM,CAAC,EAAE,YAAY,CAAC;CACvB,CAAC"}