lime-elements-vue 3.0.0-beta.3 → 3.0.0-beta.5

package/dist/index.d.ts

@@ -1,316 +1,933 @@
-import { JSX } from '@limetech/lime-elements/dist/types/components';
-import { Plugin as Plugin_2 } from 'vue';
-import { StencilVueComponent } from '@stencil/vue-output-target/runtime';
-
-export declare const LimeElementsVue: Plugin_2;
-
-export declare const Limel3dHoverEffectGlow: StencilVueComponent<JSX.Limel3dHoverEffectGlow>;
-
-export declare const LimelActionBar: StencilVueComponent<JSX.LimelActionBar>;
-
-export declare const LimelActionBarItem: StencilVueComponent<JSX.LimelActionBarItem>;
-
-export declare const LimelActionBarOverflowMenu: StencilVueComponent<JSX.LimelActionBarOverflowMenu>;
-
-export declare const LimelAiAvatar: StencilVueComponent<JSX.LimelAiAvatar>;
-
-export declare const LimelBadge: StencilVueComponent<JSX.LimelBadge>;
-
-export declare const LimelBanner: StencilVueComponent<JSX.LimelBanner>;
-
-export declare const LimelBreadcrumbs: StencilVueComponent<JSX.LimelBreadcrumbs>;
-
-export declare const LimelButton: StencilVueComponent<JSX.LimelButton>;
-
-export declare const LimelButtonGroup: StencilVueComponent<JSX.LimelButtonGroup>;
-
-export declare const LimelCallout: StencilVueComponent<JSX.LimelCallout>;
-
-export declare const LimelCard: StencilVueComponent<JSX.LimelCard>;
-
-export declare const LimelChart: StencilVueComponent<JSX.LimelChart>;
-
-export declare const LimelCheckbox: StencilVueComponent<JSX.LimelCheckbox>;
-
-export declare const LimelChip: StencilVueComponent<JSX.LimelChip>;
-
-export declare const LimelChipSet: StencilVueComponent<JSX.LimelChipSet>;
-
-export declare const LimelCircularProgress: StencilVueComponent<JSX.LimelCircularProgress>;
-
-export declare const LimelCodeDiff: StencilVueComponent<JSX.LimelCodeDiff>;
-
-export declare const LimelCodeEditor: StencilVueComponent<JSX.LimelCodeEditor>;
-
-export declare const LimelCollapsibleSection: StencilVueComponent<JSX.LimelCollapsibleSection>;
-
-export declare const LimelColorPicker: StencilVueComponent<JSX.LimelColorPicker>;
-
-export declare const LimelColorPickerPalette: StencilVueComponent<JSX.LimelColorPickerPalette>;
-
-export declare const LimelConfig: StencilVueComponent<JSX.LimelConfig>;
-
-export declare const LimelDatePicker: StencilVueComponent<JSX.LimelDatePicker>;
-
-export declare const LimelDialog: StencilVueComponent<JSX.LimelDialog>;
-
-export declare const LimelDock: StencilVueComponent<JSX.LimelDock>;
-
-export declare const LimelDockButton: StencilVueComponent<JSX.LimelDockButton>;
-
-export declare const LimelDragHandle: StencilVueComponent<JSX.LimelDragHandle>;
-
-export declare const LimelDynamicLabel: StencilVueComponent<JSX.LimelDynamicLabel>;
-
-export declare const LimelEmailViewer: StencilVueComponent<JSX.LimelEmailViewer>;
-
-export declare const LimelFile: StencilVueComponent<JSX.LimelFile>;
-
-export declare const LimelFileDropzone: StencilVueComponent<JSX.LimelFileDropzone>;
-
-export declare const LimelFileInput: StencilVueComponent<JSX.LimelFileInput>;
-
-export declare const LimelFileViewer: StencilVueComponent<JSX.LimelFileViewer>;
-
-export declare const LimelFlatpickrAdapter: StencilVueComponent<JSX.LimelFlatpickrAdapter>;
-
-export declare const LimelFlexContainer: StencilVueComponent<JSX.LimelFlexContainer>;
-
-export declare const LimelForm: StencilVueComponent<JSX.LimelForm>;
-
-export declare const LimelGrid: StencilVueComponent<JSX.LimelGrid>;
-
-export declare const LimelHeader: StencilVueComponent<JSX.LimelHeader>;
-
-export declare const LimelHelp: StencilVueComponent<JSX.LimelHelp>;
-
-export declare const LimelHelpContent: StencilVueComponent<JSX.LimelHelpContent>;
-
-export declare const LimelHelperLine: StencilVueComponent<JSX.LimelHelperLine>;
-
-export declare const LimelHotkey: StencilVueComponent<JSX.LimelHotkey>;
-
-export declare const LimelIcon: StencilVueComponent<JSX.LimelIcon>;
-
-export declare const LimelIconButton: StencilVueComponent<JSX.LimelIconButton>;
-
-export declare const LimelInfoTile: StencilVueComponent<JSX.LimelInfoTile>;
-
-export declare const LimelInputField: StencilVueComponent<JSX.LimelInputField>;
-
-export declare const LimelLinearProgress: StencilVueComponent<JSX.LimelLinearProgress>;
-
-export declare const LimelList: StencilVueComponent<JSX.LimelList>;
-
-export declare const LimelListItem: StencilVueComponent<JSX.LimelListItem>;
-
-export declare const LimelMarkdown: StencilVueComponent<JSX.LimelMarkdown>;
-
-export declare const LimelMasonryLayout: StencilVueComponent<JSX.LimelMasonryLayout>;
-
-export declare const LimelMenu: StencilVueComponent<JSX.LimelMenu>;
-
-export declare const LimelMenuItemMeta: StencilVueComponent<JSX.LimelMenuItemMeta>;
-
-export declare const LimelMenuList: StencilVueComponent<JSX.LimelMenuList>;
-
-export declare const LimelMenuSurface: StencilVueComponent<JSX.LimelMenuSurface>;
-
-export declare const LimelNotchedOutline: StencilVueComponent<JSX.LimelNotchedOutline>;
-
-export declare const LimelPicker: StencilVueComponent<JSX.LimelPicker>;
-
-export declare const LimelPopover: StencilVueComponent<JSX.LimelPopover>;
-
-export declare const LimelPopoverSurface: StencilVueComponent<JSX.LimelPopoverSurface>;
-
-export declare const LimelPortal: StencilVueComponent<JSX.LimelPortal>;
-
-export declare const LimelProfilePicture: StencilVueComponent<JSX.LimelProfilePicture>;
-
-export declare const LimelProgressFlow: StencilVueComponent<JSX.LimelProgressFlow>;
-
-export declare const LimelProgressFlowItem: StencilVueComponent<JSX.LimelProgressFlowItem>;
-
-export declare const LimelProsemirrorAdapter: StencilVueComponent<JSX.LimelProsemirrorAdapter>;
-
-export declare const LimelRadioButton: StencilVueComponent<JSX.LimelRadioButton>;
-
-export declare const LimelRadioButtonGroup: StencilVueComponent<JSX.LimelRadioButtonGroup>;
-
-export declare const LimelSelect: StencilVueComponent<JSX.LimelSelect>;
-
-export declare const LimelShortcut: StencilVueComponent<JSX.LimelShortcut>;
-
-export declare const LimelSlider: StencilVueComponent<JSX.LimelSlider>;
-
-export declare const LimelSnackbar: StencilVueComponent<JSX.LimelSnackbar>;
-
-export declare const LimelSpinner: StencilVueComponent<JSX.LimelSpinner>;
-
-export declare const LimelSplitButton: StencilVueComponent<JSX.LimelSplitButton>;
-
-export declare const LimelSwitch: StencilVueComponent<JSX.LimelSwitch>;
-
-export declare const LimelTabBar: StencilVueComponent<JSX.LimelTabBar>;
-
-export declare const LimelTable: StencilVueComponent<JSX.LimelTable>;
-
-export declare const LimelTabPanel: StencilVueComponent<JSX.LimelTabPanel>;
-
-export declare const LimelTextEditor: StencilVueComponent<JSX.LimelTextEditor>;
-
-export declare const LimelTextEditorLinkMenu: StencilVueComponent<JSX.LimelTextEditorLinkMenu>;
-
-export declare const LimelTooltip: StencilVueComponent<JSX.LimelTooltip>;
-
-export declare const LimelTooltipContent: StencilVueComponent<JSX.LimelTooltipContent>;
-
-
-/**
- * @internal
- */
-export declare namespace _Internal {
-    /**
-     * @internal
-     */
-    type Hue = 'red' | 'pink' | 'magenta' | 'purple' | 'violet' | 'indigo' | 'blue' | 'cyan' | 'teal' | 'green' | 'lime' | 'yellow' | 'amber' | 'orange' | 'coral' | 'brown' | 'grey' | 'glaucous';
-    /**
-     * @internal
-     */
-    type Brightness = 'lighter' | 'light' | 'default' | 'dark' | 'darker';
-    /**
-     * @internal
-     */
-    type HueColor = `--color-${Hue}-${Brightness}`;
-    /**
-     * @internal
-     */
-    type BlackColor = '--color-black';
-    /**
-     * @internal
-     */
-    type WhiteColor = '--color-white';
-    /**
-     * @internal
-     */
-    type ContrastValue = 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | 1000 | 1100 | 1200 | 1300 | 1400 | 1500 | 1600 | 1700;
-    /**
-     * @internal
-     */
-    type ContrastColor = `--contrast-${ContrastValue}`;
-    /**
-     * @internal
-     */
-    type BrandHue = 'lime-green' | 'ocean-teal' | 'aqua' | 'bubblegum' | 'sunny-orange' | 'cool-grey';
-    /**
-     * @internal
-     */
-    type BrandColor = `--lime-brand-color-${BrandHue}`;
-}
+// Auto-generated explicit component types for Vue IDE support
+// Generated from @limetech/lime-elements type definitions
+import type { DefineComponent } from 'vue';
+import type {
+  Action,
+  ActionBarItem,
+  ActionPosition,
+  ActionScrollBehavior,
+  AiAvatarMode,
+  AiAvatarVariant,
+  BreadcrumbsItem,
+  Button,
+  CalloutType,
+  ChartItem,
+  Chip,
+  ChipType,
+  CircularProgressSize,
+  ClosingActions,
+  CodeDiffLayout,
+  ColorScheme,
+  Column,
+  ColumnAggregate,
+  ColumnSorter,
+  Config,
+  CustomColorSwatch,
+  CustomElementDefinition,
+  CustomPalette,
+  DateType,
+  DialogHeading,
+  DockItem,
+  EditorTextLink,
+  EditorUiType,
+  Email,
+  FileInfo,
+  FlexContainerAlign,
+  FlexContainerDirection,
+  FlexContainerJustify,
+  FlowItem,
+  FormError,
+  FormSchema,
+  Icon,
+  IconName,
+  IconSize,
+  Image,
+  InfoTileProgress,
+  InlineImages,
+  InputType,
+  Label,
+  LabelValue,
+  Language,
+  Languages,
+  Layout,
+  Link,
+  ListItem,
+  ListSeparator,
+  ListSeparator1,
+  ListType,
+  MenuItem,
+  MenuItem1,
+  MenuSearcher,
+  OfficeViewer,
+  OpenDirection,
+  Option,
+  PickerItem,
+  ResizeOptions,
+  RowData,
+  Searcher,
+  SpinnerSize,
+  SurfaceWidth,
+  Tab,
+  TriggerCharacter,
+  ValidationError,
+} from '@limetech/lime-elements';
 
