@epam/ai-dial-ui-kit 0.16.0-dev.45 → 0.16.0-dev.47

package/dist/node_modules/react-dnd/dist/internals/DragSourceMonitorImpl.js

@@ -1,88 +0,0 @@
-import { invariant as i } from "../../../@react-dnd/invariant/dist/index.js";
-let e = !1, n = !1;
-class s {
-  receiveHandlerId(t) {
-    this.sourceId = t;
-  }
-  getHandlerId() {
-    return this.sourceId;
-  }
-  canDrag() {
-    i(!e, "You may not call monitor.canDrag() inside your canDrag() implementation. Read more: http://react-dnd.github.io/react-dnd/docs/api/drag-source-monitor");
-    try {
-      return e = !0, this.internalMonitor.canDragSource(this.sourceId);
-    } finally {
-      e = !1;
-    }
-  }
-  isDragging() {
-    if (!this.sourceId)
-      return !1;
-    i(!n, "You may not call monitor.isDragging() inside your isDragging() implementation. Read more: http://react-dnd.github.io/react-dnd/docs/api/drag-source-monitor");
-    try {
-      return n = !0, this.internalMonitor.isDraggingSource(this.sourceId);
-    } finally {
-      n = !1;
-    }
-  }
-  subscribeToStateChange(t, r) {
-    return this.internalMonitor.subscribeToStateChange(t, r);
-  }
-  isDraggingSource(t) {
-    return this.internalMonitor.isDraggingSource(t);
-  }
-  isOverTarget(t, r) {
-    return this.internalMonitor.isOverTarget(t, r);
-  }
-  getTargetIds() {
-    return this.internalMonitor.getTargetIds();
-  }
-  isSourcePublic() {
-    return this.internalMonitor.isSourcePublic();
-  }
-  getSourceId() {
-    return this.internalMonitor.getSourceId();
-  }
-  subscribeToOffsetChange(t) {
-    return this.internalMonitor.subscribeToOffsetChange(t);
-  }
-  canDragSource(t) {
-    return this.internalMonitor.canDragSource(t);
-  }
-  canDropOnTarget(t) {
-    return this.internalMonitor.canDropOnTarget(t);
-  }
-  getItemType() {
-    return this.internalMonitor.getItemType();
-  }
-  getItem() {
-    return this.internalMonitor.getItem();
-  }
-  getDropResult() {
-    return this.internalMonitor.getDropResult();
-  }
-  didDrop() {
-    return this.internalMonitor.didDrop();
-  }
-  getInitialClientOffset() {
-    return this.internalMonitor.getInitialClientOffset();
-  }
-  getInitialSourceClientOffset() {
-    return this.internalMonitor.getInitialSourceClientOffset();
-  }
-  getSourceClientOffset() {
-    return this.internalMonitor.getSourceClientOffset();
-  }
-  getClientOffset() {
-    return this.internalMonitor.getClientOffset();
-  }
-  getDifferenceFromInitialOffset() {
-    return this.internalMonitor.getDifferenceFromInitialOffset();
-  }
-  constructor(t) {
-    this.sourceId = null, this.internalMonitor = t.getMonitor();
-  }
-}
-export {
-  s as DragSourceMonitorImpl
-};

package/dist/node_modules/react-dnd/dist/internals/SourceConnector.js

