@cobre-npm/ds-v3 0.128.3 → 0.130.0

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

@@ -32,6 +32,7 @@ export { default as CobreAccountInfoField } from './molecules/CobreAccountInfoFi
 export { default as CobreActionList } from './molecules/CobreActionList/CobreActionList.vue';
 export { default as CobreBadge } from './molecules/CobreBadge/CobreBadge.vue';
 export { default as CobreChips } from './molecules/CobreChips/CobreChips.vue';
+export { default as CobreCollapsableCard } from './molecules/CobreCollapsableCard/CobreCollapsableCard.vue';
 export { default as CobreCopyTextBox } from './molecules/CobreCopyTextBox/CobreCopyTextBox.vue';
 export { default as CobreDrawer } from './molecules/CobreDrawer/CobreDrawer.vue';
 export { default as CobreDropdownButton } from './molecules/CobreDropdownButton/CobreDropdownButton.vue';

package/dist/types/components/molecules/CobreCollapsableCard/CobreCollapsableCard.vue.d.ts

@@ -0,0 +1,32 @@
+/**
+ * CobreCollapsableCard — a collapsable card container with an interactive header and animated body.
+ * Consolidates the collapsable card pattern used across multiple MFEs (NewSubclient, Developer, etc).
+ * Use for forms, data sections, or any content that should collapse on demand. The header is clickable
+ * to toggle expansion; use the primaryAction slot for action buttons (remove, edit) without triggering collapse.
+ */
+interface Props {
+    title: string;
+    subtitle?: string;
+}
+type __VLS_Props = Props;
+type __VLS_PublicProps = __VLS_Props & {
+    'isExpanded'?: boolean;
+};
+declare var __VLS_1: {}, __VLS_14: {};
+type __VLS_Slots = {} & {
+    primaryAction?: (props: typeof __VLS_1) => any;
+} & {
+    'card-content'?: (props: typeof __VLS_14) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:isExpanded": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:isExpanded"?: ((value: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/types/directives/co-dropdown.d.ts

@@ -0,0 +1,12 @@
+import type { Directive } from 'vue';
+interface DropdownElement extends HTMLElement {
+    _coDropdownCleanup?: () => void;
+}
+/**
+ * `v-co-dropdown` — activates the Bootstrap dropdown that DS components declare.
+ *
+ * On click it first hides any other open dropdown, then opens its own, so at most
+ * one is visible at a time. Registered for consumers by `CobreDirectives`.
+ */
+export declare const coDropdown: Directive<DropdownElement>;
+export {};

package/dist/types/directives/co-error-bank-logo.d.ts

@@ -0,0 +1,8 @@
+import type { Directive } from 'vue';
+/**
+ * `v-co-error-bank-logo` — no-op placeholder. `CobreBankLogo` applies this
+ * directive, so it must resolve or Vue logs `Failed to resolve directive`. It
+ * carries no behavior today (mirrors the empty directive in the portal app);
+ * kept as a named export so it can grow behavior without touching consumers.
+ */
+export declare const coErrorBankLogo: Directive;

package/dist/types/directives/co-tooltip.d.ts

@@ -0,0 +1,29 @@
+import type { Directive } from 'vue';
+interface TooltipElement extends HTMLElement {
+    _coTooltipCleanup?: () => void;
+}
+/**
+ * Hide every currently-mounted DS tooltip. Router-agnostic trigger: the DS exposes
+ * it and the app decides when to fire it, so the DS never depends on `vue-router`.
+ *
+ * Most navigation unmounts the tooltipped element, and `unmounted` already disposes
+ * it — so this is only needed for tooltips on elements that survive navigation (a
+ * persistent shell/header). Wire it once, wherever "dismiss now" makes sense (a
+ * route guard, a modal open, a tab switch):
+ *
+ * ```ts
+ * import { hideOpenTooltips } from '@cobre-npm/ds-v3'
+ * router.beforeEach(() => { hideOpenTooltips() })
+ * ```
+ */
+export declare const hideOpenTooltips: () => void;
+/**
+ * `v-co-tooltip` — activates the Bootstrap tooltip that DS components declare via
+ * `data-bs-toggle="tooltip"` + `title` / `data-bs-original-title`.
+ *
+ * Registered for consumers by the `CobreDirectives` plugin (see `./index`), so an
+ * app only needs `app.use(CobreDirectives)`. For hiding on navigation see
+ * {@link hideOpenTooltips}.
+ */
+export declare const coTooltip: Directive<TooltipElement>;
+export {};

package/dist/types/directives/index.d.ts

@@ -0,0 +1,19 @@
+import type { App } from 'vue';
+import { coTooltip, hideOpenTooltips } from './co-tooltip';
+import { coDropdown } from './co-dropdown';
+import { coErrorBankLogo } from './co-error-bank-logo';
+export { coTooltip, coDropdown, coErrorBankLogo, hideOpenTooltips };
+/**
+ * Vue plugin that registers the DS's custom directives. Many DS components render
+ * `v-co-tooltip` / `v-co-dropdown` in their templates, so consumers must install
+ * this once or Vue logs `Failed to resolve directive: ...` and the behavior never
+ * activates:
+ *
+ * ```ts
+ * import { CobreDirectives } from '@cobre-npm/ds-v3'
+ * app.use(CobreDirectives)
+ * ```
+ */
+export declare const CobreDirectives: {
+    install(app: App): void;
+};

package/dist/types/index.d.ts

@@ -1,4 +1,5 @@
 export * from './components';
+export * from './directives';
 export * from './scss/index.scss';
 export * as CobreUtils from './utils';
 export { Tooltip, Dropdown } from 'bootstrap';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cobre-npm/ds-v3",
-  "version": "0.128.3",
+  "version": "0.130.0",
   "type": "module",
   "packageManager": "pnpm@11.0.4",
   "engines": {