+// Types referenced but not exported from lime-elements
+type Component = any;
+type Date = any;
+type HTMLCollection = any;
+type Width = any;
 
-declare module 'json-schema' {
-    interface JSONSchema7 {
-        /**
-         * Unique identifier for the schema
-         * @internal
-         */
-        id?: string;
-        /**
-         * Lime elements specific options that can be specified in a schema
-         */
-        lime?: Omit<LimeSchemaOptions, 'layout'> & {
-            layout?: Partial<LimeLayoutOptions>;
-        };
-    }
-}
+export declare const Limel3dHoverEffectGlow: DefineComponent<{}>;
+
+export declare const LimelActionBar: DefineComponent<{
+  accessibleLabel?: string;
+  actions?: Array<ActionBarItem | ListSeparator>;
+  collapsible?: boolean;
+  language?: Languages;
+  layout?: 'fullWidth' | 'floating';
+  openDirection?: OpenDirection;
+}>;
+
+export declare const LimelActionBarItem: DefineComponent<{
+  isVisible?: boolean;
+  item: ActionBarItem | ListSeparator;
+  selected?: boolean;
+}>;
+
+export declare const LimelActionBarOverflowMenu: DefineComponent<{
+  items?: Array<MenuItem | ListSeparator>;
+  openDirection?: OpenDirection;
+}>;
+
+export declare const LimelAiAvatar: DefineComponent<{
+  isThinking?: boolean;
+  language?: Languages;
+  mode?: AiAvatarMode;
+  variant?: AiAvatarVariant;
+}>;
+
+export declare const LimelBadge: DefineComponent<{
+  label?: number | string;
+}>;
+
+export declare const LimelBanner: DefineComponent<{
+  icon?: IconName;
+  message?: string;
+}>;
+
+export declare const LimelBreadcrumbs: DefineComponent<{
+  divider?: string;
+  items?: BreadcrumbsItem[];
+}>;
+
+export declare const LimelButton: DefineComponent<{
+  disabled?: boolean;
+  icon?: IconName | Icon;
+  label?: string;
+  loading?: boolean;
+  loadingFailed?: boolean;
+  outlined?: boolean;
+  primary?: boolean;
+}>;
+
+export declare const LimelButtonGroup: DefineComponent<{
+  disabled?: boolean;
+  value?: Button[];
+}>;
+
+export declare const LimelCallout: DefineComponent<{
+  heading?: string;
+  icon?: string;
+  language?: Languages;
+  type?: CalloutType;
+}>;
+
+export declare const LimelCard: DefineComponent<{
+  actions?: Array<ActionBarItem | ListSeparator1>;
+  clickable?: boolean;
+  heading?: string;
+  icon?: IconName | Icon;
+  image?: Image;
+  orientation?: 'landscape' | 'portrait';
+  selected?: boolean;
+  show3dEffect?: boolean;
+  subheading?: string;
+  value?: string;
+}>;
+
+export declare const LimelChart: DefineComponent<{
+  accessibleItemsLabel?: string;
+  accessibleLabel?: string;
+  accessibleValuesLabel?: string;
+  axisIncrement?: number;
+  displayAxisLabels?: boolean;
+  displayItemText?: boolean;
+  displayItemValue?: boolean;
+  items: ChartItem[];
+  language?: Languages;
+  loading?: boolean;
+  maxValue?: number;
+  orientation?: 'landscape' | 'portrait';
+}>;
+
+export declare const LimelCheckbox: DefineComponent<{
+  checked?: boolean;
+  disabled?: boolean;
+  helperText?: string;
+  indeterminate?: boolean;
+  invalid?: boolean;
+  label?: string;
+  readonly?: boolean;
+  readonlyLabels?: Array<Label<boolean>>;
+  required?: boolean;
+}>;
+
+export declare const LimelChip: DefineComponent<{
+  badge?: string | number;
+  disabled?: boolean;
+  icon?: IconName | Icon;
+  identifier?: number | string;
+  image?: Image;
+  invalid?: boolean;
+  language?: Languages;
+  link?: Omit<Link, 'text'>;
+  loading?: boolean;
+  menuItems?: Array<MenuItem1 | ListSeparator>;
+  progress?: number;
+  readonly?: boolean;
+  removable?: boolean;
+  selected?: boolean;
+  size?: 'small' | 'default';
+  text?: string;
+  type?: ChipType;
+}>;
+
+export declare const LimelChipSet: DefineComponent<{
+  autocomplete?: string;
+  clearAllButton?: boolean;
+  delimiter?: string;
+  disabled?: boolean;
+  emptyInputOnBlur?: boolean;
+  emptyInputOnChange?: boolean;
+  helperText?: string;
+  inputType?: 'search' | 'text';
+  invalid?: boolean;
+  label?: string;
+  language?: Languages;
+  leadingIcon?: IconName;
+  maxItems?: number;
+  readonly?: boolean;
+  required?: boolean;
+  searchLabel?: string;
+  type?: 'choice' | 'filter' | 'input';
+  value?: Chip[];
+}>;
+
+export declare const LimelCircularProgress: DefineComponent<{
+  displayPercentageColors?: boolean;
+  maxValue?: number;
+  prefix?: string;
+  size?: CircularProgressSize;
+  suffix?: string;
+  value?: number;
+}>;
+
+export declare const LimelCodeDiff: DefineComponent<{
+  contextLines?: number;
+  language?: string;
+  layout?: CodeDiffLayout;
+  lineWrapping?: boolean;
+  newHeading?: string;
+  newValue?: string | object;
+  oldHeading?: string;
+  oldValue?: string | object;
+  reformatJson?: boolean;
+  translationLanguage?: Languages;
+}>;
+
+export declare const LimelCodeEditor: DefineComponent<{
+  colorScheme?: ColorScheme;
+  disabled?: boolean;
+  fold?: boolean;
+  helperText?: string;
+  invalid?: boolean;
+  label?: string;
+  language?: Language;
+  lineNumbers?: boolean;
+  lineWrapping?: boolean;
+  lint?: boolean;
+  readonly?: boolean;
+  required?: boolean;
+  showCopyButton?: boolean;
+  translationLanguage?: Languages;
+  value?: string;
+}>;
+
+export declare const LimelCollapsibleSection: DefineComponent<{
+  actions?: Action[];
+  header?: string;
+  icon?: IconName | Icon;
+  invalid?: boolean;
+  isOpen?: boolean;
+  language?: Languages;
+}>;
+
+export declare const LimelColorPicker: DefineComponent<{
+  disabled?: boolean;
+  helperText?: string;
+  invalid?: boolean;
+  label?: string;
+  manualInput?: boolean;
+  palette?: Array<string | CustomColorSwatch>;
+  paletteColumnCount?: number;
+  placeholder?: string;
+  readonly?: boolean;
+  required?: boolean;
+  tooltipLabel?: string;
+  value?: string;
+}>;
+
+export declare const LimelColorPickerPalette: DefineComponent<{
+  columnCount?: number;
+  helperText?: string;
+  invalid?: boolean;
+  label?: string;
+  manualInput?: boolean;
+  palette?: CustomPalette;
+  placeholder?: string;
+  required?: boolean;
+  value?: string;
+}>;
+
+export declare const LimelConfig: DefineComponent<{
+  config?: Config;
+}>;
+
+export declare const LimelDatePicker: DefineComponent<{
+  disabled?: boolean;
+  format?: string;
+  formatter?: (date: Date) => string;
+  helperText?: string;
+  invalid?: boolean;
+  label?: string;
+  language?: Languages;
+  placeholder?: string;
+  readonly?: boolean;
+  required?: boolean;
+  type?: DateType;
+  value?: Date;
+}>;
+
+export declare const LimelDialog: DefineComponent<{
+  closingActions?: ClosingActions;
+  fullscreen?: boolean;
+  heading?: string | DialogHeading;
+  open?: boolean;
+}>;
+
+export declare const LimelDock: DefineComponent<{
+  accessibleLabel?: string;
+  allowResize?: boolean;
+  dockFooterItems?: DockItem[];
+  dockItems?: DockItem[];
+  expanded?: boolean;
+  mobileBreakPoint?: number;
+}>;
+
+export declare const LimelDockButton: DefineComponent<{
+  expanded?: boolean;
+  item: DockItem;
+  useMobileLayout?: boolean;
+}>;
+
+export declare const LimelDragHandle: DefineComponent<{
+  dragDirection?: 'vertical' | 'horizontal';
+  language?: Languages;
+  tooltipOpenDirection?: OpenDirection;
+}>;
+
+export declare const LimelDynamicLabel: DefineComponent<{
+  defaultLabel?: Omit<Label, 'value'>;
+  labels?: Label[];
+  value?: LabelValue;
+}>;
+
+export declare const LimelEmailViewer: DefineComponent<{
+  allowRemoteImages?: boolean;
+  email?: Email;
+  fallbackUrl?: string;
+  language?: Languages;
+}>;
+
+export declare const LimelFile: DefineComponent<{
+  accept?: string;
+  disabled?: boolean;
+  helperText?: string;
+  invalid?: boolean;
+  label?: string;
+  language?: Languages;
+  loading?: boolean;
+  readonly?: boolean;
+  required?: boolean;
+  resizeImage?: ResizeOptions;
+  value?: FileInfo;
+}>;
+
+export declare const LimelFileDropzone: DefineComponent<{
+  accept?: string;
+  disabled?: boolean;
+  helperText?: string;
+  text?: string;
+}>;
+
+export declare const LimelFileInput: DefineComponent<{
+  accept?: string;
+  disabled?: boolean;
+  multiple?: boolean;
+}>;
+
+export declare const LimelFileViewer: DefineComponent<{
+  actions?: ListItem[];
+  allowDownload?: boolean;
+  allowFullscreen?: boolean;
+  allowOpenInNewTab?: boolean;
+  alt?: string;
+  filename?: string;
+  language?: Languages;
+  officeViewer?: OfficeViewer;
+  url?: string;
+}>;
+
+export declare const LimelFlatpickrAdapter: DefineComponent<{
+  format?: string;
+  formatter: (date: Date) => string;
+  inputElement?: HTMLElement;
+  isOpen?: boolean;
+  language?: Languages;
+  type?: DateType;
+  value?: Date;
+}>;
+
+export declare const LimelFlexContainer: DefineComponent<{
+  align?: FlexContainerAlign;
+  direction?: FlexContainerDirection;
+  justify?: FlexContainerJustify;
+  reverse?: boolean;
+}>;
+
+export declare const LimelForm: DefineComponent<{
+  disabled?: boolean;
+  errors?: ValidationError;
+  propsFactory?: (schema: FormSchema) => Record<string, any>;
+  revealErrors?: boolean;
+  schema?: FormSchema;
+  transformErrors?: (errors: FormError[]) => FormError[];
+  value?: object;
+}>;
+
+export declare const LimelGrid: DefineComponent<{}>;
+
+export declare const LimelHeader: DefineComponent<{
+  heading?: string;
+  icon?: IconName | Icon;
+  subheading?: string;
+  subheadingDivider?: string;
+  supportingText?: string;
+}>;
+
+export declare const LimelHelp: DefineComponent<{
+  openDirection?: OpenDirection;
+  readMoreLink?: Link;
+  trigger?: string;
+  value?: string;
+}>;
+
+export declare const LimelHelpContent: DefineComponent<{
+  readMoreLink?: Link;
+  value?: string;
+}>;
+
+export declare const LimelHelperLine: DefineComponent<{
+  helperText?: string;
+  helperTextId?: string;
+  invalid?: boolean;
+  length?: number;
+  maxLength?: number;
+}>;
+
+export declare const LimelHotkey: DefineComponent<{
+  disabled?: boolean;
+  value?: string;
+}>;
+
+export declare const LimelIcon: DefineComponent<{
+  badge?: boolean;
+  name?: string;
+  size?: IconSize;
+  svgClass?: string;
+}>;
+
+export declare const LimelIconButton: DefineComponent<{
+  disabled?: boolean;
+  elevated?: boolean;
+  helperLabel?: string;
+  icon?: IconName | Icon;
+  label?: string;
+}>;
+
+export declare const LimelInfoTile: DefineComponent<{
+  badge?: number | string;
+  disabled?: boolean;
+  icon?: string;
+  label?: string;
+  link?: Link;
+  loading?: boolean;
+  prefix?: string;
+  progress?: InfoTileProgress;
+  reducedPresence?: boolean;
+  suffix?: string;
+  value?: number | string;
+}>;
+
+export declare const LimelInputField: DefineComponent<{
+  completions?: string[];
+  disabled?: boolean;
+  formatNumber?: boolean;
+  helperText?: string;
+  invalid?: boolean;
+  label?: string;
+  leadingIcon?: IconName;
+  locale?: string;
+  max?: number;
+  maxlength?: number;
+  min?: number;
+  minlength?: number;
+  pattern?: string;
+  placeholder?: string;
+  prefix?: string;
+  readonly?: boolean;
+  required?: boolean;
+  showLink?: boolean;
+  step?: number | 'any';
+  suffix?: string;
+  trailingIcon?: IconName;
+  type?: InputType;
+  value?: string;
+}>;
+
+export declare const LimelLinearProgress: DefineComponent<{
+  accessibleLabel?: string;
+  indeterminate?: boolean;
+  language?: Languages;
+  value?: number;
+}>;
+
+export declare const LimelList: DefineComponent<{
+  badgeIcons?: boolean;
+  iconSize?: IconSize;
+  items?: Array<ListItem | ListSeparator>;
+  maxLinesSecondaryText?: number;
+  type?: ListType;
+}>;
+
+export declare const LimelListItem: DefineComponent<{
+  actions?: ListItem['actions'];
+  badgeIcon?: boolean;
+  disabled?: boolean;
+  icon?: string | ListItem['icon'];
+  iconSize?: IconSize;
+  image?: ListItem['image'];
+  language?: Languages;
+  primaryComponent?: ListItem['primaryComponent'];
+  secondaryText?: string;
+  selected?: boolean;
+  text?: string;
+  type?: 'listitem' | 'menuitem' | 'option' | 'radio' | 'checkbox';
+  value?: any;
+}>;
+
+export declare const LimelMarkdown: DefineComponent<{
+  adaptColorContrast?: boolean;
+  lazyLoadImages?: boolean;
+  removeEmptyParagraphs?: boolean;
+  value?: string;
+  whitelist?: CustomElementDefinition[];
+}>;
+
+export declare const LimelMasonryLayout: DefineComponent<{
+  ordered?: boolean;
+}>;
+
+export declare const LimelMenu: DefineComponent<{
+  badgeIcons?: boolean;
+  disabled?: boolean;
+  emptyResultMessage?: string;
+  gridLayout?: boolean;
+  items?: Array<MenuItem | ListSeparator>;
+  keepOpenOnSelect?: boolean;
+  open?: boolean;
+  openDirection?: OpenDirection;
+  rootItem?: BreadcrumbsItem;
+  searchPlaceholder?: string;
+  searcher?: MenuSearcher;
+  surfaceWidth?: SurfaceWidth;
+}>;
+
+export declare const LimelMenuItemMeta: DefineComponent<{
+  badge?: string | number;
+  commandText?: string;
+  disabled?: boolean;
+  hotkey?: string;
+  showChevron?: boolean;
+}>;
+
+export declare const LimelMenuList: DefineComponent<{
+  badgeIcons?: boolean;
+  iconSize?: IconSize;
+  items?: Array<MenuItem | ListSeparator>;
+}>;
+
+export declare const LimelMenuSurface: DefineComponent<{
+  allowClicksElement?: HTMLElement;
+  open?: boolean;
+}>;
+
+export declare const LimelNotchedOutline: DefineComponent<{
+  disabled?: boolean;
+  hasFloatingLabel?: boolean;
+  hasLeadingIcon?: boolean;
+  hasValue?: boolean;
+  invalid?: boolean;
+  label?: string;
+  labelId?: string;
+  readonly?: boolean;
+  required?: boolean;
+}>;
+
+export declare const LimelPicker: DefineComponent<{
+  actionPosition?: ActionPosition;
+  actionScrollBehavior?: ActionScrollBehavior;
+  actions?: Array<ListItem<Action>>;
+  allItems?: PickerItem[];
+  badgeIcons?: boolean;
+  delimiter?: string;
+  disabled?: boolean;
+  emptyResultMessage?: string;
+  helperText?: string;
+  invalid?: boolean;
+  label?: string;
+  language?: Languages;
+  leadingIcon?: IconName;
+  multiple?: boolean;
+  readonly?: boolean;
+  required?: boolean;
+  searchLabel?: string;
+  searcher?: Searcher;
+  value?: PickerItem | PickerItem[];
+}>;
+
+export declare const LimelPopover: DefineComponent<{
+  open?: boolean;
+  openDirection?: OpenDirection;
+}>;
+
+export declare const LimelPopoverSurface: DefineComponent<{
+  contentCollection?: HTMLCollection;
+}>;
+
+export declare const LimelPortal: DefineComponent<{
+  anchor?: HTMLElement;
+  containerId?: string;
+  containerStyle?: object;
+  inheritParentWidth?: boolean;
+  openDirection?: OpenDirection;
+  position?: 'fixed' | 'absolute';
+  visible?: boolean;
+}>;
+
+export declare const LimelProfilePicture: DefineComponent<{
+  accept?: string;
+  disabled?: boolean;
+  helperText?: string;
+  icon?: IconName | Icon;
+  imageFit?: 'cover' | 'contain';
+  invalid?: boolean;
+  label?: string;
+  language?: Languages;
+  loading?: boolean;
+  readonly?: boolean;
+  required?: boolean;
+  resize?: ResizeOptions;
+  value?: string | FileInfo;
+}>;
+
+export declare const LimelProgressFlow: DefineComponent<{
+  disabled?: boolean;
+  flowItems?: FlowItem[];
+  readonly?: boolean;
+}>;
+
+export declare const LimelProgressFlowItem: DefineComponent<{
+  currentStep?: boolean;
+  disabled?: boolean;
+  item?: FlowItem;
+  readonly?: boolean;
+}>;
+
+export declare const LimelProsemirrorAdapter: DefineComponent<{
+  contentType?: 'markdown' | 'html';
+  customElements?: CustomElementDefinition[];
+  disabled?: boolean;
+  inlineImages?: InlineImages;
+  language?: Languages;
+  triggerCharacters?: TriggerCharacter[];
+  ui?: EditorUiType;
+  value?: string;
+}>;
+
+export declare const LimelRadioButton: DefineComponent<{
+  checked?: boolean;
+  disabled?: boolean;
+  id: string;
+  label?: string;
+}>;
+
+export declare const LimelRadioButtonGroup: DefineComponent<{
+  badgeIcons?: boolean;
+  disabled?: boolean;
+  items?: Array<ListItem | ListSeparator>;
+  maxLinesSecondaryText?: number;
+  selectedItem?: ListItem<string | number>;
+}>;
+
+export declare const LimelSelect: DefineComponent<{
+  disabled?: boolean;
+  helperText?: string;
+  invalid?: boolean;
+  label?: string;
+  multiple?: boolean;
+  options?: Array<Option | ListSeparator>;
+  readonly?: boolean;
+  required?: boolean;
+  value?: Option | Option[];
+}>;
+
+export declare const LimelShortcut: DefineComponent<{
+  badge?: number | string;
+  disabled?: boolean;
+  icon?: IconName;
+  label?: string;
+  link?: Link;
+}>;
+
+export declare const LimelSlider: DefineComponent<{
+  disabled?: boolean;
+  displaysPercentageColors?: boolean;
+  factor?: number;
+  helperText?: string;
+  invalid?: boolean;
+  label?: string;
+  readonly?: boolean;
+  required?: boolean;
+  step?: number;
+  unit?: string;
+  value?: number;
+  valuemax?: number;
+  valuemin?: number;
+}>;
+
+export declare const LimelSnackbar: DefineComponent<{
+  actionText?: string;
+  dismissible?: boolean;
+  language?: Languages;
+  message?: string;
+  multiline?: boolean;
+  open?: boolean;
+  timeout?: number;
+}>;
+
+export declare const LimelSpinner: DefineComponent<{
+  limeBranded?: boolean;
+  size?: SpinnerSize;
+}>;
+
+export declare const LimelSplitButton: DefineComponent<{
+  disabled?: boolean;
+  icon?: IconName;
+  items?: Array<MenuItem | ListSeparator>;
+  label?: string;
+  loading?: boolean;
+  loadingFailed?: boolean;
+  primary?: boolean;
+}>;
+
+export declare const LimelSwitch: DefineComponent<{
+  disabled?: boolean;
+  helperText?: string;
+  invalid?: boolean;
+  label?: string;
+  readonly?: boolean;
+  readonlyLabels?: Array<Label<boolean>>;
+  value?: boolean;
+}>;
+
+export declare const LimelTabBar: DefineComponent<{
+  tabs?: Tab[];
+}>;
+
+export declare const LimelTabPanel: DefineComponent<{
+  tabs?: Tab[];
+}>;
+
+export declare const LimelTable: DefineComponent<{
+  activeRow?: RowData;
+  aggregates?: ColumnAggregate[];
+  columns?: Column[];
+  data?: object[];
+  emptyMessage?: string;
+  language?: Languages;
+  layout?: Layout;
+  loading?: boolean;
+  mode?: 'local' | 'remote';
+  movableColumns?: boolean;
+  movableRows?: boolean;
+  page?: number;
+  pageSize?: number;
+  paginationLocation?: 'top' | 'bottom';
+  selectable?: boolean;
+  selection?: object[];
+  sortableColumns?: boolean;
+  sorting?: ColumnSorter[];
+  totalRows?: number;
+}>;
+
+export declare const LimelTextEditor: DefineComponent<{
+  allowResize?: boolean;
+  contentType?: 'markdown' | 'html';
+  customElements?: CustomElementDefinition[];
+  disabled?: boolean;
+  helperText?: string;
+  inlineImages?: InlineImages;
+  invalid?: boolean;
+  label?: string;
+  language?: Languages;
+  placeholder?: string;
+  readonly?: boolean;
+  required?: boolean;
+  triggers?: TriggerCharacter[];
+  ui?: EditorUiType;
+  value?: string;
+}>;
+
+export declare const LimelTextEditorLinkMenu: DefineComponent<{
+  isOpen?: boolean;
+  language?: Languages;
+  link?: EditorTextLink;
+}>;
+
+export declare const LimelTooltip: DefineComponent<{
+  elementId: string;
+  helperLabel?: string;
+  hotkey?: string;
+  label: string;
+  maxlength?: number;
+  openDirection?: OpenDirection;
+}>;
 