@@ -1,87 +0,0 @@
-import { shallowEqual as i } from "../../../@react-dnd/shallowequal/dist/index.js";
-import { isRef as n } from "./isRef.js";
-import { wrapConnectorHooks as s } from "./wrapConnectorHooks.js";
-class h {
-  receiveHandlerId(r) {
-    this.handlerId !== r && (this.handlerId = r, this.reconnect());
-  }
-  get connectTarget() {
-    return this.dragSource;
-  }
-  get dragSourceOptions() {
-    return this.dragSourceOptionsInternal;
-  }
-  set dragSourceOptions(r) {
-    this.dragSourceOptionsInternal = r;
-  }
-  get dragPreviewOptions() {
-    return this.dragPreviewOptionsInternal;
-  }
-  set dragPreviewOptions(r) {
-    this.dragPreviewOptionsInternal = r;
-  }
-  reconnect() {
-    const r = this.reconnectDragSource();
-    this.reconnectDragPreview(r);
-  }
-  reconnectDragSource() {
-    const r = this.dragSource, e = this.didHandlerIdChange() || this.didConnectedDragSourceChange() || this.didDragSourceOptionsChange();
-    return e && this.disconnectDragSource(), this.handlerId ? r ? (e && (this.lastConnectedHandlerId = this.handlerId, this.lastConnectedDragSource = r, this.lastConnectedDragSourceOptions = this.dragSourceOptions, this.dragSourceUnsubscribe = this.backend.connectDragSource(this.handlerId, r, this.dragSourceOptions)), e) : (this.lastConnectedDragSource = r, e) : e;
-  }
-  reconnectDragPreview(r = !1) {
-    const e = this.dragPreview, t = r || this.didHandlerIdChange() || this.didConnectedDragPreviewChange() || this.didDragPreviewOptionsChange();
-    if (t && this.disconnectDragPreview(), !!this.handlerId) {
-      if (!e) {
-        this.lastConnectedDragPreview = e;
-        return;
-      }
-      t && (this.lastConnectedHandlerId = this.handlerId, this.lastConnectedDragPreview = e, this.lastConnectedDragPreviewOptions = this.dragPreviewOptions, this.dragPreviewUnsubscribe = this.backend.connectDragPreview(this.handlerId, e, this.dragPreviewOptions));
-    }
-  }
-  didHandlerIdChange() {
-    return this.lastConnectedHandlerId !== this.handlerId;
-  }
-  didConnectedDragSourceChange() {
-    return this.lastConnectedDragSource !== this.dragSource;
-  }
-  didConnectedDragPreviewChange() {
-    return this.lastConnectedDragPreview !== this.dragPreview;
-  }
-  didDragSourceOptionsChange() {
-    return !i(this.lastConnectedDragSourceOptions, this.dragSourceOptions);
-  }
-  didDragPreviewOptionsChange() {
-    return !i(this.lastConnectedDragPreviewOptions, this.dragPreviewOptions);
-  }
-  disconnectDragSource() {
-    this.dragSourceUnsubscribe && (this.dragSourceUnsubscribe(), this.dragSourceUnsubscribe = void 0);
-  }
-  disconnectDragPreview() {
-    this.dragPreviewUnsubscribe && (this.dragPreviewUnsubscribe(), this.dragPreviewUnsubscribe = void 0, this.dragPreviewNode = null, this.dragPreviewRef = null);
-  }
-  get dragSource() {
-    return this.dragSourceNode || this.dragSourceRef && this.dragSourceRef.current;
-  }
-  get dragPreview() {
-    return this.dragPreviewNode || this.dragPreviewRef && this.dragPreviewRef.current;
-  }
-  clearDragSource() {
-    this.dragSourceNode = null, this.dragSourceRef = null;
-  }
-  clearDragPreview() {
-    this.dragPreviewNode = null, this.dragPreviewRef = null;
-  }
-  constructor(r) {
-    this.hooks = s({
-      dragSource: (e, t) => {
-        this.clearDragSource(), this.dragSourceOptions = t || null, n(e) ? this.dragSourceRef = e : this.dragSourceNode = e, this.reconnectDragSource();
-      },
-      dragPreview: (e, t) => {
-        this.clearDragPreview(), this.dragPreviewOptions = t || null, n(e) ? this.dragPreviewRef = e : this.dragPreviewNode = e, this.reconnectDragPreview();
-      }
-    }), this.handlerId = null, this.dragSourceRef = null, this.dragSourceOptionsInternal = null, this.dragPreviewRef = null, this.dragPreviewOptionsInternal = null, this.lastConnectedHandlerId = null, this.lastConnectedDragSource = null, this.lastConnectedDragSourceOptions = null, this.lastConnectedDragPreview = null, this.lastConnectedDragPreviewOptions = null, this.backend = r;
-  }
-}
-export {
-  h as SourceConnector
-};

