@ganpatiinfo/gids-core-web 17.0.0 → 18.0.0

package/dist/types/components.d.ts

@@ -5,7 +5,7 @@
  * It contains typing information for all components that exist in this project.
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
-import { GidsActionBarAllFilters, GidsActionBarClearFiltersEventDetail, GidsActionBarFilterSelectEventDetail, GidsActionBarFilterToggleEventDetail, GidsActionBarMoreFilters, GidsActionBarPrimaryFilters, GidsActionBarSecondaryFilters, GidsActivityGaugeCommonProps, GidsActivityGaugeData, GidsActivityGaugeLegendPosition, GidsActivityGaugeSize, GidsAdvancedTooltipItem, GidsBadgeAppearance, GidsBadgeType, GidsBarChartCommonProps, GidsBarChartData, GidsBarChartLegendPosition, GidsBasicTableHeaderCellItem, GidsButtonAppearance, GidsButtonSize, GidsButtonWidth, GidsCalendarDateSelectionEventDetails, GidsCalendarHeaderPanelActionsEventDetail, GidsCalendarHeaderPanelItemSelectEventDetail, GidsCalendarMonthListItemSelectEventDetail, GidsCalendarWidth, GidsCalendarYearListItemSelectEventDetail, GidsChartBreakpoint, GidsChartLegendItemOrientation, GidsChartLegendItemSeriesType, GidsChartType, GidsComponentPosition, GidsDisplayTagColor, GidsDotAppearance, GidsDotSize, GidsDropdownChangeEventDetail, GidsDropdownPickerChangeEventDetail, GidsExpansionBodyListEvent, GidsExpansionBodyListItemEvent, GidsExpansionBodyListItems, GidsExpansionEvent, GidsExpansionLabelLevel, GidsFilterItemType, GidsFilterPickerChangeEventDetail, GidsFilterToggleEventDetail, GidsFilterType, GidsFloatingElementPlacement, GidsHeaderNavigationItemAppearance, GidsHeaderNavigationItemBorderRadius, GidsHeaderNavigationItemEvent, GidsHeaderNavigationItemMenuGroupItem, GidsHeaderNavigationItemMenuItemEvent, GidsHeaderNavigationItemSelectionType, GidsHeaderNavigationItemSize, GidsHeaderNavigationMenu, GidsHeaderNavigationMenuItemEvent, GidsHeaderNavigationMode, GidsHeaderNavigationType, GidsIconSize, GidsInputAppearance, GidsLabelFieldRequirement, GidsLabelFieldRequirementTextFn, GidsLevelGaugeColor, GidsLevelGaugeCommonProps, GidsLevelGaugeSize, GidsLineChartCommonProps, GidsLineChartData, GidsLineChartLegendPosition, GidsMdTableBody, GidsMenuGroupType, GidsNotificationPronunciation, GidsOverflowContainerShadowLocation, GidsPieChartCommonProps, GidsPieChartData, GidsProfileAppearance, GidsProfileBorderRadius, GidsProfileControlAvatarProps, GidsProfileControlEvent, GidsProfileMenuGroupedItem, GidsProfileMenuHeaderAvatarProps, GidsProfileMenuHeaderItem, GidsProfileMenuHeaderItemPressEvent, GidsProfileMenuHeaderItemsPosition, GidsProfileMenuItemEvent, GidsProfileShadow, GidsProgressCircleCommonProps, GidsRequirementsProps, GidsSkeletonAnimation, GidsSkeletonVariant, GidsSnackbarContainerAppearance, GidsSpinnerSize, GidsTabItemAppearance, GidsTabItemPressEvent, GidsTabItemPressEventDetail, GidsTabItemWidth, GidsTableBordersWithNoneSharedType, GidsTagAppearance, GidsTagSize, GidsToggleButtonAppearance, GidsTransferListListItem, GidsTransferListSelectEvent, GidsTransferListTransferActionEvent, GidsTransferListType, IsLabelSentenceFn } from "@ganpatiinfo/gids-core-shared";
+import { GidsActionBarAllFilters, GidsActionBarClearFiltersEventDetail, GidsActionBarFilterSelectEventDetail, GidsActionBarFilterToggleEventDetail, GidsActionBarMoreFilters, GidsActionBarPrimaryFilters, GidsActionBarSecondaryFilters, GidsActivityGaugeCommonProps, GidsActivityGaugeData, GidsActivityGaugeLegendPosition, GidsActivityGaugeSize, GidsAdvancedTooltipItem, GidsBadgeAppearance, GidsBadgeType, GidsBarChartCommonProps, GidsBarChartData, GidsBarChartLegendPosition, GidsBasicTableHeaderCellItem, GidsBentoCardType, GidsButtonAppearance, GidsButtonSize, GidsButtonWidth, GidsCalendarDateSelectionEventDetails, GidsCalendarHeaderPanelActionsEventDetail, GidsCalendarHeaderPanelItemSelectEventDetail, GidsCalendarMonthListItemSelectEventDetail, GidsCalendarWidth, GidsCalendarYearListItemSelectEventDetail, GidsCarouselSlide, GidsChartBreakpoint, GidsChartLegendItemOrientation, GidsChartLegendItemSeriesType, GidsChartType, GidsComponentPosition, GidsDisplayTagColor, GidsDotAppearance, GidsDotSize, GidsDropdownChangeEventDetail, GidsDropdownPickerChangeEventDetail, GidsExpansionBodyListEvent, GidsExpansionBodyListItemEvent, GidsExpansionBodyListItems, GidsExpansionEvent, GidsExpansionLabelLevel, GidsFilterItemType, GidsFilterPickerChangeEventDetail, GidsFilterToggleEventDetail, GidsFilterType, GidsFloatingElementPlacement, GidsFlyoutPanelPlacement, GidsHeaderNavigationItemAppearance, GidsHeaderNavigationItemBorderRadius, GidsHeaderNavigationItemEvent, GidsHeaderNavigationItemMenuGroupItem, GidsHeaderNavigationItemMenuItemEvent, GidsHeaderNavigationItemSelectionType, GidsHeaderNavigationItemSize, GidsHeaderNavigationMenu, GidsHeaderNavigationMenuItemEvent, GidsHeaderNavigationMode, GidsHeaderNavigationType, GidsIconSize, GidsInputAppearance, GidsLabelFieldRequirement, GidsLabelFieldRequirementTextFn, GidsLevelGaugeColor, GidsLevelGaugeCommonProps, GidsLevelGaugeSize, GidsLineChartCommonProps, GidsLineChartData, GidsLineChartLegendPosition, GidsMdTableBody, GidsMenuGroupType, GidsNotificationPronunciation, GidsOverflowContainerShadowLocation, GidsPieChartCommonProps, GidsPieChartData, GidsProfileAppearance, GidsProfileBorderRadius, GidsProfileControlAvatarProps, GidsProfileControlEvent, GidsProfileMenuGroupedItem, GidsProfileMenuHeaderAvatarProps, GidsProfileMenuHeaderItem, GidsProfileMenuHeaderItemPressEvent, GidsProfileMenuHeaderItemsPosition, GidsProfileMenuItemEvent, GidsProfileShadow, GidsProgressCircleCommonProps, GidsRequirementsProps, GidsSkeletonAnimation, GidsSkeletonVariant, GidsSnackbarContainerAppearance, GidsSpinnerSize, GidsTabItemAppearance, GidsTabItemPressEvent, GidsTabItemPressEventDetail, GidsTabItemWidth, GidsTableBordersWithNoneSharedType, GidsTagAppearance, GidsTagSize, GidsToggleButtonAppearance, GidsTransferListListItem, GidsTransferListSelectEvent, GidsTransferListTransferActionEvent, GidsTransferListType, IsLabelSentenceFn } from "@ganpatiinfo/gids-core-shared";
 import { NativeInputForwardedProps } from "./components/webComponents/GidsDropdown/GidsDropdown";
 import { GidsComponentButtonClickHandler, GidsDropdownFieldWebProps, GidsIconWebProps, GidsInputWebStatus, GidsTableCellTypographyStyle, GidsWebFieldStatus, RemovedGidsOverlayProviderNotificationQueueWebProps, RemovedGidsOverlayProviderSnackbarQueueWebProps, RemoveGidsInputProps, RemoveGidsPasswordFieldProps, RemoveGidsTextFieldProps, TextInputTypes } from "@ganpatiinfo/gids-web-shared";
 import { NativeInputForwardedProps as NativeInputForwardedProps1 } from "./components/webComponents/GidsDropdownField/GidsDropdownField";