+export declare const LimelTooltipContent: DefineComponent<{
+  helperLabel?: string;
+  hotkey?: string;
+  label: string;
+  maxlength?: number;
+}>;
 
+import type { Plugin } from 'vue';
+export declare const LimeElementsVue: Plugin;
 
 // Global component type declarations for Vue 3 IDE support
 declare module 'vue' {
   export interface GlobalComponents {
-    Limel3dHoverEffectGlow: typeof Limel3dHoverEffectGlow
-    LimelActionBar: typeof LimelActionBar
-    LimelActionBarItem: typeof LimelActionBarItem
-    LimelActionBarOverflowMenu: typeof LimelActionBarOverflowMenu
-    LimelAiAvatar: typeof LimelAiAvatar
-    LimelBadge: typeof LimelBadge
-    LimelBanner: typeof LimelBanner
-    LimelBreadcrumbs: typeof LimelBreadcrumbs
-    LimelButton: typeof LimelButton
-    LimelButtonGroup: typeof LimelButtonGroup
-    LimelCallout: typeof LimelCallout
-    LimelCard: typeof LimelCard
-    LimelChart: typeof LimelChart
-    LimelCheckbox: typeof LimelCheckbox
-    LimelChip: typeof LimelChip
-    LimelChipSet: typeof LimelChipSet
-    LimelCircularProgress: typeof LimelCircularProgress
-    LimelCodeDiff: typeof LimelCodeDiff
-    LimelCodeEditor: typeof LimelCodeEditor
-    LimelCollapsibleSection: typeof LimelCollapsibleSection
-    LimelColorPicker: typeof LimelColorPicker
-    LimelColorPickerPalette: typeof LimelColorPickerPalette
-    LimelConfig: typeof LimelConfig
-    LimelDatePicker: typeof LimelDatePicker
-    LimelDialog: typeof LimelDialog
-    LimelDock: typeof LimelDock
-    LimelDockButton: typeof LimelDockButton
-    LimelDragHandle: typeof LimelDragHandle
-    LimelDynamicLabel: typeof LimelDynamicLabel
-    LimelEmailViewer: typeof LimelEmailViewer
-    LimelFile: typeof LimelFile
-    LimelFileDropzone: typeof LimelFileDropzone
-    LimelFileInput: typeof LimelFileInput
-    LimelFileViewer: typeof LimelFileViewer
-    LimelFlatpickrAdapter: typeof LimelFlatpickrAdapter
-    LimelFlexContainer: typeof LimelFlexContainer
-    LimelForm: typeof LimelForm
-    LimelGrid: typeof LimelGrid
-    LimelHeader: typeof LimelHeader
-    LimelHelp: typeof LimelHelp
-    LimelHelpContent: typeof LimelHelpContent
-    LimelHelperLine: typeof LimelHelperLine
-    LimelHotkey: typeof LimelHotkey
-    LimelIcon: typeof LimelIcon
-    LimelIconButton: typeof LimelIconButton
-    LimelInfoTile: typeof LimelInfoTile
-    LimelInputField: typeof LimelInputField
-    LimelLinearProgress: typeof LimelLinearProgress
-    LimelList: typeof LimelList
-    LimelListItem: typeof LimelListItem
-    LimelMarkdown: typeof LimelMarkdown
-    LimelMasonryLayout: typeof LimelMasonryLayout
-    LimelMenu: typeof LimelMenu
-    LimelMenuItemMeta: typeof LimelMenuItemMeta
-    LimelMenuList: typeof LimelMenuList
-    LimelMenuSurface: typeof LimelMenuSurface
-    LimelNotchedOutline: typeof LimelNotchedOutline
-    LimelPicker: typeof LimelPicker
-    LimelPopover: typeof LimelPopover
-    LimelPopoverSurface: typeof LimelPopoverSurface
-    LimelPortal: typeof LimelPortal
-    LimelProfilePicture: typeof LimelProfilePicture
-    LimelProgressFlow: typeof LimelProgressFlow
-    LimelProgressFlowItem: typeof LimelProgressFlowItem
-    LimelProsemirrorAdapter: typeof LimelProsemirrorAdapter
-    LimelRadioButton: typeof LimelRadioButton
-    LimelRadioButtonGroup: typeof LimelRadioButtonGroup
-    LimelSelect: typeof LimelSelect
-    LimelShortcut: typeof LimelShortcut
-    LimelSlider: typeof LimelSlider
-    LimelSnackbar: typeof LimelSnackbar
-    LimelSpinner: typeof LimelSpinner
-    LimelSplitButton: typeof LimelSplitButton
-    LimelSwitch: typeof LimelSwitch
-    LimelTabBar: typeof LimelTabBar
-    LimelTable: typeof LimelTable
-    LimelTabPanel: typeof LimelTabPanel
-    LimelTextEditor: typeof LimelTextEditor
-    LimelTextEditorLinkMenu: typeof LimelTextEditorLinkMenu
-    LimelTooltip: typeof LimelTooltip
-    LimelTooltipContent: typeof LimelTooltipContent
+    Limel3dHoverEffectGlow: typeof Limel3dHoverEffectGlow;
+    LimelActionBar: typeof LimelActionBar;
+    LimelActionBarItem: typeof LimelActionBarItem;
+    LimelActionBarOverflowMenu: typeof LimelActionBarOverflowMenu;
+    LimelAiAvatar: typeof LimelAiAvatar;
+    LimelBadge: typeof LimelBadge;
+    LimelBanner: typeof LimelBanner;
+    LimelBreadcrumbs: typeof LimelBreadcrumbs;
+    LimelButton: typeof LimelButton;
+    LimelButtonGroup: typeof LimelButtonGroup;
+    LimelCallout: typeof LimelCallout;
+    LimelCard: typeof LimelCard;
+    LimelChart: typeof LimelChart;
+    LimelCheckbox: typeof LimelCheckbox;
+    LimelChip: typeof LimelChip;
+    LimelChipSet: typeof LimelChipSet;
+    LimelCircularProgress: typeof LimelCircularProgress;
+    LimelCodeDiff: typeof LimelCodeDiff;
+    LimelCodeEditor: typeof LimelCodeEditor;
+    LimelCollapsibleSection: typeof LimelCollapsibleSection;
+    LimelColorPicker: typeof LimelColorPicker;
+    LimelColorPickerPalette: typeof LimelColorPickerPalette;
+    LimelConfig: typeof LimelConfig;
+    LimelDatePicker: typeof LimelDatePicker;
+    LimelDialog: typeof LimelDialog;
+    LimelDock: typeof LimelDock;
+    LimelDockButton: typeof LimelDockButton;
+    LimelDragHandle: typeof LimelDragHandle;
+    LimelDynamicLabel: typeof LimelDynamicLabel;
+    LimelEmailViewer: typeof LimelEmailViewer;
+    LimelFile: typeof LimelFile;
+    LimelFileDropzone: typeof LimelFileDropzone;
+    LimelFileInput: typeof LimelFileInput;
+    LimelFileViewer: typeof LimelFileViewer;
+    LimelFlatpickrAdapter: typeof LimelFlatpickrAdapter;
+    LimelFlexContainer: typeof LimelFlexContainer;
+    LimelForm: typeof LimelForm;
+    LimelGrid: typeof LimelGrid;
+    LimelHeader: typeof LimelHeader;
+    LimelHelp: typeof LimelHelp;
+    LimelHelpContent: typeof LimelHelpContent;
+    LimelHelperLine: typeof LimelHelperLine;
+    LimelHotkey: typeof LimelHotkey;
+    LimelIcon: typeof LimelIcon;
+    LimelIconButton: typeof LimelIconButton;
+    LimelInfoTile: typeof LimelInfoTile;
+    LimelInputField: typeof LimelInputField;
+    LimelLinearProgress: typeof LimelLinearProgress;
+    LimelList: typeof LimelList;
+    LimelListItem: typeof LimelListItem;
+    LimelMarkdown: typeof LimelMarkdown;
+    LimelMasonryLayout: typeof LimelMasonryLayout;
+    LimelMenu: typeof LimelMenu;
+    LimelMenuItemMeta: typeof LimelMenuItemMeta;
+    LimelMenuList: typeof LimelMenuList;
+    LimelMenuSurface: typeof LimelMenuSurface;
+    LimelNotchedOutline: typeof LimelNotchedOutline;
+    LimelPicker: typeof LimelPicker;
+    LimelPopover: typeof LimelPopover;
+    LimelPopoverSurface: typeof LimelPopoverSurface;
+    LimelPortal: typeof LimelPortal;
+    LimelProfilePicture: typeof LimelProfilePicture;
+    LimelProgressFlow: typeof LimelProgressFlow;
+    LimelProgressFlowItem: typeof LimelProgressFlowItem;
+    LimelProsemirrorAdapter: typeof LimelProsemirrorAdapter;
+    LimelRadioButton: typeof LimelRadioButton;
+    LimelRadioButtonGroup: typeof LimelRadioButtonGroup;
+    LimelSelect: typeof LimelSelect;
+    LimelShortcut: typeof LimelShortcut;
+    LimelSlider: typeof LimelSlider;
+    LimelSnackbar: typeof LimelSnackbar;
+    LimelSpinner: typeof LimelSpinner;
+    LimelSplitButton: typeof LimelSplitButton;
+    LimelSwitch: typeof LimelSwitch;
+    LimelTabBar: typeof LimelTabBar;
+    LimelTabPanel: typeof LimelTabPanel;
+    LimelTable: typeof LimelTable;
+    LimelTextEditor: typeof LimelTextEditor;
+    LimelTextEditorLinkMenu: typeof LimelTextEditorLinkMenu;
+    LimelTooltip: typeof LimelTooltip;
+    LimelTooltipContent: typeof LimelTooltipContent;
   }
 }

package/dist/web-types.json

@@ -1,11 +1,13 @@
 {
-  "$schema": "https://raw.githubusercontent.com/AltmanEA/web-types/master/schema/web-types.json",
+  "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "framework": "vue",
   "name": "lime-elements-vue",
-  "version": "3.0.0-beta.3",
+  "version": "3.0.0-beta.5",
   "contributions": {
     "html": {
-      "vue-components": [
+      "types-syntax": "typescript",
+      "description-markup": "markdown",
+      "tags": [
         {
           "name": "Limel3dHoverEffectGlow",
           "source": {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lime-elements-vue",
-  "version": "3.0.0-beta.3",
+  "version": "3.0.0-beta.5",
   "description": "Vue 3 wrapper for Lime Elements web components",
   "author": "Lime Technologies",
   "license": "Apache-2.0",

package/dist/components.d.ts

@@ -1,2 +0,0 @@
-/// <reference path="./index.d.ts" />
-export {};