package/dist/src/components/AutocompleteInput/AutocompleteInputValue.d.ts

@@ -1,34 +0,0 @@
-import { FC } from 'react';
-export interface DialAutocompleteInputValueProps {
-    placeholder?: string;
-    selectedItems?: string[];
-    listClassName?: string;
-    listElementClassName?: string;
-    collapseTagOverflow?: boolean;
-}
-/**
- * A component that displays a list of selected items in a customizable, styled list. Each item is
- * aliases: SelectedList|ItemDisplay
- * Design system 1.0
- *
- * rendered as a tag wrapped in a tooltip, allowing for truncation and additional context when
- * hovered. The component is flexible and supports custom CSS classes for styling the list and
- * individual list items.
- *
- * @example
- * ```tsx
- * <DialAutocompleteInputValue
- *   selectedItems={['Item 1', 'Item 2', 'Item 3']}
- *   listClassName="custom-list-class"
- *   listElementClassName="custom-item-class"
- *   collapseTagOverflow
- * />
- * ```
- *
- * @param [placeholder] - Placeholder text to display when no items are selected.
- * @param [selectedItems] - An array of strings representing the selected items to display. If empty or undefined, the component renders nothing.
- * @param [listClassName] - Additional CSS classes applied to the container element containing the list of selected items.
- * @param [listElementClassName] - Additional CSS classes applied to each tag element representing an individual selected item.
- * @param [collapseTagOverflow=false] - When true, keeps items on one line and shows `+N` chip with a tooltip for overflow items.
- */
-export declare const DialAutocompleteInputValue: FC<DialAutocompleteInputValueProps>;

package/dist/src/components/ButtonDropdown/ButtonDropdown.d.ts

@@ -1,24 +0,0 @@
-import { FC } from 'react';
-import { DialButtonProps } from '../Button/Button';
-import { DropdownItem } from '../../models/dropdown';
-export interface DialButtonDropdownProps extends Omit<DialButtonProps, 'iconAfter'> {
-    items: DropdownItem[];
-}
-/**
- * A Button dropdown component based on DialDropdown component
- * aliases: SplitButton|MenuButton
- * Design system 1.0
- *
- * @example
- * ```tsx
- * <DialButtonDropdown
- *   title="Click me"
- *   variant={ButtonVariant.Neutral}
- *   items={[{ key: 'profile', label: 'Profile' }, { key: 'logout', label: 'Logout' }]}
- * />
- * ```
- *
- * Inherits all props from DialButton.
- * @param [items] - DropdownItems with actions
- */
-export declare const DialButtonDropdown: FC<DialButtonDropdownProps>;

package/dist/src/components/ButtonDropdown/constants.d.ts

@@ -1,2 +0,0 @@
-export declare const buttonChevronDown: import('react/jsx-runtime').JSX.Element;
-export declare const buttonChevronUp: import('react/jsx-runtime').JSX.Element;

package/dist/src/components/Checkbox/Checkbox.d.ts