@@ -16,7 +16,7 @@ import { GidsTableCellAppearanceSharedType, GidsTableCellBorderRadiusSideSharedT
 import { GidsPieChartSize } from "./components/webComponents/GidsPieChart/GidsPieChart";
 import { GidsProgressCircleShape, GidsProgressCircleSize } from "./components/webComponents/GidsProgressCircle/GidsProgressCircle";
 import { GidsTransferListEventType } from "./components/webComponents/GidsTransferList/GidsTransferList";
-export { GidsActionBarAllFilters, GidsActionBarClearFiltersEventDetail, GidsActionBarFilterSelectEventDetail, GidsActionBarFilterToggleEventDetail, GidsActionBarMoreFilters, GidsActionBarPrimaryFilters, GidsActionBarSecondaryFilters, GidsActivityGaugeCommonProps, GidsActivityGaugeData, GidsActivityGaugeLegendPosition, GidsActivityGaugeSize, GidsAdvancedTooltipItem, GidsBadgeAppearance, GidsBadgeType, GidsBarChartCommonProps, GidsBarChartData, GidsBarChartLegendPosition, GidsBasicTableHeaderCellItem, GidsButtonAppearance, GidsButtonSize, GidsButtonWidth, GidsCalendarDateSelectionEventDetails, GidsCalendarHeaderPanelActionsEventDetail, GidsCalendarHeaderPanelItemSelectEventDetail, GidsCalendarMonthListItemSelectEventDetail, GidsCalendarWidth, GidsCalendarYearListItemSelectEventDetail, GidsChartBreakpoint, GidsChartLegendItemOrientation, GidsChartLegendItemSeriesType, GidsChartType, GidsComponentPosition, GidsDisplayTagColor, GidsDotAppearance, GidsDotSize, GidsDropdownChangeEventDetail, GidsDropdownPickerChangeEventDetail, GidsExpansionBodyListEvent, GidsExpansionBodyListItemEvent, GidsExpansionBodyListItems, GidsExpansionEvent, GidsExpansionLabelLevel, GidsFilterItemType, GidsFilterPickerChangeEventDetail, GidsFilterToggleEventDetail, GidsFilterType, GidsFloatingElementPlacement, GidsHeaderNavigationItemAppearance, GidsHeaderNavigationItemBorderRadius, GidsHeaderNavigationItemEvent, GidsHeaderNavigationItemMenuGroupItem, GidsHeaderNavigationItemMenuItemEvent, GidsHeaderNavigationItemSelectionType, GidsHeaderNavigationItemSize, GidsHeaderNavigationMenu, GidsHeaderNavigationMenuItemEvent, GidsHeaderNavigationMode, GidsHeaderNavigationType, GidsIconSize, GidsInputAppearance, GidsLabelFieldRequirement, GidsLabelFieldRequirementTextFn, GidsLevelGaugeColor, GidsLevelGaugeCommonProps, GidsLevelGaugeSize, GidsLineChartCommonProps, GidsLineChartData, GidsLineChartLegendPosition, GidsMdTableBody, GidsMenuGroupType, GidsNotificationPronunciation, GidsOverflowContainerShadowLocation, GidsPieChartCommonProps, GidsPieChartData, GidsProfileAppearance, GidsProfileBorderRadius, GidsProfileControlAvatarProps, GidsProfileControlEvent, GidsProfileMenuGroupedItem, GidsProfileMenuHeaderAvatarProps, GidsProfileMenuHeaderItem, GidsProfileMenuHeaderItemPressEvent, GidsProfileMenuHeaderItemsPosition, GidsProfileMenuItemEvent, GidsProfileShadow, GidsProgressCircleCommonProps, GidsRequirementsProps, GidsSkeletonAnimation, GidsSkeletonVariant, GidsSnackbarContainerAppearance, GidsSpinnerSize, GidsTabItemAppearance, GidsTabItemPressEvent, GidsTabItemPressEventDetail, GidsTabItemWidth, GidsTableBordersWithNoneSharedType, GidsTagAppearance, GidsTagSize, GidsToggleButtonAppearance, GidsTransferListListItem, GidsTransferListSelectEvent, GidsTransferListTransferActionEvent, GidsTransferListType, IsLabelSentenceFn } from "@ganpatiinfo/gids-core-shared";
+export { GidsActionBarAllFilters, GidsActionBarClearFiltersEventDetail, GidsActionBarFilterSelectEventDetail, GidsActionBarFilterToggleEventDetail, GidsActionBarMoreFilters, GidsActionBarPrimaryFilters, GidsActionBarSecondaryFilters, GidsActivityGaugeCommonProps, GidsActivityGaugeData, GidsActivityGaugeLegendPosition, GidsActivityGaugeSize, GidsAdvancedTooltipItem, GidsBadgeAppearance, GidsBadgeType, GidsBarChartCommonProps, GidsBarChartData, GidsBarChartLegendPosition, GidsBasicTableHeaderCellItem, GidsBentoCardType, GidsButtonAppearance, GidsButtonSize, GidsButtonWidth, GidsCalendarDateSelectionEventDetails, GidsCalendarHeaderPanelActionsEventDetail, GidsCalendarHeaderPanelItemSelectEventDetail, GidsCalendarMonthListItemSelectEventDetail, GidsCalendarWidth, GidsCalendarYearListItemSelectEventDetail, GidsCarouselSlide, GidsChartBreakpoint, GidsChartLegendItemOrientation, GidsChartLegendItemSeriesType, GidsChartType, GidsComponentPosition, GidsDisplayTagColor, GidsDotAppearance, GidsDotSize, GidsDropdownChangeEventDetail, GidsDropdownPickerChangeEventDetail, GidsExpansionBodyListEvent, GidsExpansionBodyListItemEvent, GidsExpansionBodyListItems, GidsExpansionEvent, GidsExpansionLabelLevel, GidsFilterItemType, GidsFilterPickerChangeEventDetail, GidsFilterToggleEventDetail, GidsFilterType, GidsFloatingElementPlacement, GidsFlyoutPanelPlacement, GidsHeaderNavigationItemAppearance, GidsHeaderNavigationItemBorderRadius, GidsHeaderNavigationItemEvent, GidsHeaderNavigationItemMenuGroupItem, GidsHeaderNavigationItemMenuItemEvent, GidsHeaderNavigationItemSelectionType, GidsHeaderNavigationItemSize, GidsHeaderNavigationMenu, GidsHeaderNavigationMenuItemEvent, GidsHeaderNavigationMode, GidsHeaderNavigationType, GidsIconSize, GidsInputAppearance, GidsLabelFieldRequirement, GidsLabelFieldRequirementTextFn, GidsLevelGaugeColor, GidsLevelGaugeCommonProps, GidsLevelGaugeSize, GidsLineChartCommonProps, GidsLineChartData, GidsLineChartLegendPosition, GidsMdTableBody, GidsMenuGroupType, GidsNotificationPronunciation, GidsOverflowContainerShadowLocation, GidsPieChartCommonProps, GidsPieChartData, GidsProfileAppearance, GidsProfileBorderRadius, GidsProfileControlAvatarProps, GidsProfileControlEvent, GidsProfileMenuGroupedItem, GidsProfileMenuHeaderAvatarProps, GidsProfileMenuHeaderItem, GidsProfileMenuHeaderItemPressEvent, GidsProfileMenuHeaderItemsPosition, GidsProfileMenuItemEvent, GidsProfileShadow, GidsProgressCircleCommonProps, GidsRequirementsProps, GidsSkeletonAnimation, GidsSkeletonVariant, GidsSnackbarContainerAppearance, GidsSpinnerSize, GidsTabItemAppearance, GidsTabItemPressEvent, GidsTabItemPressEventDetail, GidsTabItemWidth, GidsTableBordersWithNoneSharedType, GidsTagAppearance, GidsTagSize, GidsToggleButtonAppearance, GidsTransferListListItem, GidsTransferListSelectEvent, GidsTransferListTransferActionEvent, GidsTransferListType, IsLabelSentenceFn } from "@ganpatiinfo/gids-core-shared";
 export { NativeInputForwardedProps } from "./components/webComponents/GidsDropdown/GidsDropdown";
 export { GidsComponentButtonClickHandler, GidsDropdownFieldWebProps, GidsIconWebProps, GidsInputWebStatus, GidsTableCellTypographyStyle, GidsWebFieldStatus, RemovedGidsOverlayProviderNotificationQueueWebProps, RemovedGidsOverlayProviderSnackbarQueueWebProps, RemoveGidsInputProps, RemoveGidsPasswordFieldProps, RemoveGidsTextFieldProps, TextInputTypes } from "@ganpatiinfo/gids-web-shared";
 export { NativeInputForwardedProps as NativeInputForwardedProps1 } from "./components/webComponents/GidsDropdownField/GidsDropdownField";
@@ -192,6 +192,24 @@ export namespace Components {
          */
         "yAxisVisible"?: boolean;
     }
+    interface GidsBentoCard {
+        /**
+          * This can be custom in case of custom you can pass card background gradient on `bgGradient` variable
+          * @default 'default'
+         */
+        "appearance"?: GidsBentoCardType;
+        "bgGradient"?: string;
+        "description"?: string;
+        "heading"?: string;
+        /**
+          * @default ''
+         */
+        "label"?: string;
+        "primaryTextColor"?: string;
+        "secondaryTextColor"?: string;
+        "supportingText"?: string;
+        "tertiaryTextColor"?: string;
+    }
     interface GidsCalendar {
         "activeMonthNumber"?: number;
         "activeYear"?: number;
@@ -336,6 +354,37 @@ export namespace Components {
          */
         "type"?: GidsMenuGroupType;
     }
+    interface GidsCarousel {
+        /**
+          * @default false
+         */
+        "autoplay": boolean;
+        /**
+          * @default 5000
+         */
+        "autoplayInterval": number;
+        "labelTitle"?: string;
+        /**
+          * @default true
+         */
+        "loop": boolean;
+        /**
+          * @default true
+         */
+        "pauseOnHover": boolean;
+        /**
+          * @default false
+         */
+        "showControls": boolean;
+        /**
+          * @default false
+         */
+        "showPagination": boolean;
+        /**
+          * @default []
+         */
+        "slides": GidsCarouselSlide[];
+    }
     interface GidsChart {
         "activityGaugeProps"?: GidsActivityGaugeCommonProps;
         "barChartProps"?: GidsBarChartCommonProps;
@@ -571,6 +620,13 @@ export namespace Components {
         "type"?: GidsFilterType;
         "value"?: string;
     }
+    interface GidsFlyoutPanel {
+        "htmlFor": string;
+        /**
+          * @default 'bottom'
+         */
+        "placement": GidsFlyoutPanelPlacement;
+    }
     interface GidsHeaderNavigation {
         "appearance"?: GidsHeaderNavigationItemAppearance;
         "applySeparators"?: boolean;
@@ -1339,6 +1395,12 @@ declare global {
         prototype: HTMLGidsBarChartElement;
         new (): HTMLGidsBarChartElement;
     };
+    interface HTMLGidsBentoCardElement extends Components.GidsBentoCard, HTMLStencilElement {
+    }
+    var HTMLGidsBentoCardElement: {
+        prototype: HTMLGidsBentoCardElement;
+        new (): HTMLGidsBentoCardElement;
+    };
     interface HTMLGidsCalendarElement extends Components.GidsCalendar, HTMLStencilElement {
     }
     var HTMLGidsCalendarElement: {
@@ -1363,6 +1425,12 @@ declare global {
         prototype: HTMLGidsCalendarYearListElement;
         new (): HTMLGidsCalendarYearListElement;
     };
+    interface HTMLGidsCarouselElement extends Components.GidsCarousel, HTMLStencilElement {
+    }
+    var HTMLGidsCarouselElement: {
+        prototype: HTMLGidsCarouselElement;
+        new (): HTMLGidsCarouselElement;
+    };
     interface HTMLGidsChartElement extends Components.GidsChart, HTMLStencilElement {
     }
     var HTMLGidsChartElement: {
@@ -1458,6 +1526,12 @@ declare global {
         prototype: HTMLGidsFilterElement;
         new (): HTMLGidsFilterElement;
     };
+    interface HTMLGidsFlyoutPanelElement extends Components.GidsFlyoutPanel, HTMLStencilElement {
+    }
+    var HTMLGidsFlyoutPanelElement: {
+        prototype: HTMLGidsFlyoutPanelElement;
+        new (): HTMLGidsFlyoutPanelElement;
+    };
     interface HTMLGidsHeaderNavigationElement extends Components.GidsHeaderNavigation, HTMLStencilElement {
     }
     var HTMLGidsHeaderNavigationElement: {
@@ -1656,10 +1730,12 @@ declare global {
         "gids-activity-gauge": HTMLGidsActivityGaugeElement;
         "gids-advanced-tooltip": HTMLGidsAdvancedTooltipElement;
         "gids-bar-chart": HTMLGidsBarChartElement;
+        "gids-bento-card": HTMLGidsBentoCardElement;
         "gids-calendar": HTMLGidsCalendarElement;
         "gids-calendar-header-panel": HTMLGidsCalendarHeaderPanelElement;
         "gids-calendar-month-list": HTMLGidsCalendarMonthListElement;
         "gids-calendar-year-list": HTMLGidsCalendarYearListElement;
+        "gids-carousel": HTMLGidsCarouselElement;
         "gids-chart": HTMLGidsChartElement;
         "gids-chart-legend": HTMLGidsChartLegendElement;
         "gids-chart-legend-item": HTMLGidsChartLegendItemElement;
@@ -1674,6 +1750,7 @@ declare global {
         "gids-expansion-group": HTMLGidsExpansionGroupElement;
         "gids-field": HTMLGidsFieldElement;
         "gids-filter": HTMLGidsFilterElement;
+        "gids-flyout-panel": HTMLGidsFlyoutPanelElement;
         "gids-header-navigation": HTMLGidsHeaderNavigationElement;
         "gids-header-navigation-item": HTMLGidsHeaderNavigationItemElement;
         "gids-icon": HTMLGidsIconElement;
@@ -1869,6 +1946,24 @@ declare namespace LocalJSX {
          */
         "yAxisVisible"?: boolean;
     }
+    interface GidsBentoCard {
+        /**
+          * This can be custom in case of custom you can pass card background gradient on `bgGradient` variable
+          * @default 'default'
+         */
+        "appearance"?: GidsBentoCardType;
+        "bgGradient"?: string;
+        "description"?: string;
+        "heading"?: string;
+        /**
+          * @default ''
+         */
+        "label"?: string;
+        "primaryTextColor"?: string;
+        "secondaryTextColor"?: string;
+        "supportingText"?: string;
+        "tertiaryTextColor"?: string;
+    }
     interface GidsCalendar {
         "activeMonthNumber"?: number;
         "activeYear"?: number;
@@ -2013,6 +2108,37 @@ declare namespace LocalJSX {
          */
         "type"?: GidsMenuGroupType;
     }
+    interface GidsCarousel {
+        /**
+          * @default false
+         */
+        "autoplay"?: boolean;
+        /**
+          * @default 5000
+         */
+        "autoplayInterval"?: number;
+        "labelTitle"?: string;
+        /**
+          * @default true
+         */
+        "loop"?: boolean;
+        /**
+          * @default true
+         */
+        "pauseOnHover"?: boolean;
+        /**
+          * @default false
+         */
+        "showControls"?: boolean;
+        /**
+          * @default false
+         */
+        "showPagination"?: boolean;
+        /**
+          * @default []
+         */
+        "slides"?: GidsCarouselSlide[];
+    }
     interface GidsChart {
         "activityGaugeProps"?: GidsActivityGaugeCommonProps;
         "barChartProps"?: GidsBarChartCommonProps;
@@ -2246,6 +2372,13 @@ declare namespace LocalJSX {
         "type"?: GidsFilterType;
         "value"?: string;
     }
+    interface GidsFlyoutPanel {
+        "htmlFor"?: string;
+        /**
+          * @default 'bottom'
+         */
+        "placement"?: GidsFlyoutPanelPlacement;
+    }
     interface GidsHeaderNavigation {
         "appearance"?: GidsHeaderNavigationItemAppearance;
         "applySeparators"?: boolean;
@@ -3015,6 +3148,17 @@ declare namespace LocalJSX {
         "chartLoadingTitle": string;
         "chartLoadingSupportingText": string;
     }
+    interface GidsBentoCardAttributes {
+        "heading": string;
+        "label": string;
+        "supportingText": string;
+        "description": string;
+        "appearance": GidsBentoCardType;
+        "bgGradient": string;
+        "primaryTextColor": string;
+        "secondaryTextColor": string;
+        "tertiaryTextColor": string;
+    }
     interface GidsCalendarAttributes {
         "width": GidsCalendarWidth;
         "panelActionsAppearance": GidsButtonAppearance;
@@ -3057,6 +3201,15 @@ declare namespace LocalJSX {
         "startYear": number;
         "endYear": number;
     }
+    interface GidsCarouselAttributes {
+        "labelTitle": string;
+        "autoplay": boolean;
+        "autoplayInterval": number;
+        "loop": boolean;
+        "showControls": boolean;
+        "showPagination": boolean;
+        "pauseOnHover": boolean;
+    }
     interface GidsChartAttributes {
         "breakpoint": GidsChartBreakpoint;
         "chartType": GidsChartType;
@@ -3158,6 +3311,10 @@ declare namespace LocalJSX {
         "loading": boolean;
         "filterIndex": number;
     }
+    interface GidsFlyoutPanelAttributes {
+        "htmlFor": string;
+        "placement": GidsFlyoutPanelPlacement;
+    }
     interface GidsHeaderNavigationAttributes {
         "appearance": GidsHeaderNavigationItemAppearance;
         "selectionAppearance": GidsHeaderNavigationItemAppearance;
@@ -3418,10 +3575,12 @@ declare namespace LocalJSX {
         "gids-activity-gauge": Omit<GidsActivityGauge, keyof GidsActivityGaugeAttributes> & { [K in keyof GidsActivityGauge & keyof GidsActivityGaugeAttributes]?: GidsActivityGauge[K] } & { [K in keyof GidsActivityGauge & keyof GidsActivityGaugeAttributes as `attr:${K}`]?: GidsActivityGaugeAttributes[K] } & { [K in keyof GidsActivityGauge & keyof GidsActivityGaugeAttributes as `prop:${K}`]?: GidsActivityGauge[K] };
         "gids-advanced-tooltip": Omit<GidsAdvancedTooltip, keyof GidsAdvancedTooltipAttributes> & { [K in keyof GidsAdvancedTooltip & keyof GidsAdvancedTooltipAttributes]?: GidsAdvancedTooltip[K] } & { [K in keyof GidsAdvancedTooltip & keyof GidsAdvancedTooltipAttributes as `attr:${K}`]?: GidsAdvancedTooltipAttributes[K] } & { [K in keyof GidsAdvancedTooltip & keyof GidsAdvancedTooltipAttributes as `prop:${K}`]?: GidsAdvancedTooltip[K] };
         "gids-bar-chart": Omit<GidsBarChart, keyof GidsBarChartAttributes> & { [K in keyof GidsBarChart & keyof GidsBarChartAttributes]?: GidsBarChart[K] } & { [K in keyof GidsBarChart & keyof GidsBarChartAttributes as `attr:${K}`]?: GidsBarChartAttributes[K] } & { [K in keyof GidsBarChart & keyof GidsBarChartAttributes as `prop:${K}`]?: GidsBarChart[K] };
+        "gids-bento-card": Omit<GidsBentoCard, keyof GidsBentoCardAttributes> & { [K in keyof GidsBentoCard & keyof GidsBentoCardAttributes]?: GidsBentoCard[K] } & { [K in keyof GidsBentoCard & keyof GidsBentoCardAttributes as `attr:${K}`]?: GidsBentoCardAttributes[K] } & { [K in keyof GidsBentoCard & keyof GidsBentoCardAttributes as `prop:${K}`]?: GidsBentoCard[K] };
         "gids-calendar": Omit<GidsCalendar, keyof GidsCalendarAttributes> & { [K in keyof GidsCalendar & keyof GidsCalendarAttributes]?: GidsCalendar[K] } & { [K in keyof GidsCalendar & keyof GidsCalendarAttributes as `attr:${K}`]?: GidsCalendarAttributes[K] } & { [K in keyof GidsCalendar & keyof GidsCalendarAttributes as `prop:${K}`]?: GidsCalendar[K] };
         "gids-calendar-header-panel": Omit<GidsCalendarHeaderPanel, keyof GidsCalendarHeaderPanelAttributes> & { [K in keyof GidsCalendarHeaderPanel & keyof GidsCalendarHeaderPanelAttributes]?: GidsCalendarHeaderPanel[K] } & { [K in keyof GidsCalendarHeaderPanel & keyof GidsCalendarHeaderPanelAttributes as `attr:${K}`]?: GidsCalendarHeaderPanelAttributes[K] } & { [K in keyof GidsCalendarHeaderPanel & keyof GidsCalendarHeaderPanelAttributes as `prop:${K}`]?: GidsCalendarHeaderPanel[K] };
         "gids-calendar-month-list": Omit<GidsCalendarMonthList, keyof GidsCalendarMonthListAttributes> & { [K in keyof GidsCalendarMonthList & keyof GidsCalendarMonthListAttributes]?: GidsCalendarMonthList[K] } & { [K in keyof GidsCalendarMonthList & keyof GidsCalendarMonthListAttributes as `attr:${K}`]?: GidsCalendarMonthListAttributes[K] } & { [K in keyof GidsCalendarMonthList & keyof GidsCalendarMonthListAttributes as `prop:${K}`]?: GidsCalendarMonthList[K] };
         "gids-calendar-year-list": Omit<GidsCalendarYearList, keyof GidsCalendarYearListAttributes> & { [K in keyof GidsCalendarYearList & keyof GidsCalendarYearListAttributes]?: GidsCalendarYearList[K] } & { [K in keyof GidsCalendarYearList & keyof GidsCalendarYearListAttributes as `attr:${K}`]?: GidsCalendarYearListAttributes[K] } & { [K in keyof GidsCalendarYearList & keyof GidsCalendarYearListAttributes as `prop:${K}`]?: GidsCalendarYearList[K] };
+        "gids-carousel": Omit<GidsCarousel, keyof GidsCarouselAttributes> & { [K in keyof GidsCarousel & keyof GidsCarouselAttributes]?: GidsCarousel[K] } & { [K in keyof GidsCarousel & keyof GidsCarouselAttributes as `attr:${K}`]?: GidsCarouselAttributes[K] } & { [K in keyof GidsCarousel & keyof GidsCarouselAttributes as `prop:${K}`]?: GidsCarousel[K] };
         "gids-chart": Omit<GidsChart, keyof GidsChartAttributes> & { [K in keyof GidsChart & keyof GidsChartAttributes]?: GidsChart[K] } & { [K in keyof GidsChart & keyof GidsChartAttributes as `attr:${K}`]?: GidsChartAttributes[K] } & { [K in keyof GidsChart & keyof GidsChartAttributes as `prop:${K}`]?: GidsChart[K] };
         "gids-chart-legend": Omit<GidsChartLegend, keyof GidsChartLegendAttributes> & { [K in keyof GidsChartLegend & keyof GidsChartLegendAttributes]?: GidsChartLegend[K] } & { [K in keyof GidsChartLegend & keyof GidsChartLegendAttributes as `attr:${K}`]?: GidsChartLegendAttributes[K] } & { [K in keyof GidsChartLegend & keyof GidsChartLegendAttributes as `prop:${K}`]?: GidsChartLegend[K] };
         "gids-chart-legend-item": Omit<GidsChartLegendItem, keyof GidsChartLegendItemAttributes> & { [K in keyof GidsChartLegendItem & keyof GidsChartLegendItemAttributes]?: GidsChartLegendItem[K] } & { [K in keyof GidsChartLegendItem & keyof GidsChartLegendItemAttributes as `attr:${K}`]?: GidsChartLegendItemAttributes[K] } & { [K in keyof GidsChartLegendItem & keyof GidsChartLegendItemAttributes as `prop:${K}`]?: GidsChartLegendItem[K] };
@@ -3436,6 +3595,7 @@ declare namespace LocalJSX {
         "gids-expansion-group": GidsExpansionGroup;
         "gids-field": Omit<GidsField, keyof GidsFieldAttributes> & { [K in keyof GidsField & keyof GidsFieldAttributes]?: GidsField[K] } & { [K in keyof GidsField & keyof GidsFieldAttributes as `attr:${K}`]?: GidsFieldAttributes[K] } & { [K in keyof GidsField & keyof GidsFieldAttributes as `prop:${K}`]?: GidsField[K] };
         "gids-filter": Omit<GidsFilter, keyof GidsFilterAttributes> & { [K in keyof GidsFilter & keyof GidsFilterAttributes]?: GidsFilter[K] } & { [K in keyof GidsFilter & keyof GidsFilterAttributes as `attr:${K}`]?: GidsFilterAttributes[K] } & { [K in keyof GidsFilter & keyof GidsFilterAttributes as `prop:${K}`]?: GidsFilter[K] };
+        "gids-flyout-panel": Omit<GidsFlyoutPanel, keyof GidsFlyoutPanelAttributes> & { [K in keyof GidsFlyoutPanel & keyof GidsFlyoutPanelAttributes]?: GidsFlyoutPanel[K] } & { [K in keyof GidsFlyoutPanel & keyof GidsFlyoutPanelAttributes as `attr:${K}`]?: GidsFlyoutPanelAttributes[K] } & { [K in keyof GidsFlyoutPanel & keyof GidsFlyoutPanelAttributes as `prop:${K}`]?: GidsFlyoutPanel[K] };
         "gids-header-navigation": Omit<GidsHeaderNavigation, keyof GidsHeaderNavigationAttributes> & { [K in keyof GidsHeaderNavigation & keyof GidsHeaderNavigationAttributes]?: GidsHeaderNavigation[K] } & { [K in keyof GidsHeaderNavigation & keyof GidsHeaderNavigationAttributes as `attr:${K}`]?: GidsHeaderNavigationAttributes[K] } & { [K in keyof GidsHeaderNavigation & keyof GidsHeaderNavigationAttributes as `prop:${K}`]?: GidsHeaderNavigation[K] };
         "gids-header-navigation-item": Omit<GidsHeaderNavigationItem, keyof GidsHeaderNavigationItemAttributes> & { [K in keyof GidsHeaderNavigationItem & keyof GidsHeaderNavigationItemAttributes]?: GidsHeaderNavigationItem[K] } & { [K in keyof GidsHeaderNavigationItem & keyof GidsHeaderNavigationItemAttributes as `attr:${K}`]?: GidsHeaderNavigationItemAttributes[K] } & { [K in keyof GidsHeaderNavigationItem & keyof GidsHeaderNavigationItemAttributes as `prop:${K}`]?: GidsHeaderNavigationItem[K] };
         "gids-icon": Omit<GidsIcon, keyof GidsIconAttributes> & { [K in keyof GidsIcon & keyof GidsIconAttributes]?: GidsIcon[K] } & { [K in keyof GidsIcon & keyof GidsIconAttributes as `attr:${K}`]?: GidsIconAttributes[K] } & { [K in keyof GidsIcon & keyof GidsIconAttributes as `prop:${K}`]?: GidsIcon[K] } & OneOf<"name", GidsIcon["name"], GidsIconAttributes["name"]>;
@@ -3472,10 +3632,12 @@ declare module "@stencil/core" {
             "gids-activity-gauge": LocalJSX.IntrinsicElements["gids-activity-gauge"] & JSXBase.HTMLAttributes<HTMLGidsActivityGaugeElement>;
             "gids-advanced-tooltip": LocalJSX.IntrinsicElements["gids-advanced-tooltip"] & JSXBase.HTMLAttributes<HTMLGidsAdvancedTooltipElement>;
             "gids-bar-chart": LocalJSX.IntrinsicElements["gids-bar-chart"] & JSXBase.HTMLAttributes<HTMLGidsBarChartElement>;
+            "gids-bento-card": LocalJSX.IntrinsicElements["gids-bento-card"] & JSXBase.HTMLAttributes<HTMLGidsBentoCardElement>;
             "gids-calendar": LocalJSX.IntrinsicElements["gids-calendar"] & JSXBase.HTMLAttributes<HTMLGidsCalendarElement>;
             "gids-calendar-header-panel": LocalJSX.IntrinsicElements["gids-calendar-header-panel"] & JSXBase.HTMLAttributes<HTMLGidsCalendarHeaderPanelElement>;
             "gids-calendar-month-list": LocalJSX.IntrinsicElements["gids-calendar-month-list"] & JSXBase.HTMLAttributes<HTMLGidsCalendarMonthListElement>;
             "gids-calendar-year-list": LocalJSX.IntrinsicElements["gids-calendar-year-list"] & JSXBase.HTMLAttributes<HTMLGidsCalendarYearListElement>;
+            "gids-carousel": LocalJSX.IntrinsicElements["gids-carousel"] & JSXBase.HTMLAttributes<HTMLGidsCarouselElement>;
             "gids-chart": LocalJSX.IntrinsicElements["gids-chart"] & JSXBase.HTMLAttributes<HTMLGidsChartElement>;
             "gids-chart-legend": LocalJSX.IntrinsicElements["gids-chart-legend"] & JSXBase.HTMLAttributes<HTMLGidsChartLegendElement>;
             "gids-chart-legend-item": LocalJSX.IntrinsicElements["gids-chart-legend-item"] & JSXBase.HTMLAttributes<HTMLGidsChartLegendItemElement>;
@@ -3490,6 +3652,7 @@ declare module "@stencil/core" {
             "gids-expansion-group": LocalJSX.IntrinsicElements["gids-expansion-group"] & JSXBase.HTMLAttributes<HTMLGidsExpansionGroupElement>;
             "gids-field": LocalJSX.IntrinsicElements["gids-field"] & JSXBase.HTMLAttributes<HTMLGidsFieldElement>;
             "gids-filter": LocalJSX.IntrinsicElements["gids-filter"] & JSXBase.HTMLAttributes<HTMLGidsFilterElement>;
+            "gids-flyout-panel": LocalJSX.IntrinsicElements["gids-flyout-panel"] & JSXBase.HTMLAttributes<HTMLGidsFlyoutPanelElement>;
             "gids-header-navigation": LocalJSX.IntrinsicElements["gids-header-navigation"] & JSXBase.HTMLAttributes<HTMLGidsHeaderNavigationElement>;
             "gids-header-navigation-item": LocalJSX.IntrinsicElements["gids-header-navigation-item"] & JSXBase.HTMLAttributes<HTMLGidsHeaderNavigationItemElement>;
             "gids-icon": LocalJSX.IntrinsicElements["gids-icon"] & JSXBase.HTMLAttributes<HTMLGidsIconElement>;

package/dist-bundled/es/gids-action-bar.js

@@ -1,11 +1,11 @@
-import { L as J, q as x, u as K, D as s } from "./p-Bf3p-DY2-CPqEc-vc.js";
-import { r as $ } from "./p-BrYLEey4-DuajY4uD.js";
-import { i as E, a as G } from "./p-Bs8TP3Rb-BdcS7d5q.js";
-import { i as N } from "./p-DObJEzlz-tt9h5cuI.js";
-import { o as H } from "./p-UVmSPzTd-CR1higgJ.js";
-import { d as L } from "./p-D4Pimu_8-ARSuGBs4.js";
-import { a as Q } from "./p-Bw2pVReY-K9pdG-hw.js";
-import { o as U } from "./p-CZBiavxU-CIstIm2b.js";
+import { L as J, q as x, u as K, D as s } from "./p-B4hcsDH0-CPqEc-vc.js";
+import { r as $ } from "./p-KQxuw_F--BTSoDfF9.js";
+import { i as E, a as G } from "./p-D0coZTd2-KhJZ57gK.js";
+import { i as N } from "./p-CIxuyUAl-B2DxRM64.js";
+import { o as H } from "./p-Dg_WeHpV-DehzGL6g.js";
+import { d as L } from "./p-iQRr_fAH-ClfWEu03.js";
+import { a as Q } from "./p-jGho9nbS-BDiBvsn2.js";
+import { o as U } from "./p-GcC8pCKF-CZJFTFeN.js";
 import { c as X } from "./clsx-OuTLNxxd.js";
 const Y = (t) => X("gids-action-bar", t), Z = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
@@ -170,7 +170,7 @@ const Y = (t) => X("gids-action-bar", t), Z = /* @__PURE__ */ Object.freeze(/* @
   }
   render() {
     const t = ee(), e = this?.primaryFilters ?? [], l = this?.secondaryFilters ?? [], i = this.isMoreFilterVisible(), a = this.moreFiltersData, f = a?.filterPickerData ?? [], p = { disabled: this?.moreFiltersData?.disabled, filterDefaultSelected: this?.moreFiltersData?.filterDefaultSelected, loading: this?.moreFiltersData?.loading }, u = this.isAllFilterVisible(), S = this.getAllFiltersValue(), A = { defaultSelected: this?.allFiltersData?.defaultSelected, disabled: this?.allFiltersData?.disabled, loading: this?.allFiltersData?.loading }, g = this.dropdownDividerVisible, n = this.filterSize, m = this.isActionGroup(), F = this.getAllFilterId(), d = this.getMoreFilterId(), y = "secondary", B = "more", V = l.length + 1, q = this.getSelectedDropdownFilterTitle(d), _ = this.isDropdownFilterSelected(d);
-    return s("div", { key: "4a5c63f3ae9c06bf40d26a5e15168d3b0876997a", class: t }, s("div", { key: "e2e38edf932b49513974242b8a6e24c3cb189ff8", class: "gids-action-bar__primary-filters" }, s($, { key: "b3f9bf47f5cf39a1822b2c654157ef17b969f751", layout: "wrap" }, u ? s("gids-filter", { type: "all", filterId: F, filterDefaultSelected: this.filterAllIsDefaultSelected, filterIndex: 0, filterItemType: "primary", filterSelected: this.isNormalFilterSelected(F), value: S, ...A, disabled: this.isAllFiltersTabDisabled(), size: n, onFilterMenuItemChange: this.handleAllFilterClick }) : void 0, e.map(((r, o) => {
+    return s("div", { key: "adf0d02efe4d7d29203e1478c31d5059425e4d0c", class: t }, s("div", { key: "4e24965b10d1bd13740196f11eb6681b882f0b5f", class: "gids-action-bar__primary-filters" }, s($, { key: "10ca864d9a7235bd9e7c564263112ebe0c33932f", layout: "wrap" }, u ? s("gids-filter", { type: "all", filterId: F, filterDefaultSelected: this.filterAllIsDefaultSelected, filterIndex: 0, filterItemType: "primary", filterSelected: this.isNormalFilterSelected(F), value: S, ...A, disabled: this.isAllFiltersTabDisabled(), size: n, onFilterMenuItemChange: this.handleAllFilterClick }) : void 0, e.map(((r, o) => {
       const b = r?.filterPickerData ?? [], c = r?.filterId && r.filterId !== "" ? r.filterId : o + 1 + "_primary", h = "primary", C = "none", k = this.getSelectedDropdownFilterTitle(c), v = this.isDropdownFilterSelected(c);
       return s("gids-filter", { key: `${c}_${k}`, ...r, filterIndex: o + 1, filterId: c, disabled: r?.disabled || this.disabled, filterDefaultSelected: r?.filterDefaultSelected, filterSelected: v, type: C, filterItemType: h, title: k, value: k, size: n, expanded: this.activeExpandedFilterId === c, onToggle: (I) => this.toggleDropdownFilter({ detail: I, filterId: c, pickerData: b }) }, s(E, { type: "default" }, b.map(((I, T) => {
         const R = I?.sectionLabel;

package/dist-bundled/es/gids-activity-gauge.js

@@ -1,4 +1,4 @@
-import { o as t, d as e } from "./p-DiTjFG30-CQkxfu2K.js";
+import { o as t, d as e } from "./p-CMW3SjbP-ZYYIF_i6.js";
 const i = t, s = e;
 export {
   i as GidsActivityGauge,

package/dist-bundled/es/gids-advanced-tooltip.js

@@ -1,5 +1,5 @@
-import { b as e, _ as o } from "./p-Dd-ec-e0-BqX_F6y0.js";
-const s = e, d = o;
+import { _ as o, b as e } from "./p-BdsUwTgh-Cc7AQBsx.js";
+const s = o, d = e;
 export {
   s as GidsAdvancedTooltip,
   d as defineCustomElement

package/dist-bundled/es/gids-bar-chart.js

@@ -1,4 +1,4 @@
-import { g as t, h as e } from "./p-d-t7__OQ-CKPQZt2t.js";
+import { g as t, h as e } from "./p-PcSMc4jQ-CzYLaIZr.js";
 const r = t, s = e;
 export {
   r as GidsBarChart,

package/dist-bundled/es/gids-bento-card.js

@@ -0,0 +1,84 @@
+import { L as f, u as b, D as t, P as _, q as g } from "./p-B4hcsDH0-CPqEc-vc.js";
+import { c as m } from "./clsx-OuTLNxxd.js";
+const u = ({ appearance: e, hasAccessorySlot: r }, o) => m("gids-bento-card", {
+  // Card types
+  // 'gids-bento-card--appearance-default': appearance === 'default', // By default so not needed
+  "gids-bento-card--appearance-positive": e === "positive",
+  "gids-bento-card--appearance-warning": e === "warning",
+  "gids-bento-card--appearance-information": e === "information",
+  "gids-bento-card--appearance-danger": e === "danger",
+  "gids-bento-card--appearance-brand": e === "brand",
+  // gapping classes
+  "gids-bento-card--accessory-slot-gapping": r
+}, o), v = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  getGidsBentoCardClassNames: u
+}, Symbol.toStringTag, { value: "Module" })), { getGidsBentoCardClassNames: x } = v, l = f(class extends b {
+  constructor(e) {
+    super(), e !== !1 && this.__registerHost(), this.label = "", this.appearance = "default", this.hasDefaultSlot = !1, this.hasIconSlot = !1, this.hasAccessorySlot = !1;
+  }
+  headingChanged(e) {
+    this.heading = e;
+  }
+  labelChanged(e) {
+    this.label = e;
+  }
+  supportingTextChanged(e) {
+    this.supportingText = e;
+  }
+  descriptionChanged(e) {
+    this.description = e;
+  }
+  appearanceChanged(e) {
+    this.appearance = e;
+  }
+  bgGradientChanged(e) {
+    this.bgGradient = e;
+  }
+  primaryTextColorChanged(e) {
+    this.primaryTextColor = e;
+  }
+  secondaryTextColorChanged(e) {
+    this.secondaryTextColor = e;
+  }
+  tertiaryTextColorChanged(e) {
+    this.tertiaryTextColor = e;
+  }
+  connectedCallback() {
+  }
+  componentDidLoad() {
+    this.updateSlotStates();
+  }
+  updateSlotStates() {
+    let e = !1;
+    this.iconSlotRef && (e = this.iconSlotRef.assignedNodes().some(((a) => a.nodeType === Node.ELEMENT_NODE || a.nodeType === Node.TEXT_NODE && a?.textContent?.trim() !== "")));
+    let r = !1;
+    this.accessorySlotRef && (r = this.accessorySlotRef.assignedNodes().some(((a) => a.nodeType === Node.ELEMENT_NODE || a.nodeType === Node.TEXT_NODE && a?.textContent?.trim() !== "")));
+    let o = !1;
+    this.defaultSlotRef && (o = this.defaultSlotRef.assignedNodes().some(((a) => a.nodeType === Node.ELEMENT_NODE || a.nodeType === Node.TEXT_NODE && a?.textContent?.trim() !== ""))), this.hasIconSlot !== e && (this.hasIconSlot = e), this.hasAccessorySlot !== r && (this.hasAccessorySlot = r), this.hasDefaultSlot !== o && (this.hasDefaultSlot = o);
+  }
+  render() {
+    const e = this?.heading && this.heading !== "" ? this.heading : void 0, r = this?.label && this.label !== "" ? this.label : void 0, o = this?.supportingText && this.supportingText !== "" ? this.supportingText : void 0, a = this?.description && this.description !== "" ? this.description : void 0, p = e || r || o || a, h = this?.appearance ?? "default", d = this?.hasDefaultSlot ?? !1, n = this?.hasIconSlot ?? !1, s = this?.hasAccessorySlot ?? !1, y = x({ appearance: h, hasAccessorySlot: s });
+    return t(_, { key: "caabd7dfc000267728deae66ca386a35299fa7d8", class: `${y} ${n ? "has-icon" : ""} ${s ? "has-accessory" : ""} ${d ? "has-image" : ""}`, style: { "--gidsBentoCard-bg-gradient": this?.bgGradient ?? "", "--gidsBentoCardText-color-primary": this?.primaryTextColor ?? "", "--gidsBentoCardText-color-secondary": this?.secondaryTextColor ?? "", "--gidsBentoCardText-color-tertiary": this?.tertiaryTextColor ?? "" } }, t("div", { key: "cfa9adda2f173d62c54d48898589eb62472ef000", class: d ? "gids-bento-card__content gids-bento-card__default-slot-gapping" : "gids-bento-card__content" }, t("header", { key: "2ac5e6ca4c3b9095172f1a79e6227ab4473ef1e8", class: "gids-bento-card__header" }, t("div", { key: "143c9c4283c1488f29417dd01ad3b4d1c82c42bb", class: n ? "gids-bento-card__icon" : "" }, t("slot", { key: "7307e12ffecfa8a71d098601bc057162c4ffa465", name: "bentoCardIcon", ref: (i) => this.iconSlotRef = i, onSlotchange: () => this.updateSlotStates() })), p ? t("div", { class: "gids-bento-card__texts-wrapper" }, e && t("span", { class: "gids-bento-card__heading" }, e), r && t("h3", { class: "gids-bento-card__title" }, r), o && t("span", { class: "gids-bento-card__supporting" }, o), a && t("p", { class: "gids-bento-card__description" }, a)) : void 0), t("div", { key: "6451efead1bb0048115c3cc56698d3eed8dc5629", class: d ? "gids-bento-card__image-wrapper" : "" }, t("slot", { key: "cbbca1198f2384d9d45c25751c303ce527898a84", ref: (i) => this.defaultSlotRef = i, onSlotchange: () => this.updateSlotStates() }))), t("footer", { key: "e88d91268a6df4ed0a71e3918b78d7cd0e5d3629", class: s ? "gids-bento-card__footer" : "" }, t("slot", { key: "5c80cdae77e8085085b77f8efdeed87263a53d31", name: "bentoCardAccessory", ref: (i) => this.accessorySlotRef = i, onSlotchange: () => this.updateSlotStates() })));
+  }
+  get hostElement() {
+    return this;
+  }
+  static get watchers() {
+    return { heading: [{ headingChanged: 0 }], label: [{ labelChanged: 0 }], supportingText: [{ supportingTextChanged: 0 }], description: [{ descriptionChanged: 0 }], appearance: [{ appearanceChanged: 0 }], bgGradient: [{ bgGradientChanged: 0 }], primaryTextColor: [{ primaryTextColorChanged: 0 }], secondaryTextColor: [{ secondaryTextColorChanged: 0 }], tertiaryTextColor: [{ tertiaryTextColorChanged: 0 }] };
+  }
+  static get style() {
+    return ".gids-bento-card{--gidsBentoCard-bg-gradient:linear-gradient(    210deg,    var(--gids-color-background-accent-4-bolder-default) 0%,    var(--gids-color-background-accent-4-subtle-default) 100%   );--gidsBentoCardText-color-primary:var(--gids-color-text-inverse);--gidsBentoCardText-color-secondary:var(--gids-color-text-inverse);--gidsBentoCardText-color-tertiary:var(--gids-color-text-inverse);display:flex;flex-direction:column;max-width:var(--gids-width-2-xs);padding:var(--gids-padding-vertical-edge-to-element-200) var(--gids-padding-horizontal-edge-to-element-150);background:var(--gidsBentoCard-bg-gradient);border-radius:var(--gids-border-radius-lg);box-shadow:var(--gids-elevation-shadow-overlay)}.gids-bento-card--accessory-slot-gapping{gap:var(--gids-gap-600)}.gids-bento-card__default-slot-gapping{gap:var(--gids-gap-500)}.gids-bento-card__content{display:flex;flex-direction:column}.gids-bento-card__header{display:flex;gap:var(--gids-gap-100)}.gids-bento-card__icon{--gidsIcon-color:var(--gidsBentoCardText-color-primary)}.gids-bento-card__texts-wrapper{display:flex;flex-direction:column;gap:var(--gids-gap-50)}.gids-bento-card__heading{font-family:var(--gids-typography-heading-medium__font-family);font-size:var(--gids-typography-heading-medium__font-size);font-weight:var(--gids-typography-heading-medium__font-weight);letter-spacing:var(--gids-typography-heading-medium__letter-spacing);line-height:var(--gids-typography-heading-medium__line-height);text-transform:var(--gids-typography-heading-medium__text-transform, inherit);font-variant-caps:var(--gids-typography-heading-medium__font-variant-caps, inherit);color:var(--gidsBentoCardText-color-primary)}.gids-bento-card__title{font-family:var(--gids-typography-heading-small__font-family);font-size:var(--gids-typography-heading-small__font-size);font-weight:var(--gids-typography-heading-small__font-weight);letter-spacing:var(--gids-typography-heading-small__letter-spacing);line-height:var(--gids-typography-heading-small__line-height);text-transform:var(--gids-typography-heading-small__text-transform, inherit);font-variant-caps:var(--gids-typography-heading-small__font-variant-caps, inherit);color:var(--gidsBentoCardText-color-primary)}.gids-bento-card__supporting{font-family:var(--gids-typography-label-small__font-family);font-size:var(--gids-typography-label-small__font-size);font-weight:var(--gids-typography-label-small__font-weight);letter-spacing:var(--gids-typography-label-small__letter-spacing);line-height:var(--gids-typography-label-small__line-height);text-transform:var(--gids-typography-label-small__text-transform, inherit);font-variant-caps:var(--gids-typography-label-small__font-variant-caps, inherit);color:var(--gidsBentoCardText-color-secondary);margin-top:var(--gids-padding-vertical-edge-to-element-100)}.gids-bento-card__description{margin:0;font-family:var(--gids-typography-paragraph-small__font-family);font-size:var(--gids-typography-paragraph-small__font-size);font-weight:var(--gids-typography-paragraph-small__font-weight);letter-spacing:var(--gids-typography-paragraph-small__letter-spacing);line-height:var(--gids-typography-paragraph-small__line-height);text-transform:var(--gids-typography-paragraph-small__text-transform, inherit);font-variant-caps:var(--gids-typography-paragraph-small__font-variant-caps, inherit);color:var(--gidsBentoCardText-color-tertiary);margin-top:var(--gids-padding-vertical-edge-to-element-300)}.gids-bento-card__image-wrapper{display:block;width:100%;height:160px}.gids-bento-card__image-wrapper img{display:block;object-fit:contain;width:100%;height:160px}.gids-bento-card__footer{display:flex;flex-direction:column}.gids-bento-card--appearance-positive{--gidsBentoCard-bg-gradient:linear-gradient(    210deg,    var(--gids-color-background-accent-1-bolder-default) 0%,    var(--gids-color-background-accent-1-subtle-default) 100%   )}.gids-bento-card--appearance-warning{--gidsBentoCard-bg-gradient:linear-gradient(    210deg,    var(--gids-color-background-accent-2-bolder-default) 0%,    var(--gids-color-background-accent-2-subtle-default) 100%   )}.gids-bento-card--appearance-information{--gidsBentoCard-bg-gradient:linear-gradient(    210deg,    var(--gids-color-background-accent-3-bolder-default) 0%,    var(--gids-color-background-accent-3-subtle-default) 100%   )}.gids-bento-card--appearance-danger{--gidsBentoCard-bg-gradient:linear-gradient(    210deg,    var(--gids-color-background-accent-6-bolder-default) 0%,    var(--gids-color-background-accent-6-subtle-default) 100%   )}.gids-bento-card--appearance-brand{--gidsBentoCard-bg-gradient:linear-gradient(    210deg,    var(--gids-color-background-brand-boldest-default) 0%,    var(--gids-color-background-brand-bold-default) 100%   )}";
+  }
+}, [260, "gids-bento-card", { heading: [1], label: [1], supportingText: [1, "supporting-text"], description: [1], appearance: [1], bgGradient: [1, "bg-gradient"], primaryTextColor: [1, "primary-text-color"], secondaryTextColor: [1, "secondary-text-color"], tertiaryTextColor: [1, "tertiary-text-color"], hasDefaultSlot: [32], hasIconSlot: [32], hasAccessorySlot: [32] }, void 0, { heading: [{ headingChanged: 0 }], label: [{ labelChanged: 0 }], supportingText: [{ supportingTextChanged: 0 }], description: [{ descriptionChanged: 0 }], appearance: [{ appearanceChanged: 0 }], bgGradient: [{ bgGradientChanged: 0 }], primaryTextColor: [{ primaryTextColorChanged: 0 }], secondaryTextColor: [{ secondaryTextColorChanged: 0 }], tertiaryTextColor: [{ tertiaryTextColorChanged: 0 }] }]);
+function c() {
+  typeof customElements < "u" && ["gids-bento-card"].forEach(((e) => {
+    e === "gids-bento-card" && (customElements.get(g(e)) || customElements.define(g(e), l));
+  }));
+}
+c();
+const S = l, k = c;
+export {
+  S as GidsBentoCard,
+  k as defineCustomElement
+};

package/dist-bundled/es/gids-calendar-header-panel.js

@@ -1,6 +1,6 @@
-import { m as e, u as a } from "./p-UDG6tkD1-JTLPxkEn.js";
-const m = e, n = a;
+import { m as e, u as a } from "./p-Cz9nwmgK-BO8HUAvD.js";
+const s = e, n = a;
 export {
-  m as GidsCalendarHeaderPanel,
+  s as GidsCalendarHeaderPanel,
   n as defineCustomElement
 };

package/dist-bundled/es/gids-calendar-month-list.js

@@ -1,4 +1,4 @@
-import { l as t, c as e } from "./p-C-HyXFGR-UnFcWLOQ.js";
+import { c as t, l as e } from "./p-DZ6xQXis-XT86MMis.js";
 const s = t, n = e;
 export {
   s as GidsCalendarMonthList,

package/dist-bundled/es/gids-calendar-year-list.js

@@ -1,5 +1,5 @@
-import { l as e, m as s } from "./p-pVSQxFDF-CsWxUaZX.js";
-const t = e, a = s;
+import { l as e, m as r } from "./p-C6GHG170-Di8lwQkY.js";
+const t = e, a = r;
 export {
   t as GidsCalendarYearList,
   a as defineCustomElement