@ganpatiinfo/gids-core-web 18.0.0 → 19.0.0

package/dist/gids-carousel.d.ts

@@ -1,4 +1,4 @@
-import type { Components, JSX } from "../dist-dev/types/components";
+import type { Components, JSX } from "./types/components";
 
 interface GidsCarousel extends Components.GidsCarousel, HTMLElement {}
 export const GidsCarousel: {

package/dist/gids-chart-legend-item.d.ts

@@ -1,4 +1,4 @@
-import type { Components, JSX } from "../dist-dev/types/components";
+import type { Components, JSX } from "./types/components";
 
 interface GidsChartLegendItem extends Components.GidsChartLegendItem, HTMLElement {}
 export const GidsChartLegendItem: {

package/dist/gids-chart-legend.d.ts

@@ -1,4 +1,4 @@
-import type { Components, JSX } from "../dist-dev/types/components";
+import type { Components, JSX } from "./types/components";
 
 interface GidsChartLegend extends Components.GidsChartLegend, HTMLElement {}
 export const GidsChartLegend: {

package/dist/gids-chart.d.ts

@@ -1,4 +1,4 @@
-import type { Components, JSX } from "../dist-dev/types/components";
+import type { Components, JSX } from "./types/components";
 
 interface GidsChart extends Components.GidsChart, HTMLElement {}
 export const GidsChart: {

package/dist/gids-chevron-button.d.ts

@@ -1,4 +1,4 @@
-import type { Components, JSX } from "../dist-dev/types/components";
+import type { Components, JSX } from "./types/components";
 
 interface GidsChevronButton extends Components.GidsChevronButton, HTMLElement {}
 export const GidsChevronButton: {

package/dist/gids-dot.d.ts

@@ -1,4 +1,4 @@
-import type { Components, JSX } from "../dist-dev/types/components";
+import type { Components, JSX } from "./types/components";
 
 interface GidsDot extends Components.GidsDot, HTMLElement {}
 export const GidsDot: {

package/dist/gids-dropdown-field.d.ts

@@ -1,4 +1,4 @@
-import type { Components, JSX } from "../dist-dev/types/components";
+import type { Components, JSX } from "./types/components";
 
 interface GidsDropdownField extends Components.GidsDropdownField, HTMLElement {}
 export const GidsDropdownField: {

package/dist/gids-dropdown-picker.d.ts

@@ -1,4 +1,4 @@
-import type { Components, JSX } from "../dist-dev/types/components";
+import type { Components, JSX } from "./types/components";
 
 interface GidsDropdownPicker extends Components.GidsDropdownPicker, HTMLElement {}
 export const GidsDropdownPicker: {

package/dist/gids-dropdown.d.ts

@@ -1,4 +1,4 @@
-import type { Components, JSX } from "../dist-dev/types/components";
+import type { Components, JSX } from "./types/components";
 
 interface GidsDropdown extends Components.GidsDropdown, HTMLElement {}
 export const GidsDropdown: {

package/dist/gids-expansion-body-list-item.d.ts

@@ -1,4 +1,4 @@
-import type { Components, JSX } from "../dist-dev/types/components";
+import type { Components, JSX } from "./types/components";
 
 interface GidsExpansionBodyListItem extends Components.GidsExpansionBodyListItem, HTMLElement {}
 export const GidsExpansionBodyListItem: {

package/dist/gids-expansion-body-list.d.ts

@@ -1,4 +1,4 @@
-import type { Components, JSX } from "../dist-dev/types/components";
+import type { Components, JSX } from "./types/components";
 
 interface GidsExpansionBodyList extends Components.GidsExpansionBodyList, HTMLElement {}
 export const GidsExpansionBodyList: {

package/dist/gids-expansion-group.d.ts

@@ -1,4 +1,4 @@
-import type { Components, JSX } from "../dist-dev/types/components";
+import type { Components, JSX } from "./types/components";
 
 interface GidsExpansionGroup extends Components.GidsExpansionGroup, HTMLElement {}
 export const GidsExpansionGroup: {

package/dist/gids-expansion.d.ts

@@ -1,4 +1,4 @@
-import type { Components, JSX } from "../dist-dev/types/components";
+import type { Components, JSX } from "./types/components";
 
 interface GidsExpansion extends Components.GidsExpansion, HTMLElement {}
 export const GidsExpansion: {

package/dist/gids-field.d.ts

@@ -1,4 +1,4 @@
-import type { Components, JSX } from "../dist-dev/types/components";
+import type { Components, JSX } from "./types/components";
 
 interface GidsField extends Components.GidsField, HTMLElement {}
 export const GidsField: {

package/dist/gids-filter.d.ts

@@ -1,4 +1,4 @@
-import type { Components, JSX } from "../dist-dev/types/components";
+import type { Components, JSX } from "./types/components";
 
 interface GidsFilter extends Components.GidsFilter, HTMLElement {}
 export const GidsFilter: {

package/dist/gids-flyout-panel.d.ts

@@ -1,4 +1,4 @@
-import type { Components, JSX } from "../dist-dev/types/components";
+import type { Components, JSX } from "./types/components";
 
 interface GidsFlyoutPanel extends Components.GidsFlyoutPanel, HTMLElement {}
 export const GidsFlyoutPanel: {

package/dist/gids-header-navigation-item.d.ts

@@ -1,4 +1,4 @@
-import type { Components, JSX } from "../dist-dev/types/components";
+import type { Components, JSX } from "./types/components";
 
 interface GidsHeaderNavigationItem extends Components.GidsHeaderNavigationItem, HTMLElement {}
 export const GidsHeaderNavigationItem: {

package/dist/gids-header-navigation.d.ts

@@ -1,4 +1,4 @@
-import type { Components, JSX } from "../dist-dev/types/components";
+import type { Components, JSX } from "./types/components";
 
 interface GidsHeaderNavigation extends Components.GidsHeaderNavigation, HTMLElement {}
 export const GidsHeaderNavigation: {

package/dist/gids-icon.d.ts

@@ -1,4 +1,4 @@
-import type { Components, JSX } from "../dist-dev/types/components";
+import type { Components, JSX } from "./types/components";
 
 interface GidsIcon extends Components.GidsIcon, HTMLElement {}
 export const GidsIcon: {

package/dist/gids-input.d.ts

@@ -1,4 +1,4 @@
-import type { Components, JSX } from "../dist-dev/types/components";
+import type { Components, JSX } from "./types/components";
 
 interface GidsInput extends Components.GidsInput, HTMLElement {}
 export const GidsInput: {

package/dist/gids-level-gauge.d.ts

@@ -1,4 +1,4 @@
-import type { Components, JSX } from "../dist-dev/types/components";
+import type { Components, JSX } from "./types/components";
 
 interface GidsLevelGauge extends Components.GidsLevelGauge, HTMLElement {}
 export const GidsLevelGauge: {

package/dist/gids-line-chart.d.ts

@@ -1,4 +1,4 @@
-import type { Components, JSX } from "../dist-dev/types/components";
+import type { Components, JSX } from "./types/components";
 
 interface GidsLineChart extends Components.GidsLineChart, HTMLElement {}
 export const GidsLineChart: {

package/dist/gids-md-table.d.ts

@@ -1,4 +1,4 @@
-import type { Components, JSX } from "../dist-dev/types/components";
+import type { Components, JSX } from "./types/components";
 
 interface GidsMdTable extends Components.GidsMdTable, HTMLElement {}
 export const GidsMdTable: {

package/dist/gids-notification.d.ts

@@ -1,4 +1,4 @@
-import type { Components, JSX } from "../dist-dev/types/components";
+import type { Components, JSX } from "./types/components";
 
 interface GidsNotification extends Components.GidsNotification, HTMLElement {}
 export const GidsNotification: {

package/dist/gids-overflow-container.d.ts

@@ -1,4 +1,4 @@
-import type { Components, JSX } from "../dist-dev/types/components";
+import type { Components, JSX } from "./types/components";
 
 interface GidsOverflowContainer extends Components.GidsOverflowContainer, HTMLElement {}
 export const GidsOverflowContainer: {

package/dist/gids-overlay-provider.d.ts

@@ -1,4 +1,4 @@
-import type { Components, JSX } from "../dist-dev/types/components";
+import type { Components, JSX } from "./types/components";
 
 interface GidsOverlayProvider extends Components.GidsOverlayProvider, HTMLElement {}
 export const GidsOverlayProvider: {

package/dist/gids-password-field.d.ts

@@ -1,4 +1,4 @@
-import type { Components, JSX } from "../dist-dev/types/components";
+import type { Components, JSX } from "./types/components";
 
 interface GidsPasswordField extends Components.GidsPasswordField, HTMLElement {}
 export const GidsPasswordField: {

package/dist/gids-pie-chart.d.ts

@@ -1,4 +1,4 @@
-import type { Components, JSX } from "../dist-dev/types/components";
+import type { Components, JSX } from "./types/components";
 
 interface GidsPieChart extends Components.GidsPieChart, HTMLElement {}
 export const GidsPieChart: {

package/dist/gids-popover.d.ts

@@ -1,4 +1,4 @@
-import type { Components, JSX } from "../dist-dev/types/components";
+import type { Components, JSX } from "./types/components";
 
 interface GidsPopover extends Components.GidsPopover, HTMLElement {}
 export const GidsPopover: {

package/dist/gids-profile-menu-header.d.ts

@@ -1,4 +1,4 @@
-import type { Components, JSX } from "../dist-dev/types/components";
+import type { Components, JSX } from "./types/components";
 
 interface GidsProfileMenuHeader extends Components.GidsProfileMenuHeader, HTMLElement {}
 export const GidsProfileMenuHeader: {

package/dist/gids-profile-menu.d.ts

@@ -1,4 +1,4 @@
-import type { Components, JSX } from "../dist-dev/types/components";
+import type { Components, JSX } from "./types/components";
 
 interface GidsProfileMenu extends Components.GidsProfileMenu, HTMLElement {}
 export const GidsProfileMenu: {

package/dist/gids-profile.d.ts

@@ -1,4 +1,4 @@
-import type { Components, JSX } from "../dist-dev/types/components";
+import type { Components, JSX } from "./types/components";
 
 interface GidsProfile extends Components.GidsProfile, HTMLElement {}
 export const GidsProfile: {

package/dist/gids-progress-circle.d.ts

@@ -1,4 +1,4 @@
-import type { Components, JSX } from "../dist-dev/types/components";
+import type { Components, JSX } from "./types/components";
 
 interface GidsProgressCircle extends Components.GidsProgressCircle, HTMLElement {}
 export const GidsProgressCircle: {

package/dist/gids-scrim.d.ts

@@ -1,4 +1,4 @@
-import type { Components, JSX } from "../dist-dev/types/components";
+import type { Components, JSX } from "./types/components";
 
 interface GidsScrim extends Components.GidsScrim, HTMLElement {}
 export const GidsScrim: {

package/dist/gids-skeleton.d.ts

@@ -1,4 +1,4 @@
-import type { Components, JSX } from "../dist-dev/types/components";
+import type { Components, JSX } from "./types/components";
 
 interface GidsSkeleton extends Components.GidsSkeleton, HTMLElement {}
 export const GidsSkeleton: {

package/dist/gids-snackbar.d.ts

@@ -1,4 +1,4 @@
-import type { Components, JSX } from "../dist-dev/types/components";
+import type { Components, JSX } from "./types/components";
 
 interface GidsSnackbar extends Components.GidsSnackbar, HTMLElement {}
 export const GidsSnackbar: {

package/dist/gids-tab-item.d.ts

@@ -1,4 +1,4 @@
-import type { Components, JSX } from "../dist-dev/types/components";
+import type { Components, JSX } from "./types/components";
 
 interface GidsTabItem extends Components.GidsTabItem, HTMLElement {}
 export const GidsTabItem: {

package/dist/gids-tab.d.ts

@@ -1,4 +1,4 @@
-import type { Components, JSX } from "../dist-dev/types/components";
+import type { Components, JSX } from "./types/components";
 
 interface GidsTab extends Components.GidsTab, HTMLElement {}
 export const GidsTab: {

package/dist/gids-text-field.d.ts

@@ -1,4 +1,4 @@
-import type { Components, JSX } from "../dist-dev/types/components";
+import type { Components, JSX } from "./types/components";
 
 interface GidsTextField extends Components.GidsTextField, HTMLElement {}
 export const GidsTextField: {

package/dist/gids-toggle-button.d.ts

@@ -1,4 +1,4 @@
-import type { Components, JSX } from "../dist-dev/types/components";
+import type { Components, JSX } from "./types/components";
 
 interface GidsToggleButton extends Components.GidsToggleButton, HTMLElement {}
 export const GidsToggleButton: {

package/dist/gids-tooltip.d.ts

@@ -1,4 +1,4 @@
-import type { Components, JSX } from "../dist-dev/types/components";
+import type { Components, JSX } from "./types/components";
 
 interface GidsTooltip extends Components.GidsTooltip, HTMLElement {}
 export const GidsTooltip: {

package/dist/gids-transfer-list.d.ts

@@ -1,4 +1,4 @@
-import type { Components, JSX } from "../dist-dev/types/components";
+import type { Components, JSX } from "./types/components";
 
 interface GidsTransferList extends Components.GidsTransferList, HTMLElement {}
 export const GidsTransferList: {

package/dist/types/components/html/GidsEcosystemCard/GidsEcosystemCard.d.ts

@@ -0,0 +1,7 @@
+import { JSXBase } from '../../../stencil-public-runtime';
+import { GidsEcosystemCardWebProps } from '@ganpatiinfo/gids-web-shared';
+import { IconAppearance, IconName } from '@ganpatiinfo/gids-web-theme-interface';
+type GidsEcosystemCardBaseWebProps = GidsEcosystemCardWebProps<IconName, IconAppearance> & Omit<JSXBase.IntrinsicElements['div'], 'children' | 'onClick'>;
+export type GidsEcosystemCardProps = GidsEcosystemCardBaseWebProps;
+export declare const GidsEcosystemCard: ({ iconName, size, iconAppearance, ecosystemIconColor, label, cardBackgroundColor, labelColor, class: className, ...restProps }: GidsEcosystemCardProps) => any;
+export {};

package/dist/types/components/html/GidsEcosystemIcon/GidsEcosystemIcon.d.ts

@@ -0,0 +1,7 @@
+import { JSXBase } from '../../../stencil-public-runtime';
+import { GidsEcosystemIconWebProps } from '@ganpatiinfo/gids-web-shared';
+import { IconAppearance, IconName } from '@ganpatiinfo/gids-web-theme-interface';
+type GidsEcosystemIconBaseWebProps = GidsEcosystemIconWebProps<IconName, IconAppearance> & Omit<JSXBase.IntrinsicElements['div'], 'onClick' | 'children'>;
+export type GidsEcosystemIconProps = GidsEcosystemIconBaseWebProps;
+export declare const GidsEcosystemIcon: ({ iconName, appearance, size, iconAppearance, ecosystemColor, ecosystemIconColor, class: className, ...restProps }: GidsEcosystemIconProps) => any;
+export {};

package/dist/types/components/html/GidsIconMarker/GidsIconMarker.d.ts

@@ -0,0 +1,7 @@
+import { VNode } from '../../../stencil-public-runtime';
+import { JSXBase } from '../../../stencil-public-runtime';
+import { GidsIconMarkerWebProps } from '@ganpatiinfo/gids-web-shared';
+type GidsIconMarkerBaseWebProps = Omit<GidsIconMarkerWebProps<never>, 'children'> & Omit<JSXBase.IntrinsicElements['div'], 'children' | 'onClick'>;
+export type GidsIconMarkerProps = GidsIconMarkerBaseWebProps;
+export declare const GidsIconMarker: ({ appearance, customColor, class: className, ...restProps }: GidsIconMarkerProps, children: VNode) => any;
+export {};

package/dist/types/components/webComponents/GidsBentoCard/GidsBentoCard.d.ts

@@ -1,5 +1,5 @@
 import { GidsBentoCardWebProps } from '@ganpatiinfo/gids-web-shared';
-import { GidsBentoCardType } from '@ganpatiinfo/gids-core-shared';
+import { GidsBentoCardIconDirection, GidsBentoCardType } from '@ganpatiinfo/gids-core-shared';
 export type GidsBentoCardBaseWebProps = Omit<GidsBentoCardWebProps<never, never>, 'children' | 'icon' | 'accessory'>;
 export declare class GidsBentoCard implements GidsBentoCardBaseWebProps {
     private hostElement;
@@ -15,6 +15,7 @@ export declare class GidsBentoCard implements GidsBentoCardBaseWebProps {
     primaryTextColor?: string;
     secondaryTextColor?: string;
     tertiaryTextColor?: string;
+    iconDirection?: GidsBentoCardIconDirection;
     hasDefaultSlot: boolean;
     hasIconSlot: boolean;
     hasAccessorySlot: boolean;
@@ -22,6 +23,7 @@ export declare class GidsBentoCard implements GidsBentoCardBaseWebProps {
     protected labelChanged(next: string): void;
     protected supportingTextChanged(next: string): void;
     protected descriptionChanged(next: string): void;
+    protected iconDirectionChanged(next: GidsBentoCardIconDirection): void;
     protected appearanceChanged(next: GidsBentoCardType): void;
     protected bgGradientChanged(next: string): void;
     protected primaryTextColorChanged(next: string): void;

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, 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 { GidsActionBarAllFilters, GidsActionBarClearFiltersEventDetail, GidsActionBarFilterSelectEventDetail, GidsActionBarFilterToggleEventDetail, GidsActionBarMoreFilters, GidsActionBarPrimaryFilters, GidsActionBarSecondaryFilters, GidsActivityGaugeCommonProps, GidsActivityGaugeData, GidsActivityGaugeLegendPosition, GidsActivityGaugeSize, GidsAdvancedTooltipItem, GidsBadgeAppearance, GidsBadgeType, GidsBarChartCommonProps, GidsBarChartData, GidsBarChartLegendPosition, GidsBasicTableHeaderCellItem, GidsBentoCardIconDirection, 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, 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 { GidsActionBarAllFilters, GidsActionBarClearFiltersEventDetail, GidsActionBarFilterSelectEventDetail, GidsActionBarFilterToggleEventDetail, GidsActionBarMoreFilters, GidsActionBarPrimaryFilters, GidsActionBarSecondaryFilters, GidsActivityGaugeCommonProps, GidsActivityGaugeData, GidsActivityGaugeLegendPosition, GidsActivityGaugeSize, GidsAdvancedTooltipItem, GidsBadgeAppearance, GidsBadgeType, GidsBarChartCommonProps, GidsBarChartData, GidsBarChartLegendPosition, GidsBasicTableHeaderCellItem, GidsBentoCardIconDirection, 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";
@@ -201,6 +201,10 @@ export namespace Components {
         "bgGradient"?: string;
         "description"?: string;
         "heading"?: string;
+        /**
+          * @default 'column'
+         */
+        "iconDirection"?: GidsBentoCardIconDirection;
         /**
           * @default ''
          */
@@ -1955,6 +1959,10 @@ declare namespace LocalJSX {
         "bgGradient"?: string;
         "description"?: string;
         "heading"?: string;
+        /**
+          * @default 'column'
+         */
+        "iconDirection"?: GidsBentoCardIconDirection;
         /**
           * @default ''
          */
@@ -3158,6 +3166,7 @@ declare namespace LocalJSX {
         "primaryTextColor": string;
         "secondaryTextColor": string;
         "tertiaryTextColor": string;
+        "iconDirection": GidsBentoCardIconDirection;
     }
     interface GidsCalendarAttributes {
         "width": GidsCalendarWidth;

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

@@ -1,8 +1,10 @@
-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", {
+import { L as f, u as y, D as t, P as _, q as l } from "./p-B4hcsDH0-CPqEc-vc.js";
+import { e as m } from "./p-ChV9xqsO-CJSPCx6p.js";
+import { c as u } from "./clsx-OuTLNxxd.js";
+const x = ({ appearance: e, hasAccessorySlot: r }, o) => u("gids-bento-card", {
   // Card types
   // 'gids-bento-card--appearance-default': appearance === 'default', // By default so not needed
+  "gids-bento-card--appearance-subtle": e === "subtle",
   "gids-bento-card--appearance-positive": e === "positive",
   "gids-bento-card--appearance-warning": e === "warning",
   "gids-bento-card--appearance-information": e === "information",
@@ -12,10 +14,10 @@ const u = ({ appearance: e, hasAccessorySlot: r }, o) => m("gids-bento-card", {
   "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 {
+  getGidsBentoCardClassNames: x
+}, Symbol.toStringTag, { value: "Module" })), { getGidsBentoCardClassNames: C } = v, c = f(class extends y {
   constructor(e) {
-    super(), e !== !1 && this.__registerHost(), this.label = "", this.appearance = "default", this.hasDefaultSlot = !1, this.hasIconSlot = !1, this.hasAccessorySlot = !1;
+    super(), e !== !1 && this.__registerHost(), this.label = "", this.appearance = "default", this.iconDirection = "column", this.hasDefaultSlot = !1, this.hasIconSlot = !1, this.hasAccessorySlot = !1;
   }
   headingChanged(e) {
     this.heading = e;
@@ -29,6 +31,9 @@ const u = ({ appearance: e, hasAccessorySlot: r }, o) => m("gids-bento-card", {
   descriptionChanged(e) {
     this.description = e;
   }
+  iconDirectionChanged(e) {
+    this.iconDirection = e;
+  }
   appearanceChanged(e) {
     this.appearance = e;
   }
@@ -58,27 +63,27 @@ const u = ({ appearance: e, hasAccessorySlot: r }, o) => m("gids-bento-card", {
     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() })));
+    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, h = e || r || o || a, n = this?.appearance ?? "default", d = this?.hasDefaultSlot ?? !1, g = this?.hasIconSlot ?? !1, s = this?.hasAccessorySlot ?? !1, b = C({ appearance: n, hasAccessorySlot: s });
+    return t(_, { key: "bdb7c4336b65306113812e36c3c5dfea68201d6e", class: `${b} ${g ? "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 ?? "" }, "data-appearance": n }, t("div", { key: "1f384b2b58f296baca67b9d5d79caf470bc1fcea", class: d ? "gids-bento-card__content gids-bento-card__default-slot-gapping" : "gids-bento-card__content" }, t("header", { key: "ff03144a4826c648ea3abf264488ebe0fcde9bce", class: m("gids-bento-card__header", { "gids-bento-card__header-row": (this?.iconDirection ?? "column") === "row" }) }, t("div", { key: "a19fa8db172ce085909b23f2e3a006f73c10716c", class: g ? "gids-bento-card__icon" : "" }, t("slot", { key: "0f6d4d135ef9f754b6e0b9b634a8b857cbc2d1dd", name: "bentoCardIcon", ref: (i) => this.iconSlotRef = i, onSlotchange: () => this.updateSlotStates() })), h ? 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: "3e7313e2f0d4012587155fb20c1f268cc942e21c", class: d ? "gids-bento-card__image-wrapper" : "" }, t("slot", { key: "59220c4899ab78741755592c3583d83273235df4", ref: (i) => this.defaultSlotRef = i, onSlotchange: () => this.updateSlotStates() }))), t("footer", { key: "f7ffd4a3555ff78d0193ce0c173ce98ff18cfc70", class: s ? "gids-bento-card__footer" : "" }, t("slot", { key: "9a2fe028fabf149502cd29dd5c52913537ba4203", 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 }] };
+    return { heading: [{ headingChanged: 0 }], label: [{ labelChanged: 0 }], supportingText: [{ supportingTextChanged: 0 }], description: [{ descriptionChanged: 0 }], iconDirection: [{ iconDirectionChanged: 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%   )}";
+    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)}.gids-bento-card:not([data-appearance=subtle]){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;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:var(--gids-gap-100)}.gids-bento-card__header-row{flex-direction:row}.gids-bento-card__icon{--gidsIcon-color:var(--gidsBentoCardText-color-primary)}.gids-bento-card__texts-wrapper{display:flex;flex-direction:column;gap:var(--gids-gap-100)}.gids-bento-card__heading{font-family:var(--gids-typography-heading-x-small__font-family);font-size:var(--gids-typography-heading-x-small__font-size);font-weight:var(--gids-typography-heading-x-small__font-weight);letter-spacing:var(--gids-typography-heading-x-small__letter-spacing);line-height:var(--gids-typography-heading-x-small__line-height);text-transform:var(--gids-typography-heading-x-small__text-transform, inherit);font-variant-caps:var(--gids-typography-heading-x-small__font-variant-caps, inherit);color:var(--gidsBentoCardText-color-primary)}.gids-bento-card__title{font-family:var(--gids-typography-label-medium__font-family);font-size:var(--gids-typography-label-medium__font-size);font-weight:var(--gids-typography-label-medium__font-weight);letter-spacing:var(--gids-typography-label-medium__letter-spacing);line-height:var(--gids-typography-label-medium__line-height);text-transform:var(--gids-typography-label-medium__text-transform, inherit);font-variant-caps:var(--gids-typography-label-medium__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)}.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)}.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-subtle{--gidsBentoCard-bg-gradient:transparent;--gidsBentoCardText-color-primary:var(--gids-color-text-default);--gidsBentoCardText-color-secondary:var(--gids-color-text-default);--gidsBentoCardText-color-tertiary:var(--gids-color-text-subtlest)}.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%   );--gidsBentoCardText-color-tertiary:var(--gids-color-text-subtle)}.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() {
+}, [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"], iconDirection: [1, "icon-direction"], hasDefaultSlot: [32], hasIconSlot: [32], hasAccessorySlot: [32] }, void 0, { heading: [{ headingChanged: 0 }], label: [{ labelChanged: 0 }], supportingText: [{ supportingTextChanged: 0 }], description: [{ descriptionChanged: 0 }], iconDirection: [{ iconDirectionChanged: 0 }], appearance: [{ appearanceChanged: 0 }], bgGradient: [{ bgGradientChanged: 0 }], primaryTextColor: [{ primaryTextColorChanged: 0 }], secondaryTextColor: [{ secondaryTextColorChanged: 0 }], tertiaryTextColor: [{ tertiaryTextColorChanged: 0 }] }]);
+function p() {
   typeof customElements < "u" && ["gids-bento-card"].forEach(((e) => {
-    e === "gids-bento-card" && (customElements.get(g(e)) || customElements.define(g(e), l));
+    e === "gids-bento-card" && (customElements.get(l(e)) || customElements.define(l(e), c));
   }));
 }
-c();
-const S = l, k = c;
+p();
+const B = c, k = p;
 export {
-  S as GidsBentoCard,
+  B as GidsBentoCard,
   k as defineCustomElement
 };