@@ -1,36 +0,0 @@
-import { FC, ReactNode, LabelHTMLAttributes } from 'react';
-export interface DialCheckboxProps extends Omit<LabelHTMLAttributes<HTMLLabelElement>, 'onChange'> {
-    id: string;
-    label?: ReactNode;
-    checked: boolean;
-    disabled?: boolean;
-    indeterminate?: boolean;
-    ariaLabel?: string;
-    onChange?: (value?: boolean, id?: string) => void;
-}
-/**
- * A Checkbox component with styling options
- * aliases: ToggleCheckbox|MultiSelectOption
- * Design system 1.0
- *
- * @example
- * ```tsx
- * <DialCheckbox
- *   id="checkbox"
- *   label="Dial Checkbox"
- *   checked={true}
- *   disabled={false}
- *   onChange={(value) => console.log(value)}
- * />
- * ```
- *
- * @param id - Unique identifier for the checkbox element
- * @param [label] - The label text for the field
- * @param [checked] - The current value of the checkbox
- * @param [disabled=false] - Whether the checkbox is disabled
- * @param [indeterminate=false] - indeterminate state
- * @param [ariaLabel] - Accessible label for screen readers when no title is provided
- * @param [onChange] - Callback function called when the checkbox value changes
- * @param [className] - Additional CSS classes to apply to the checkbox wrapper
- */
-export declare const DialCheckbox: FC<DialCheckboxProps>;

package/dist/src/components/Checkbox/constants.d.ts

@@ -1 +0,0 @@
-export declare const ariaDescription = "checkbox-container";

package/dist/src/components/CollapsibleSidebar/CollapsibleSidebar.d.ts

@@ -1,46 +0,0 @@
-import { FC, MouseEvent, ReactNode } from 'react';
-export interface DialCollapsibleSidebarProps {
-    children: ReactNode;
-    width?: number;
-    title: ReactNode;
-    titleClassName?: string;
-    containerClassName?: string;
-    iconSize?: number;
-    additionalButtons?: ReactNode;
-    iconStroke?: number;
-    isOpened?: boolean;
-    onToggle?: (nextOpened: boolean, e: MouseEvent<HTMLButtonElement>) => void;
-}
-/**
- * A collapsible horizontal bar component that allows toggling between an expanded and collapsed state.
- * aliases: ToggleSidebar|CollapsiblePanel
- * Design system 1.0
- *
- * It supports customizable width, title, icons, additional buttons, and flexible styling options.
- *
- * @example
- * ```tsx
- * <DialCollapsibleSidebar
- *   width={300}
- *   title="Menu"
- *   titleClassName="text-primary font-bold"
- *   containerClassName="bg-gray-100 shadow-md"
- *   iconSize={24}
- *   additionalButtons={<button>Extra</button>}
- * >
- *   <div>Content goes here</div>
- * </DialCollapsibleSidebar>
- * ```
- *
- * @param children - The content to display inside the collapsible bar when expanded
- * @param [width = 280] - The width of the bar when expanded
- * @param title - The title displayed when the bar is collapsed
- * @param [titleClassName] - Additional CSS classes applied to the title element
- * @param [containerClassName] - Additional CSS classes applied to the container element
- * @param [iconSize = 32] - The size of the toggle icons. Defaults to 32
- * @param [iconStroke = 1.5] - The stroke width of the toggle icons. Defaults to 1.5
- * @param [additionalButtons] - Additional buttons or elements displayed next to the toggle button when expanded
- * @param [isOpened] - When provided, the component becomes controlled by this value
- * @param [onToggle] - Fired when user clicks the toggle in controlled mode, with the next state
- */
-export declare const DialCollapsibleSidebar: FC<DialCollapsibleSidebarProps>;

package/dist/src/components/ConfirmationPopup/ConfirmationPopup.d.ts

