@bikdotai/bik-component-library 0.0.804-beta.9 → 0.0.805-beta.0

package/dist/esm/src/components/multi-level-dropdown/MultiLevelDropdown.styled.d.ts

@@ -1,25 +1,35 @@
 export declare const DropdownContainer: import("styled-components").StyledComponent<"div", any, {
     width?: string | undefined;
+    version?: "1.0" | "2.0" | "3.0" | undefined;
 }, never>;
 export declare const OptionsContainer: import("styled-components").StyledComponent<"div", any, {
     width?: string | undefined;
+    version?: "1.0" | "2.0" | "3.0" | undefined;
 }, never>;
 export declare const NoResultsContainer: import("styled-components").StyledComponent<"div", any, {
     width?: string | undefined;
+    version?: "1.0" | "2.0" | "3.0" | undefined;
+}, never>;
+export declare const GroupedMenuListContainer: import("styled-components").StyledComponent<"div", any, {
+    version?: "1.0" | "2.0" | "3.0" | undefined;
 }, never>;
-export declare const GroupedMenuListContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const StyledMenuList: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const MenuItemWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const MenuItemWrapper: import("styled-components").StyledComponent<"div", any, {
+    version?: "1.0" | "2.0" | "3.0" | undefined;
+}, never>;
 export interface MenuItemContainerProps {
     isSelected?: boolean;
     isHovered?: boolean;
     isSubMenuOpen?: boolean;
     isDisabled?: boolean;
+    version?: '1.0' | '2.0' | '3.0';
 }
 export declare const MenuItemContainer: import("styled-components").StyledComponent<"div", any, MenuItemContainerProps, never>;
 export declare const ContentContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const SubMenuWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const SubMenuListContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const SubMenuListContainer: import("styled-components").StyledComponent<"div", any, {
+    version?: "1.0" | "2.0" | "3.0" | undefined;
+}, never>;
 export declare const LeadingIconContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const TrailingIconContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const SubMenuContainer: import("styled-components").StyledComponent<"div", any, {

package/dist/esm/src/components/multi-level-dropdown/type.d.ts

@@ -8,6 +8,7 @@ export interface MultiLevelDropdownProps extends FloaterProps {
     allowParentSelection?: boolean;
     maxLevels?: number;
     hideGroupLabel?: boolean;
+    version?: '1.0' | '2.0' | '3.0';
     onDropdownOutsideClick?: (isOutsideClick: any) => void;
     onDropdownItemClick?: (option: MultiLevelDropdownOption, parents: MultiLevelDropdownOption[]) => void;
 }

package/dist/esm/src/components/tag/Tag.d.ts

@@ -1,5 +1,5 @@
 import { TagProps } from './model';
 export declare const Tag: {
-    ({ tagText, LeadingIcon, TrailingIcon, onLeadingIconClicked, leadingIconId, trailingIconId, onTrailingIconClicked, theme, type, variant, version, cursor, alignIcon, noBorder, tagHtmlText, contentPadding, leadingIconTooltip, trailingIconTooltip, tagColor, numberOfLines, backgroundColor, borderRadius, size, }: TagProps): import("react/jsx-runtime").JSX.Element;
+    ({ tagText, LeadingIcon, TrailingIcon, onLeadingIconClicked, leadingIconId, trailingIconId, onTrailingIconClicked, theme, type, variant, version, cursor, alignIcon, noBorder, tagHtmlText, contentPadding, padding, height, leadingIconTooltip, trailingIconTooltip, tagColor, numberOfLines, backgroundColor, borderRadius, size, }: TagProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };

package/dist/esm/src/components/tag/Tag.stories.d.ts

@@ -1,22 +1,22 @@
 import { ComponentMeta, ComponentStory } from '@storybook/react';
 declare const _default: ComponentMeta<{
-    ({ tagText, LeadingIcon, TrailingIcon, onLeadingIconClicked, leadingIconId, trailingIconId, onTrailingIconClicked, theme, type, variant, version, cursor, alignIcon, noBorder, tagHtmlText, contentPadding, leadingIconTooltip, trailingIconTooltip, tagColor, numberOfLines, backgroundColor, borderRadius, size, }: import("./model").TagProps): import("react/jsx-runtime").JSX.Element;
+    ({ tagText, LeadingIcon, TrailingIcon, onLeadingIconClicked, leadingIconId, trailingIconId, onTrailingIconClicked, theme, type, variant, version, cursor, alignIcon, noBorder, tagHtmlText, contentPadding, padding, height, leadingIconTooltip, trailingIconTooltip, tagColor, numberOfLines, backgroundColor, borderRadius, size, }: import("./model").TagProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 }>;
 export default _default;
 export declare const Default: ComponentStory<{
-    ({ tagText, LeadingIcon, TrailingIcon, onLeadingIconClicked, leadingIconId, trailingIconId, onTrailingIconClicked, theme, type, variant, version, cursor, alignIcon, noBorder, tagHtmlText, contentPadding, leadingIconTooltip, trailingIconTooltip, tagColor, numberOfLines, backgroundColor, borderRadius, size, }: import("./model").TagProps): import("react/jsx-runtime").JSX.Element;
+    ({ tagText, LeadingIcon, TrailingIcon, onLeadingIconClicked, leadingIconId, trailingIconId, onTrailingIconClicked, theme, type, variant, version, cursor, alignIcon, noBorder, tagHtmlText, contentPadding, padding, height, leadingIconTooltip, trailingIconTooltip, tagColor, numberOfLines, backgroundColor, borderRadius, size, }: import("./model").TagProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 }>;
 export declare const WithIcons: ComponentStory<{
-    ({ tagText, LeadingIcon, TrailingIcon, onLeadingIconClicked, leadingIconId, trailingIconId, onTrailingIconClicked, theme, type, variant, version, cursor, alignIcon, noBorder, tagHtmlText, contentPadding, leadingIconTooltip, trailingIconTooltip, tagColor, numberOfLines, backgroundColor, borderRadius, size, }: import("./model").TagProps): import("react/jsx-runtime").JSX.Element;
+    ({ tagText, LeadingIcon, TrailingIcon, onLeadingIconClicked, leadingIconId, trailingIconId, onTrailingIconClicked, theme, type, variant, version, cursor, alignIcon, noBorder, tagHtmlText, contentPadding, padding, height, leadingIconTooltip, trailingIconTooltip, tagColor, numberOfLines, backgroundColor, borderRadius, size, }: import("./model").TagProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 }>;
 export declare const WithIconTooltips: ComponentStory<{
-    ({ tagText, LeadingIcon, TrailingIcon, onLeadingIconClicked, leadingIconId, trailingIconId, onTrailingIconClicked, theme, type, variant, version, cursor, alignIcon, noBorder, tagHtmlText, contentPadding, leadingIconTooltip, trailingIconTooltip, tagColor, numberOfLines, backgroundColor, borderRadius, size, }: import("./model").TagProps): import("react/jsx-runtime").JSX.Element;
+    ({ tagText, LeadingIcon, TrailingIcon, onLeadingIconClicked, leadingIconId, trailingIconId, onTrailingIconClicked, theme, type, variant, version, cursor, alignIcon, noBorder, tagHtmlText, contentPadding, padding, height, leadingIconTooltip, trailingIconTooltip, tagColor, numberOfLines, backgroundColor, borderRadius, size, }: import("./model").TagProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 }>;
 export declare const DarkTheme: ComponentStory<{
-    ({ tagText, LeadingIcon, TrailingIcon, onLeadingIconClicked, leadingIconId, trailingIconId, onTrailingIconClicked, theme, type, variant, version, cursor, alignIcon, noBorder, tagHtmlText, contentPadding, leadingIconTooltip, trailingIconTooltip, tagColor, numberOfLines, backgroundColor, borderRadius, size, }: import("./model").TagProps): import("react/jsx-runtime").JSX.Element;
+    ({ tagText, LeadingIcon, TrailingIcon, onLeadingIconClicked, leadingIconId, trailingIconId, onTrailingIconClicked, theme, type, variant, version, cursor, alignIcon, noBorder, tagHtmlText, contentPadding, padding, height, leadingIconTooltip, trailingIconTooltip, tagColor, numberOfLines, backgroundColor, borderRadius, size, }: import("./model").TagProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 }>;

package/dist/esm/src/components/tag/Tag.styled.d.ts

@@ -7,11 +7,13 @@ export declare const Tag: import("@emotion/styled").StyledComponent<{
     theme: TagTheme;
     type: TagType;
     variant: TagVariant;
-    version?: "1.0" | "2.0" | undefined;
+    version?: "1.0" | "2.0" | "3.0" | undefined;
     cursor?: string | undefined;
     alignIcon?: string | undefined;
     noBorder?: boolean | undefined;
     contentPadding?: number | undefined;
+    padding?: string | undefined;
+    height?: number | undefined;
     backgroundColor?: string | undefined;
     borderRadius?: string | number | undefined;
     size?: "small" | "regular" | undefined;

package/dist/esm/src/components/tag/model.d.ts

@@ -92,7 +92,11 @@ export interface TagProps extends React.BaseHTMLAttributes<HTMLDivElement> {
      */
     leadingIconTooltip?: Omit<TooltipProps, 'children'>;
     tagText: string | number;
-    version?: '1.0' | '2.0';
+    version?: '1.0' | '2.0' | '3.0';
+    /** Custom CSS padding string, e.g. '4px 8px' */
+    padding?: string;
+    /** Custom height in px */
+    height?: number;
     cursor?: string;
     alignIcon?: string;
     noBorder?: boolean;

package/dist/esm/src/components/whats-new/WhatsNew.d.ts

@@ -13,6 +13,8 @@ interface WhatsNewProps {
     buttonTestId?: string;
     iconWidth?: number;
     iconHeight?: number;
+    iconColor?: string;
+    iconPadding?: number;
     customIcon?: React.ComponentType<{
         width?: number;
         height?: number;

package/dist/esm/src/components/whats-new/WhatsNew.types.d.ts

@@ -35,6 +35,8 @@ export interface WhatsNewButtonProps {
     testId?: string;
     iconWidth?: number;
     iconHeight?: number;
+    iconColor?: string;
+    iconPadding?: number;
     customIcon?: React.ComponentType<{
         width?: number;
         height?: number;

package/dist/esm/src/constants/Theme.d.ts

@@ -1,7 +1,9 @@
 export declare const BASE_COLORS: {
     brand: {
         900: string;
+        850: string;
         800: string;
+        700: string;
         500: string;
         100: string;
         50: string;
@@ -54,6 +56,7 @@ export declare const COLORS: {
         brandVeryLight: string;
         pureWhite: string;
         brandTint: string;
+        brandHovered: string;
         negative: {
             vibrant: string;
             light: string;
@@ -114,6 +117,7 @@ export declare const COLORS: {
             vibrant: string;
         };
         brandLightAlt: string;
+        brandSubdued: string;
         blue: {
             lightAlt: string;
         };
@@ -345,6 +349,7 @@ export declare const DEFAULT_THEME: {
             brandVeryLight: string;
             pureWhite: string;
             brandTint: string;
+            brandHovered: string;
             negative: {
                 vibrant: string;
                 light: string;
@@ -405,6 +410,7 @@ export declare const DEFAULT_THEME: {
                 vibrant: string;
             };
             brandLightAlt: string;
+            brandSubdued: string;
             blue: {
                 lightAlt: string;
             };

package/dist/esm/src/editor/BikEditor.types.d.ts

@@ -688,8 +688,8 @@ export interface BikEditorProps {
     /** Called on every document change. */
     onChange?: (content: EditorSnapshot) => void;
     /**
-     * Called when the user presses Mod+Enter (Cmd on Mac, Ctrl on Win/Linux).
-     * Only fires when this prop is provided.
+     * Called when the user presses the key combo defined by `sendShortcut`.
+     * Only fires when both `onSend` and `sendShortcut` are provided.
      */
     onSend?: (content: EditorSnapshot) => void;
     /** Called when the editor gains focus. */

package/dist/esm/src/editor/BikEditor.utils.d.ts

@@ -16,10 +16,12 @@ import { EditorSnapshot, FormatState } from './BikEditor.types';
  */
 export declare function normalizeHtml(html: string): string;
 /**
- * Insert HTML at the current cursor position as inline content.
- * Parses the HTML into ProseMirror nodes, collects only the inline children
- * (unwrapping block wrappers like <p>), and replaces the current selection
- * with an open Slice so the content merges into the surrounding paragraph.
+ * Insert HTML at the current cursor position, merging the first paragraph
+ * inline while preserving the block structure of subsequent paragraphs/lists.
+ *
+ * Uses `parseSlice` which returns an open-ended Slice — the first block merges
+ * at the cursor, middle blocks stay intact, and the last block merges with any
+ * text that follows the cursor.
  */
 export declare function insertInlineHtml(editor: Editor, html: string): void;
 export declare const SECTION_DIVIDER_HTML: (id: string) => string;

package/dist/esm/src/editor/extensions/buildExtensions.d.ts

@@ -6,10 +6,16 @@ interface ExtensionConfig {
     maxCharacters?: number;
     hasSections?: boolean;
     mentions?: {
-        agents?: MentionItem[];
-        teams?: MentionItem[];
+        agents?: {
+            current: MentionItem[];
+        };
+        teams?: {
+            current: MentionItem[];
+        };
+    };
+    slashCommands?: {
+        current: SlashCommandItem[];
     };
-    slashCommands?: SlashCommandItem[];
     onPaste?: (data: PasteData) => boolean | void;
     onSend?: (content: EditorSnapshot) => void;
     sendShortcut?: {

package/dist/esm/src/editor/extensions/mention/MentionExtension.d.ts

@@ -1,4 +1,8 @@
 import type { ReactNode } from 'react';
 import type { MentionDropdownRenderProps, MentionItem } from '../../BikEditor.types';
-export declare function buildAgentMentionExtension(agents: MentionItem[], onSelect?: (item: MentionItem, char: '@' | '#') => void, renderItem?: (item: MentionItem, isActive: boolean) => ReactNode, renderDropdown?: (props: MentionDropdownRenderProps) => ReactNode): import("@tiptap/core").Node<import("@tiptap/extension-mention").MentionOptions<any, import("@tiptap/extension-mention").MentionNodeAttrs>, any>;
-export declare function buildTeamMentionExtension(teams: MentionItem[], onSelect?: (item: MentionItem, char: '@' | '#') => void, renderItem?: (item: MentionItem, isActive: boolean) => ReactNode, renderDropdown?: (props: MentionDropdownRenderProps) => ReactNode): import("@tiptap/core").Node<import("@tiptap/extension-mention").MentionOptions<any, import("@tiptap/extension-mention").MentionNodeAttrs>, any>;
+export declare function buildAgentMentionExtension(agentsRef: {
+    current: MentionItem[];
+}, onSelect?: (item: MentionItem, char: '@' | '#') => void, renderItem?: (item: MentionItem, isActive: boolean) => ReactNode, renderDropdown?: (props: MentionDropdownRenderProps) => ReactNode): import("@tiptap/core").Node<import("@tiptap/extension-mention").MentionOptions<any, import("@tiptap/extension-mention").MentionNodeAttrs>, any>;
+export declare function buildTeamMentionExtension(teamsRef: {
+    current: MentionItem[];
+}, onSelect?: (item: MentionItem, char: '@' | '#') => void, renderItem?: (item: MentionItem, isActive: boolean) => ReactNode, renderDropdown?: (props: MentionDropdownRenderProps) => ReactNode): import("@tiptap/core").Node<import("@tiptap/extension-mention").MentionOptions<any, import("@tiptap/extension-mention").MentionNodeAttrs>, any>;

package/dist/esm/src/editor/extensions/slashCommand/SlashCommandExtension.d.ts

@@ -1,4 +1,6 @@
 import { Extension } from '@tiptap/core';
 import type { ReactNode } from 'react';
 import type { SlashCommandDropdownRenderProps, SlashCommandItem } from '../../BikEditor.types';
-export declare function buildSlashCommandExtension(commands: SlashCommandItem[], onSelect?: (command: SlashCommandItem) => void, renderItem?: (item: SlashCommandItem, isActive: boolean) => ReactNode, renderDropdown?: (props: SlashCommandDropdownRenderProps) => ReactNode): Extension<any, any>;
+export declare function buildSlashCommandExtension(commandsRef: {
+    current: SlashCommandItem[];
+}, onSelect?: (command: SlashCommandItem) => void, renderItem?: (item: SlashCommandItem, isActive: boolean) => ReactNode, renderDropdown?: (props: SlashCommandDropdownRenderProps) => ReactNode): Extension<any, any>;

package/dist/esm/src/editor/extensions/suggestionPopup.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Lightweight popup positioner for suggestion dropdowns (mentions, slash commands).
+ * Replaces tippy.js — all we need is a positioned container near the cursor
+ * that flips above when there isn't enough room below.
+ */
+export interface SuggestionPopup {
+    show(): void;
+    hide(): void;
+    destroy(): void;
+    updatePosition(clientRect: () => DOMRect | null): void;
+    readonly element: HTMLDivElement;
+}
+export declare function createSuggestionPopup(content: HTMLElement, clientRect: (() => DOMRect | null) | null): SuggestionPopup;

package/dist/esm/src/icons/Arrows/Chevron/ChevronUp.d.ts

@@ -1,7 +1,6 @@
 import type { SVGProps } from 'react';
 interface Props extends SVGProps<SVGSVGElement> {
-    size?: number | string;
     color?: string;
 }
-declare const SvgChevronUp: ({ size, color, ...rest }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const SvgChevronUp: ({ width, height, color, ...rest }: Props) => import("react/jsx-runtime").JSX.Element;
 export default SvgChevronUp;

package/dist/esm/src/index.d.ts

@@ -17,6 +17,7 @@ export * from './components/spinner';
 export * from './components/stepper';
 export * from './components/tag';
 export * from './components/icon-button';
+export * from './components/dual-icon-button';
 export * from './components/template-preview';
 export * from './components/template-context-mapper';
 export * from './components/fab-menu';

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@bikdotai/bik-component-library",
-	"version": "0.0.804-beta.9",
+	"version": "0.0.805-beta.0",
 	"description": "Bik Component Library",
 	"repository": {
 		"type": "git",
@@ -106,7 +106,6 @@
 		"react-slick": "^0.30.2",
 		"react-toastify": "^9.1.2",
 		"slick-carousel": "^1.8.1",
-		"tippy.js": "^6.3.7",
 		"uuid": "^9.0.1"
 	},
 	"devDependencies": {
@@ -154,7 +153,6 @@
 		"@typescript-eslint/parser": "^5.48.1",
 		"@zerollup/ts-transform-paths": "^1.7.18",
 		"babel-loader": "^9.1.2",
-		"caniuse-lite": "^1.0.30001646",
 		"date-fns": "^2.29.3",
 		"eslint": "8.31.0",
 		"eslint-config-prettier": "^8.6.0",