import React from "react"; import { type EventName } from "@lit-labs/react"; export type BlIcon = import("./components/icon/bl-icon").default; export type BlIconLoad = CustomEvent; export type BlIconError = CustomEvent; /** * @tag bl-icon * @summary Baklava Icon component * * @attr [name] Name of the icon to show * @cssproperty [font-size] Setting size of icon. Default is current font size in DOM place * @cssproperty [color=currentColor] Setting color of icon */ export declare const BlIcon: React.LazyExoticComponent; onBlError: EventName; }>>; export type BlAccordion = import("./components/accordion-group/accordion/bl-accordion").default; export type BlAccordionToggle = CustomEvent; export declare const BlAccordion: React.LazyExoticComponent; }>>; export type BlSpinner = import("./components/spinner/bl-spinner").default; /** * @tag bl-spinner * @summary Baklava Spinner component * */ export declare const BlSpinner: React.LazyExoticComponent>; export type BlButton = import("./components/button/bl-button").default; export type BlButtonClick = CustomEvent; /** * @tag bl-button * @summary Baklava Button component * * @cssproperty [--bl-button-display=inline-block] Sets the display property of button * @cssproperty [--bl-button-justify=center] Sets the justify-content property of button * */ export declare const BlButton: React.LazyExoticComponent; }>>; export type BlAlert = import("./components/alert/bl-alert").default; export type BlAlertClose = CustomEvent; /** * @tag bl-alert * @summary Baklava Alert component */ export declare const BlAlert: React.LazyExoticComponent; }>>; export type BlBadge = import("./components/badge/bl-badge").default; /** * @tag bl-badge * @summary Baklava Badge component * * @cssproperty [--bl-badge-bg-color=--bl-color-primary-contrast] Sets the background color of badge * @cssproperty [--bl-badge-color=--bl-color-primary] Sets the color of badge */ export declare const BlBadge: React.LazyExoticComponent>; export type BlCalendar = import("./components/calendar/bl-calendar").default; export type BlCalendarCalendarChange = CustomEvent; /** * @tag bl-calendar * @summary Baklava Calendar component **/ export declare const BlCalendar: React.LazyExoticComponent; }>>; export type BlCheckbox = import("./components/checkbox-group/checkbox/bl-checkbox").default; export type BlCheckboxCheckboxChange = CustomEvent; export type BlCheckboxFocus = CustomEvent; export type BlCheckboxBlur = CustomEvent; export type BlCheckboxCheckboxInvalid = CustomEvent; /** * @tag bl-checkbox * @summary Baklava Checkbox component */ export declare const BlCheckbox: React.LazyExoticComponent; onBlFocus: EventName; onBlBlur: EventName; onBlCheckboxInvalid: EventName; }>>; export type BlCheckboxGroup = import("./components/checkbox-group/bl-checkbox-group").default; export type BlCheckboxGroupCheckboxGroupChange = CustomEvent; export type BlCheckboxGroupCheckboxGroupInvalid = CustomEvent; /** * @tag bl-checkbox-group * @summary Baklava Button component * * @cssproperty [--bl-checkbox-direction=row] Can be used for showing checkbox options as columns instead of rows. Options are `row` or `column` */ export declare const BlCheckboxGroup: React.LazyExoticComponent; onBlCheckboxGroupInvalid: EventName; }>>; export type BlInput = import("./components/input/bl-input").default; export type BlInputChange = CustomEvent; export type BlInputInput = CustomEvent; export type BlInputInvalid = CustomEvent; /** * @tag bl-input * @summary Baklava Input component * * @cssproperty [--bl-input-padding-start] Sets the padding start * @cssproperty [--bl-input-padding-end] Sets the padding end */ export declare const BlInput: React.LazyExoticComponent; onBlInput: EventName; onBlInvalid: EventName; }>>; export type BlPopover = import("./components/popover/bl-popover").default; export type BlPopoverPopoverShow = CustomEvent; export type BlPopoverPopoverHide = CustomEvent; /** * @tag bl-popover * @summary Baklava Popover component * * @cssproperty [--bl-popover-arrow-display=none] - Sets the display of popovers arrow. Set as `block` to make arrow visible. * @cssproperty [--bl-popover-background-color=--bl-color-neutral-full] - Sets the background color of popover. * @cssproperty [--bl-popover-border-color=--bl-color-primary-highlight] - Sets the border color of popover. * @cssproperty [--bl-popover-border-size=1px] - Sets the border size of popover. You can set it to `0px` to not have a border (if you use a custom background color). Always use with a length unit. * @cssproperty [--bl-popover-padding=--bl-size-m] - Sets the padding of popover. * @cssproperty [--bl-popbover-border-radius=--bl-size-3xs] - Sets the border radius of popover. * @cssproperty [--bl-popover-max-width=100vw] - Sets the maximum width of the popover (including border and padding). * @cssproperty [--bl-popover-position=fixed] - Sets the position of popover. You can set it to `absolute` if parent element is a fixed positioned element like drawer or dialog. */ export declare const BlPopover: React.LazyExoticComponent; onBlPopoverHide: EventName; }>>; export type BlTooltip = import("./components/tooltip/bl-tooltip").default; export type BlTooltipTooltipShow = CustomEvent; export type BlTooltipTooltipHide = CustomEvent; /** * @tag bl-tooltip * @summary Baklava Tooltip component * @dependency bl-popover * * @cssproperty [--bl-tooltip-trigger-display=inline-flex] Set the display of the tooltip trigger. */ export declare const BlTooltip: React.LazyExoticComponent; onBlTooltipHide: EventName; }>>; export type BlDatepicker = import("./components/datepicker/bl-datepicker").default; export type BlDatepickerDatepickerChange = CustomEvent; /** * @tag bl-datepicker * @summary Baklava DatePicker component * * @cssproperty [--bl-datepicker-input-width] - Sets the width of datepicker input **/ export declare const BlDatepicker: React.LazyExoticComponent; }>>; export type BlDialog = import("./components/dialog/bl-dialog").default; export type BlDialogDialogOpen = CustomEvent; export type BlDialogDialogRequestClose = CustomEvent<{ source: "close-button" | "keyboard" | "backdrop"; }>; export type BlDialogDialogClose = CustomEvent; /** * @tag bl-dialog * @summary Baklava Dialog component * * @cssproperty [--bl-dialog-width=auto] Sets the width of the dialog content * @cssproperty [--bl-dialog-caption-line-clamp=1] Sets the line clamp of the caption */ export declare const BlDialog: React.LazyExoticComponent; onBlDialogRequestClose: EventName; onBlDialogClose: EventName; }>>; export type BlDrawer = import("./components/drawer/bl-drawer").default; export type BlDrawerDrawerOpen = CustomEvent; export type BlDrawerDrawerClose = CustomEvent; /** * @tag bl-drawer * @summary Baklava Drawer component * * @cssproperty [--bl-drawer-animation-duration=250ms] Drawer slide in animation duration */ export declare const BlDrawer: React.LazyExoticComponent; onBlDrawerClose: EventName; }>>; export type BlSplitButton = import("./components/split-button/bl-split-button").default; export type BlSplitButtonDropdownOpen = CustomEvent; export type BlSplitButtonDropdownClose = CustomEvent; export type BlSplitButtonClick = CustomEvent; /** * @tag bl-split-button * @summary Baklava Split Button component */ export declare const BlSplitButton: React.LazyExoticComponent; onBlDropdownClose: EventName; onBlClick: EventName; }>>; export type BlDropdownGroup = import("./components/dropdown/group/bl-dropdown-group").default; /** * @tag bl-dropdown-group * @summary Baklava Dropdown Group component */ export declare const BlDropdownGroup: React.LazyExoticComponent>; export type BlDropdownItem = import("./components/dropdown/item/bl-dropdown-item").default; export type BlDropdownItemDropdownItemClick = CustomEvent; /** * @tag bl-dropdown-item * @summary Baklava Dropdown Item component */ export declare const BlDropdownItem: React.LazyExoticComponent; }>>; export type BlDropdown = import("./components/dropdown/bl-dropdown").default; export type BlDropdownDropdownOpen = CustomEvent; export type BlDropdownDropdownClose = CustomEvent; /** * @tag bl-dropdown * @summary Baklava Dropdown component */ export declare const BlDropdown: React.LazyExoticComponent; onBlDropdownClose: EventName; }>>; export type BlLink = import("./components/link/bl-link").default; /** * @tag bl-link * @summary Baklava Link component for navigation * * @slot icon - Custom icon slot for non-standalone variants * * @cssproperty [--bl-link-color=--bl-color-primary] Sets the color of link * @cssproperty [--bl-link-hover-color=--bl-color-primary-hover] Sets the hover color of link * @cssproperty [--bl-link-active-color=--bl-color-primary-active] Sets the active color of link */ export declare const BlLink: React.LazyExoticComponent>; export type BlNotificationCard = import("./components/notification/card/bl-notification-card").default; export type BlNotificationCardNotificationCardRequestClose = CustomEvent<{ source: "close-button" | "duration-ended"; }>; export type BlNotificationCardNotificationCardClose = CustomEvent<{ source: "close-button" | "duration-ended"; }>; /** * @tag bl-notification-card * @summary Baklava Notification Card component */ export declare const BlNotificationCard: React.LazyExoticComponent; onBlNotificationCardClose: EventName; }>>; export type BlNotification = import("./components/notification/bl-notification").default; /** * @tag bl-notification * @summary Baklava Notification component */ export declare const BlNotification: React.LazyExoticComponent>; export type BlSelectOption = import("./components/select/option/bl-select-option").default; export type BlSelectOptionSelectOption = CustomEvent; export type BlSelectOptionFocus = CustomEvent; export type BlSelectOptionBlur = CustomEvent; export declare const BlSelectOption: React.LazyExoticComponent, { onBlSelectOption: EventName; onBlFocus: EventName; onBlBlur: EventName; }>>; export type BlSelect = import("./components/select/bl-select").default; export type BlSelectSelect = CustomEvent[] | import("./components/select/bl-select").ISelectOption>; export type BlSelectSearch = CustomEvent; /** * @tag bl-select * @summary Baklava Select component * * @cssproperty [--bl-popover-position=fixed] Sets the positioning strategy of select popover. You can set it as `absolute` if you need to show popover relative to its trigger element. */ export declare const BlSelect: React.LazyExoticComponent, { onBlSelect: EventName; onBlSearch: EventName; }>>; export type BlPagination = import("./components/pagination/bl-pagination").default; export type BlPaginationChange = CustomEvent<{ selectedPage: number; prevPage: number; itemsPerPage: number; }>; /** * @tag bl-pagination * @summary Baklava Pagination component */ export declare const BlPagination: React.LazyExoticComponent; }>>; export type BlProgressIndicator = import("./components/progress-indicator/bl-progress-indicator").default; /** * @tag bl-progress-indicator * @summary Baklava Progress Indicator component * * @cssproperty [--bl-progress-indicator-transition-duration=.2s] Duration of the transition of progress bar * @property {max} [max=100] * @property {number} [value=0] */ export declare const BlProgressIndicator: React.LazyExoticComponent>; export type BlRadio = import("./components/radio-group/radio/bl-radio").default; export type BlRadioChecked = CustomEvent; export type BlRadioFocus = CustomEvent; export type BlRadioBlur = CustomEvent; /** * @tag bl-radio * @summary Baklava Radio Option component * * @cssprop [--bl-radio-align-items=center] Align items of radio option */ export declare const BlRadio: React.LazyExoticComponent; onBlFocus: EventName; onBlBlur: EventName; }>>; export type BlRadioGroup = import("./components/radio-group/bl-radio-group").default; export type BlRadioGroupRadioChange = CustomEvent; /** * @tag bl-radio-group * @summary Baklava Button component * * @cssproperty [--bl-radio-direction=row] Can be used for showing radio options as columns instead of rows. Options are `row` or `column` * @cssproperty [--bl-radio-group-cross-axis-item-alignment=normal] Can be used for aligning radio items on cross axis. Acts same with align-item * @cssproperty [--bl-radio-group-cross-axis-content-alignment=normal] Can be used for aligning radio group content on cross axis. Acts same with align-content * @cssproperty [--bl-radio-group-main-axis-content-alignment=normal] Can be used for aligning radio group content on main axis. Acts same with justify-content */ export declare const BlRadioGroup: React.LazyExoticComponent; }>>; export type BlStepperItem = import("./components/stepper/bl-stepper-item").default; export type BlStepperItemStepperItemClick = CustomEvent; /** * @tag bl-stepper-item * @summary Baklava Stepper Item component for individual steps in a stepper * * @slot default - Step content (title and description) */ export declare const BlStepperItem: React.LazyExoticComponent; }>>; export type BlStepper = import("./components/stepper/bl-stepper").default; export type BlStepperStepperChange = CustomEvent<{ activeStep: number; totalSteps: number; }>; /** * @tag bl-stepper * @summary Baklava Stepper component for displaying progress through a sequence of steps * * @slot default - Stepper items */ export declare const BlStepper: React.LazyExoticComponent; }>>; export type BlSwitch = import("./components/switch/bl-switch").default; export type BlSwitchSwitchToggle = CustomEvent; /** * @tag bl-switch * @summary Baklava Switch component * * @cssproperty [--bl-switch-color-on=--bl-color-primary] Set the checked color * @cssproperty [--bl-switch-color-off=--bl-color-neutral-lighter] Set the unchecked color * @cssproperty [--bl-switch-animation-duration=300ms] Set the animation duration of switch toggle */ export declare const BlSwitch: React.LazyExoticComponent; }>>; export type BlTabPanel = import("./components/tab-group/tab-panel/bl-tab-panel").default; /** * @tag bl-tab-panel * @summary Baklava Tab panel component */ export declare const BlTabPanel: React.LazyExoticComponent>; export type BlTab = import("./components/tab-group/tab/bl-tab").default; export type BlTabTabSelected = CustomEvent; /** * @tag bl-tab * @summary Baklava Tab component */ export declare const BlTab: React.LazyExoticComponent; }>>; export type BlTabGroup = import("./components/tab-group/bl-tab-group").default; /** * @tag bl-tab-group * @summary Baklava Tab group component */ export declare const BlTabGroup: React.LazyExoticComponent>; export type BlTableBody = import("./components/table/table-body/bl-table-body").default; /** * @tag bl-table-body * @summary Baklava Table component * * @slot no-data - Content to display when no data is available */ export declare const BlTableBody: React.LazyExoticComponent>; export type BlTableHeaderCell = import("./components/table/table-header-cell/bl-table-header-cell").default; /** * @tag bl-table-header-cell * @summary Baklava Table component * * @cssproperty [--bl-table-header-cell-width] Set the column width * @cssproperty [--bl-table-header-cell-min-width] Set the column min width */ export declare const BlTableHeaderCell: React.LazyExoticComponent>; export type BlTableHeader = import("./components/table/table-header/bl-table-header").default; /** * @tag bl-table-header * @summary Baklava Table component */ export declare const BlTableHeader: React.LazyExoticComponent>; export type BlTableRow = import("./components/table/table-row/bl-table-row").default; /** * @tag bl-table-row * @summary Baklava Table component */ export declare const BlTableRow: React.LazyExoticComponent>; export type BlTableCell = import("./components/table/table-cell/bl-table-cell").default; /** * @tag bl-table-cell * @summary Baklava Table component */ export declare const BlTableCell: React.LazyExoticComponent>; export type BlTable = import("./components/table/bl-table").default; export type BlTableSort = CustomEvent; export type BlTableRowSelect = CustomEvent; /** * @tag bl-table * @summary Baklava Table component * */ export declare const BlTable: React.LazyExoticComponent; onBlRowSelect: EventName; }>>; export type BlTag = import("./components/tag/bl-tag").default; export type BlTagTagClick = CustomEvent<{ value: string; selected: boolean; }>; /** * @tag bl-tag * @summary Baklava Tag component */ export declare const BlTag: React.LazyExoticComponent; }>>; export type BlTextarea = import("./components/textarea/bl-textarea").default; export type BlTextareaInput = CustomEvent; export type BlTextareaChange = CustomEvent; export type BlTextareaInvalid = CustomEvent; /** * @tag bl-textarea * @summary Baklava Textarea component */ export declare const BlTextarea: React.LazyExoticComponent; onBlChange: EventName; onBlInvalid: EventName; }>>; export type BlAccordionGroup = import("./components/accordion-group/bl-accordion-group").default; export declare const BlAccordionGroup: React.LazyExoticComponent>; //# sourceMappingURL=baklava-react.d.ts.map