@@ -1,55 +0,0 @@
-import { FC, ReactNode } from 'react';
-import { DialPopupProps } from '../Popup/Popup';
-import { ConfirmationPopupVariant } from '../../types/confirmation-popup';
-export interface DialConfirmationPopupProps extends DialPopupProps {
-    description?: ReactNode;
-    descriptionClassName?: string;
-    confirmLabel?: string;
-    cancelLabel?: string;
-    isLoading?: boolean;
-    disableConfirmButton?: boolean;
-    confirmClassName?: string;
-    onConfirm: () => void;
-    onCancel?: () => void;
-    children?: ReactNode;
-    variant?: ConfirmationPopupVariant;
-}
-/**
- * A confirmation dialog built with DialPopup and DialButton.
- * aliases: ConfirmDialog|WarningDialog
- * Design system 1.0
- *
- * Provides an accessible modal with a title, optional description or custom content,
- * and a footer with Cancel / Confirm actions.
- *
- * @example
- * ```tsx
- * <ConfirmationModal
- *   open
- *   header="Delete item?"
- *   description="This action cannot be undone."
- *   confirmLabel="Delete"
- *   onClose={() => setOpen(false)}
- *   onConfirm={handleDelete}
- * />
- * ```
- *
- * @param header - Title content for the header
- * @param [description] - Secondary text (ignored when `children` set)
- * @param [descriptionClassName] - Custom CSS class for the description
- * @param [open=false] - Controls visibility of the popup
- * @param [confirmLabel="Ok"] - Label for the confirm button
- * @param [cancelLabel="Cancel"] - Label for the cancel button
- * @param [isLoading=false] - Shows loader placeholder and hides actions
- * @param [disableConfirmButton=false] - Disables the confirm button
- * @param [className] - Extra classes for the popup container
- * @param [confirmClassName] - Extra classes merged into the confirm button
- * @param onClose - Fired on close
- * @param onConfirm - Fired on confirm
- * @param [onCancel] - Fired on cancel (falls back to `onClose`)
- * @param [children] - Custom body content
- * @param [dividers=false] - Whether to render separators between sections
- * @param [variant=ConfirmationPopupVariant.Info] - Visual variant for the popup
- * @param [size=PopupSize.Sm] - Size of the popup
- */
-export declare const DialConfirmationPopup: FC<DialConfirmationPopupProps>;

package/dist/src/components/ConfirmationPopup/constants.d.ts

@@ -1,18 +0,0 @@
-import { ButtonAppearance, ButtonVariant } from '../../types/button';
-import { ConfirmationPopupVariant } from '../../types/confirmation-popup';
-export declare const actionsBaseClassName = "flex justify-end gap-2 px-6 py-4 border-t border-tertiary";
-export declare const descriptionBaseClassName = "text-secondary dial-small-text px-6 pb-4";
-export declare const defaultCancelLabel = "Cancel";
-export declare const defaultConfirmLabel = "Ok";
-export declare const variantConfig: Record<ConfirmationPopupVariant, {
-    container?: string;
-    confirm?: {
-        variant: ButtonVariant;
-        appearance: ButtonAppearance;
-    };
-    confirmClassName?: string;
-    cancel?: {
-        variant: ButtonVariant;
-        appearance: ButtonAppearance;
-    };
-}>;

package/dist/src/components/DraggableItem/DraggableItem.d.ts

@@ -1,33 +0,0 @@
-import { FC, ReactNode } from 'react';
-export interface DialDraggableItemProps {
-    id: string;
-    children: ReactNode;
-    className?: string;
-    ariaLabel?: string;
-    onFind?: (field: string) => number;
-    onMove?: (field: string, atIndex: number) => void;
-}
-/**
- * A lightweight wrapper that makes its children sortable via drag-and-drop.
- * aliases: SortableItem|DragHandle
- * Design system 1.0
- *
- * Renders a row with a grab handle (left) and the provided content (right).
- * Integrates with `react-dnd` using a simple "column" drag type and delegates
- * reordering logic to the provided `findItem` and `moveItem` callbacks.
- *
- * @example
- * ```tsx
- * <DialDraggableItem id="a" findItem={find} moveItem={move}>
- *   <span>Item A</span>
- * </DialDraggableItem>
- * ```
- *
- * @param id - Unique identifier of the draggable item
- * @param children - Content rendered within the draggable row
- * @param [className] - Additional CSS classes applied to the root container
- * @param [onFind] - Function to resolve an item's current index by id
- * @param [onMove] - Function to move an item (by id) to a target index
- * @param [ariaLabel='Drag item'] - Accessible label for the handle
- */
-export declare const DialDraggableItem: FC<DialDraggableItemProps>;

package/dist/src/components/DraggableItem/constants.d.ts

@@ -1,3 +0,0 @@
-export declare const DRAG_TYPE = "column";
-export declare const containerBaseClassName = "flex items-center";
-export declare const handleBaseClassName = "mr-3 cursor-move text-secondary";

package/dist/src/components/DropdownIcon/DropdownIcon.d.ts

@@ -1,38 +0,0 @@
-import { FC, ReactNode } from 'react';
-import { DialDropdownProps } from '../Dropdown/Dropdown';
-import { ElementSize } from '../../types/size';
-export interface DialDropdownIconProps extends Omit<DialDropdownProps, 'children' | 'className'> {
-    icon: ReactNode;
-    ariaLabel: string;
-    size?: ElementSize;
-    className?: string;
-    buttonClassName?: string;
-    iconClassName?: string;
-    caretIcon?: ReactNode;
-    showCaret?: boolean;
-}
-/**
- * A compact icon trigger with a dropdown menu.
- * aliases: ModelPicker|IconMenu|AvatarDropdown
- * Design system 1.0
- *
- * @example
- * ```tsx
- * <DialDropdownIcon
- *   ariaLabel="Select model"
- *   icon={<IconBrandOpenai size={18} />}
- *   items={items}
- * />
- * ```
- *
- * @param items - Menu items to display.
- * @param icon - Primary trigger icon.
- * @param ariaLabel - Accessible name for the trigger button.
- * @param [size=ElementSize.Standard] - Trigger size.
- * @param [className] - Additional CSS classes applied to the dropdown wrapper.
- * @param [buttonClassName] - Additional CSS classes applied to the trigger button.
- * @param [iconClassName] - Additional CSS classes applied to the primary icon wrapper.
- * @param [caretIcon] - Custom caret icon.
- * @param [showCaret=true] - Whether to render the caret.
- */
-export declare const DialDropdownIcon: FC<DialDropdownIconProps>;

package/dist/src/components/FileIcon/FileIcon.d.ts

@@ -1,33 +0,0 @@
-import { FC, ReactNode } from 'react';
-export interface DialFileIconProps {
-    extension?: string;
-    size?: number;
-    stroke?: number;
-    className?: string;
-    decorative?: boolean;
-    label?: ReactNode;
-    indicator?: ReactNode;
-}
-/**
- * Renders a file-type icon based on a file extension.
- * aliases: ExtensionIcon|TypeIcon
- * Design system 1.0
- *
- * Uses DialIcon to provide consistent icon wrapper styling.
- *
- * @example
- * ```tsx
- * <DialFileIcon extension=".pdf" />
- * <DialFileIcon extension="tsx" size={28} stroke={1.25} />
- * <DialFileIcon extension="unknown" decorative /> // decorative, hidden from AT
- * ```
- *
- * @param extension - File extension string (with or without leading dot)
- * @param [size=baseIconProps.size] - Icon pixel size
- * @param [stroke=baseIconProps.stroke] - Tabler icon stroke width
- * @param [className] - Additional classes on the container
- * @param [decorative=false] - Whether the icon should be hidden from assistive technologies
- * @param [label] - Accessible label when not decorative; defaults to "<EXT> file icon"
- * @param [indicator] - Optional indicator element to display alongside the icon
- */
-export declare const DialFileIcon: FC<DialFileIconProps>;

package/dist/src/components/FileIcon/constants.d.ts

@@ -1,9 +0,0 @@
-import { ReactNode } from 'react';
-export type ExtensionKey = '.bmp' | '.cpp' | '.c' | '.cs' | '.css' | '.csv' | '.doc' | '.docx' | '.html' | '.ini' | '.jpg' | '.js' | '.json' | '.jsx' | '.md' | '.pdf' | '.php' | '.png' | '.ppt' | '.py' | '.rs' | '.sql' | '.svg' | '.ts' | '.tsx' | '.txt' | '.vue' | '.xls' | '.xml' | '.zip';
-export interface BaseFileIconOpts {
-    size?: number;
-    stroke?: number;
-    className?: string;
-}
-export declare const fileIconFactories: Record<string, (opts: BaseFileIconOpts) => ReactNode>;
-export declare const supportedExtensions: ExtensionKey[];

package/dist/src/components/FileName/FileName.d.ts

@@ -1,49 +0,0 @@
-import { FC, ReactNode } from 'react';
-export interface DialFileNameProps {
-    name: string;
-    fileExtension?: string;
-    className?: string;
-    shared?: boolean;
-    iconSize?: number;
-    details?: ReactNode;
-    sharedIndicatorClassName?: string;
-    sharedIndicatorTooltip?: ReactNode;
-    hideTooltip?: boolean;
-    isInvalidName?: boolean;
-    tooltipContent?: ReactNode;
-}
-/**
- * Component to display a file name with a file icon and shared indicator.
- * aliases: FileDisplay|NameDisplay
- * Design system 1.0
- *
- * Handles long names with ellipsis and tooltip.
- *
- * If `details` is provided (e.g., file size, date), the component switches to
- * a vertical layout and renders the extra information below the file name.
- *
- * @example
- * ```tsx
- * // Without details
- * <DialFileName name="Document.pdf" />
- *
- * // With details (file size and updated date)
- * <DialFileName
- *   name="Document.pdf"
- *   details={<span className="text-secondary">24 KB · Jul 20, 2025</span>}
- * />
- * ```
- *
- * @param name - Full file name with or without extension.
- * @param className - Additional CSS classes for the root container.
- * @param shared - Whether the file is shared.
- * @param iconSize - Icon size in px. Default: BASE_ICON_SIZE.
- * @param details - Optional metadata block displayed under the file name (e.g., size, modified date).
- * @param sharedIndicatorClassName - Additional CSS classes for the shared indicator.
- * @param sharedIndicatorTooltip - Custom tooltip content for the shared indicator; defaults to "Shared"
- * @param isInvalidName - If true, applies disabled styling to indicate the file name has invalid characters.
- * @param tooltipContent - Custom tooltip content to show when the name is truncated; defaults to showing the full name.
-
-
- */
-export declare const DialFileName: FC<DialFileNameProps>;

package/dist/src/components/FolderName/FolderName.d.ts

@@ -1,37 +0,0 @@
-import { FC, ReactNode } from 'react';
-export interface DialFolderNameProps {
-    name: string;
-    shared?: boolean;
-    loading?: boolean;
-    iconSize?: number;
-    className?: string;
-    sharedIndicatorClassName?: string;
-    sharedIndicatorTooltip?: ReactNode;
-    hideTooltip?: boolean;
-    isInvalidName?: boolean;
-    tooltipContent?: ReactNode;
-}
-/**
- * Component to display a folder name with a folder icon and shared indicator.
- * aliases: FolderDisplay|DirectoryName
- * Design system 1.0
- *
- * Handles long names with ellipsis and tooltip.
- *
- * @example
- * ```tsx
- * <DialFolderName name="Organization" />
- * ```
- *
- * @param name - Folder name
- * @param className - Additional CSS classes for the root container
- * @param shared - If true, shows shared indicator. Default: false.
- * @param loading - If true, shows loading state. Default: false.
- * @param iconSize - Icon size in px. Default: BASE_ICON_SIZE.
- * @param sharedIndicatorClassName - Additional CSS classes for the shared indicator
- * @param sharedIndicatorTooltip - Custom tooltip content for the shared indicator; defaults to "Shared"
- * @param isInvalidName - If true, applies disabled styling to indicate the file name has invalid characters.
- * @param hideTooltip - If true, disables the tooltip even if the name is truncated.
- * @param tooltipContent - Custom tooltip content to show when the name is truncated; defaults to showing the full name.
- */
-export declare const DialFolderName: FC<DialFolderNameProps>;