dap-design-system 0.53.21 → 0.54.0

package/dist/react/dap-ds-icon-zoom-in-line/index.d.ts

@@ -0,0 +1,18 @@
+import { default as Component } from '../../components/icons/system/system-zoom-in-line/system-zoom-in-line.component.js';
+/**
+ * `dap-ds-icon-zoom-in-line`
+ * @summary An icon
+ * @element dap-ds-icon-zoom-in-line
+ * @title - SystemZoomInLine
+ * @group icon
+ * @icontype system
+ *
+ * @attribute {number} size - (optional) The width and height in pixels
+ * @attribute {boolean} selected - (optional) Sets the icon color via the `fill` attribute
+ * @attribute {string} accessibilityTitle - (optional) When using the icon standalone, make it meaningful for accessibility
+ * @attribute {boolean} focusable - (optional) If `true` the icon can receive focus
+ *
+ * @csspart base - The main icon container.
+ */
+declare const reactWrapper: import('@lit/react').ReactWebComponent<Component, {}>;
+export default reactWrapper;

package/dist/react/dap-ds-icon-zoom-out-line/index.d.ts

@@ -0,0 +1,18 @@
+import { default as Component } from '../../components/icons/system/system-zoom-out-line/system-zoom-out-line.component.js';
+/**
+ * `dap-ds-icon-zoom-out-line`
+ * @summary An icon
+ * @element dap-ds-icon-zoom-out-line
+ * @title - SystemZoomOutLine
+ * @group icon
+ * @icontype system
+ *
+ * @attribute {number} size - (optional) The width and height in pixels
+ * @attribute {boolean} selected - (optional) Sets the icon color via the `fill` attribute
+ * @attribute {string} accessibilityTitle - (optional) When using the icon standalone, make it meaningful for accessibility
+ * @attribute {boolean} focusable - (optional) If `true` the icon can receive focus
+ *
+ * @csspart base - The main icon container.
+ */
+declare const reactWrapper: import('@lit/react').ReactWebComponent<Component, {}>;
+export default reactWrapper;

package/dist/react/dap-ds-image-zoom/index.d.ts

@@ -0,0 +1,42 @@
+import { EventName } from '@lit/react';
+import { default as Component } from '../../components/image-zoom/image-zoom.component.js';
+import { DdsZoomEvent, DdsUnzoomEvent } from '../../events/events';
+export type { DdsZoomEvent } from '../../events/events';
+export type { DdsUnzoomEvent } from '../../events/events';
+/**
+* `dap-ds-image-zoom`
+* @summary An image zoom component that provides a Medium.com-style zoom experience. Click an image to expand it to fill the viewport with a smooth animation.
+* @element dap-ds-image-zoom
+* @title - Image Zoom
+*
+* @property {boolean} open - The open/zoomed state. Can be used for controlled mode.
+* @property {boolean} isDisabled - Disables zoom functionality.
+* @property {number} zoomMargin - Margin in pixels from viewport edges when zoomed. Default is 0.
+* @property {string} expandButtonAriaLabel - Accessible label for the zoom trigger. Default is 'Expand image'.
+* @property {string} unzoomButtonAriaLabel - Accessible label for the unzoom button. Default is 'Minimize image'.
+* @property {boolean} hideButtons - Hides the expand and unzoom buttons. Default is false.
+* @property {boolean} canSwipeToUnzoom - Enables swipe gesture to close when zoomed. Default is true.
+* @property {number} swipeToUnzoomThreshold - Swipe distance in pixels required to trigger unzoom. Default is 10.
+* @property {string} zoomSrc - URL of a higher quality image to display when zoomed. Falls back to the slotted image src.
+*
+* @event {CustomEvent} dds-zoom - Fires when the image is about to zoom. Cancelable via event.preventDefault().
+* @event {CustomEvent} dds-unzoom - Fires after the image has unzoomed.
+*
+* @slot - The image or content element to zoom. Should contain an <img> element.
+*
+* @csspart trigger - The zoom trigger wrapper element.
+* @csspart dialog - The zoom dialog element.
+* @csspart overlay - The backdrop overlay element.
+* @csspart zoomed-image - The zoomed image element.
+* @csspart unzoom-button - The button to close the zoomed view.
+* @csspart expand-button - The button to expand the image.
+*
+* @cssproperty --dds-image-zoom-overlay-bg - Overlay background color (default: rgba(0, 0, 0, 0.8)).
+* @cssproperty --dds-image-zoom-transition-speed - Animation duration (default: 300ms).
+* @cssproperty --dds-image-zoom-transition-timing - Animation timing function (default: var(--dds-easing-ease-in-out, ease-in-out)).
+*/
+declare const reactWrapper: import('@lit/react').ReactWebComponent<Component, {
+    onDdsZoom: EventName<DdsZoomEvent>;
+    onDdsUnzoom: EventName<DdsUnzoomEvent>;
+}>;
+export default reactWrapper;

package/dist/react/index.d.ts

@@ -1,15 +1,15 @@
+export { default as DapDSAccordionReact } from './dap-ds-accordion/index.js';
 export { default as DapDSAccordionGroupReact } from './dap-ds-accordion-group/index.js';
-export { default as DapDSAvatarGroupReact } from './dap-ds-avatar-group/index.js';
 export { default as DapDSAnchorHeadingReact } from './dap-ds-anchor-heading/index.js';
+export { default as DapDSAvatarReact } from './dap-ds-avatar/index.js';
 export { default as DapDSBadgeReact } from './dap-ds-badge/index.js';
+export { default as DapDSAvatarGroupReact } from './dap-ds-avatar-group/index.js';
 export { default as DapDSBannerReact } from './dap-ds-banner/index.js';
 export { default as DapDSBreadcrumbReact } from './dap-ds-breadcrumb/index.js';
-export { default as DapDSAccordionReact } from './dap-ds-accordion/index.js';
-export { default as DapDSAvatarReact } from './dap-ds-avatar/index.js';
 export { default as DapDSBreadcrumbItemReact } from './dap-ds-breadcrumb-item/index.js';
-export { default as DapDSButtonReact } from './dap-ds-button/index.js';
 export { default as DapDSCalendarCellReact } from './dap-ds-calendar-cell/index.js';
 export { default as DapDSCalendarReact } from './dap-ds-calendar/index.js';
+export { default as DapDSButtonReact } from './dap-ds-button/index.js';
 export { default as DapDSCalloutReact } from './dap-ds-callout/index.js';
 export { default as DapDSCardActionsReact } from './dap-ds-card-actions/index.js';
 export { default as DapDSCardContentReact } from './dap-ds-card-content/index.js';
@@ -17,8 +17,8 @@ export { default as DapDSCardImageReact } from './dap-ds-card-image/index.js';
 export { default as DapDSCardSubtitleReact } from './dap-ds-card-subtitle/index.js';
 export { default as DapDSCardTitleReact } from './dap-ds-card-title/index.js';
 export { default as DapDSCardReact } from './dap-ds-card/index.js';
-export { default as DapDSChipReact } from './dap-ds-chip/index.js';
 export { default as DapDSCheckboxReact } from './dap-ds-checkbox/index.js';
+export { default as DapDSChipReact } from './dap-ds-chip/index.js';
 export { default as DapDSCodePuncherSlotReact } from './dap-ds-code-puncher-slot/index.js';
 export { default as DapDSCodePuncherReact } from './dap-ds-code-puncher/index.js';
 export { default as DapDSComboboxReact } from './dap-ds-combobox/index.js';
@@ -38,6 +38,7 @@ export { default as DapDSFileInputListReact } from './dap-ds-file-input-list/ind
 export { default as DapDSFileInputReact } from './dap-ds-file-input/index.js';
 export { default as DapDSIconReact } from './dap-ds-icon/index.js';
 export { default as DapDSIconButtonReact } from './dap-ds-icon-button/index.js';
+export { default as DapDSImageZoomReact } from './dap-ds-image-zoom/index.js';
 export { default as DapDSInputReact } from './dap-ds-input/index.js';
 export { default as DapDSLabelReact } from './dap-ds-label/index.js';
 export { default as DapDSLinkReact } from './dap-ds-link/index.js';
@@ -61,28 +62,28 @@ export { default as DapDSRatingReact } from './dap-ds-rating/index.js';
 export { default as DapDSScrollAreaReact } from './dap-ds-scroll-area/index.js';
 export { default as DapDSScrollProgressReact } from './dap-ds-scroll-progress/index.js';
 export { default as DapDSSearchReact } from './dap-ds-search/index.js';
+export { default as DapDSSelectReact } from './dap-ds-select/index.js';
 export { default as DapDSSideNavGroupReact } from './dap-ds-sidenav-group/index.js';
 export { default as DapDSSideNavItemReact } from './dap-ds-sidenav-item/index.js';
 export { default as DapDSSideNavReact } from './dap-ds-sidenav/index.js';
-export { default as DapDSSelectReact } from './dap-ds-select/index.js';
+export { default as DapDSSkeletonReact } from './dap-ds-skeleton/index.js';
 export { default as DapDSSkipLinkReact } from './dap-ds-skip-link/index.js';
 export { default as DapDSSnackbarMessageReact } from './dap-ds-snackbar-message/index.js';
 export { default as DapDSSnackbarReact } from './dap-ds-snackbar/index.js';
-export { default as DapDSSkeletonReact } from './dap-ds-skeleton/index.js';
 export { default as DapDSSpinnerReact } from './dap-ds-spinner/index.js';
 export { default as DapDSStackReact } from './dap-ds-stack/index.js';
 export { default as DapDSSwitchReact } from './dap-ds-switch/index.js';
+export { default as DapDSTabGroupReact } from './dap-ds-tab-group/index.js';
+export { default as DapDSTabReact } from './dap-ds-tab/index.js';
 export { default as DapDSTableCellReact } from './dap-ds-table-cell/index.js';
 export { default as DapDSTableHeaderReact } from './dap-ds-table-header/index.js';
 export { default as DapDSTableRowReact } from './dap-ds-table-row/index.js';
 export { default as DapDSTableReact } from './dap-ds-table/index.js';
 export { default as DapDSTextareaReact } from './dap-ds-textarea/index.js';
-export { default as DapDSTimeGridReact } from './dap-ds-time-grid/index.js';
-export { default as DapDSTimePickerReact } from './dap-ds-timepicker/index.js';
 export { default as DapDSTimelineItemReact } from './dap-ds-timeline-item/index.js';
 export { default as DapDSTimelineReact } from './dap-ds-timeline/index.js';
-export { default as DapDSTabGroupReact } from './dap-ds-tab-group/index.js';
-export { default as DapDSTabReact } from './dap-ds-tab/index.js';
+export { default as DapDSTimeGridReact } from './dap-ds-time-grid/index.js';
+export { default as DapDSTimePickerReact } from './dap-ds-timepicker/index.js';
 export { default as DapDSTOCReact } from './dap-ds-toc/index.js';
 export { default as DapDSToggleButtonReact } from './dap-ds-toggle-button/index.js';
 export { default as DapDSTooltipReact } from './dap-ds-tooltip/index.js';
@@ -95,23 +96,23 @@ export { default as ArrowsArrowDownLineReact } from './dap-ds-icon-arrow-down-li
 export { default as ArrowsArrowDownSFillReact } from './dap-ds-icon-arrow-down-s-fill/index.js';
 export { default as ArrowsArrowDownSLineReact } from './dap-ds-icon-arrow-down-s-line/index.js';
 export { default as ArrowsArrowLeftDownLineReact } from './dap-ds-icon-arrow-left-down-line/index.js';
-export { default as ArrowsArrowLeftLineReact } from './dap-ds-icon-arrow-left-line/index.js';
 export { default as ArrowsArrowLeftLLineReact } from './dap-ds-icon-arrow-left-l-line/index.js';
+export { default as ArrowsArrowLeftLineReact } from './dap-ds-icon-arrow-left-line/index.js';
 export { default as ArrowsArrowLeftSFillReact } from './dap-ds-icon-arrow-left-s-fill/index.js';
 export { default as ArrowsArrowLeftSLineReact } from './dap-ds-icon-arrow-left-s-line/index.js';
 export { default as ArrowsArrowLeftUpLineReact } from './dap-ds-icon-arrow-left-up-line/index.js';
 export { default as ArrowsArrowRightDownLineReact } from './dap-ds-icon-arrow-right-down-line/index.js';
 export { default as ArrowsArrowRightLLineReact } from './dap-ds-icon-arrow-right-l-line/index.js';
 export { default as ArrowsArrowRightLineReact } from './dap-ds-icon-arrow-right-line/index.js';
-export { default as ArrowsArrowRightSLineReact } from './dap-ds-icon-arrow-right-s-line/index.js';
 export { default as ArrowsArrowRightSFillReact } from './dap-ds-icon-arrow-right-s-fill/index.js';
+export { default as ArrowsArrowRightSLineReact } from './dap-ds-icon-arrow-right-s-line/index.js';
 export { default as ArrowsArrowRightUpLineReact } from './dap-ds-icon-arrow-right-up-line/index.js';
-export { default as ArrowsArrowUpLineReact } from './dap-ds-icon-arrow-up-line/index.js';
 export { default as ArrowsArrowUpSFillReact } from './dap-ds-icon-arrow-up-s-fill/index.js';
+export { default as ArrowsArrowUpLineReact } from './dap-ds-icon-arrow-up-line/index.js';
 export { default as ArrowsArrowUpSLineReact } from './dap-ds-icon-arrow-up-s-line/index.js';
 export { default as ArrowsExpandUpDownFillReact } from './dap-ds-icon-expand-up-down-fill/index.js';
-export { default as BusinessCalendarLineReact } from './dap-ds-icon-calendar-line/index.js';
 export { default as BuildingsHome6LineReact } from './dap-ds-icon-home-6-line/index.js';
+export { default as BusinessCalendarLineReact } from './dap-ds-icon-calendar-line/index.js';
 export { default as DesignEditLineReact } from './dap-ds-icon-edit-line/index.js';
 export { default as DesignToolsLineReact } from './dap-ds-icon-tools-line/index.js';
 export { default as DeviceComputerLineReact } from './dap-ds-icon-computer-line/index.js';
@@ -123,14 +124,10 @@ export { default as DocumentFileTextLineReact } from './dap-ds-icon-file-text-li
 export { default as DocumentFileVideoLineReact } from './dap-ds-icon-file-video-line/index.js';
 export { default as DocumentFolderLineReact } from './dap-ds-icon-folder-line/index.js';
 export { default as DocumentFolderOpenLineReact } from './dap-ds-icon-folder-open-line/index.js';
-export { default as HealthHeartFillReact } from './dap-ds-icon-heart-fill/index.js';
 export { default as EditorSeparatorReact } from './dap-ds-icon-separator/index.js';
+export { default as HealthHeartFillReact } from './dap-ds-icon-heart-fill/index.js';
 export { default as HealthHeartLineReact } from './dap-ds-icon-heart-line/index.js';
 export { default as OthersCookieLineReact } from './dap-ds-icon-cookie-line/index.js';
-export { default as UserAccountCircleFillReact } from './dap-ds-icon-account-circle-fill/index.js';
-export { default as UserAccountCircleLineReact } from './dap-ds-icon-account-circle-line/index.js';
-export { default as UserUserFillReact } from './dap-ds-icon-user-fill/index.js';
-export { default as UserUserLineReact } from './dap-ds-icon-user-line/index.js';
 export { default as SystemAddLineReact } from './dap-ds-icon-add-line/index.js';
 export { default as SystemAlertFillReact } from './dap-ds-icon-alert-fill/index.js';
 export { default as SystemAlertLineReact } from './dap-ds-icon-alert-line/index.js';
@@ -142,8 +139,8 @@ export { default as SystemCheckboxBlankCircleLineReact } from './dap-ds-icon-che
 export { default as SystemCheckboxCircleFillReact } from './dap-ds-icon-checkbox-circle-fill/index.js';
 export { default as SystemCheckboxCircleLineReact } from './dap-ds-icon-checkbox-circle-line/index.js';
 export { default as SystemCloseCircleFillReact } from './dap-ds-icon-close-circle-fill/index.js';
-export { default as SystemCloseCircleLineReact } from './dap-ds-icon-close-circle-line/index.js';
 export { default as SystemCloseFillReact } from './dap-ds-icon-close-fill/index.js';
+export { default as SystemCloseCircleLineReact } from './dap-ds-icon-close-circle-line/index.js';
 export { default as SystemCloseLineReact } from './dap-ds-icon-close-line/index.js';
 export { default as SystemDeleteBinFillReact } from './dap-ds-icon-delete-bin-fill/index.js';
 export { default as SystemDeleteBinLineReact } from './dap-ds-icon-delete-bin-line/index.js';
@@ -177,3 +174,9 @@ export { default as SystemTimeLineReact } from './dap-ds-icon-time-line/index.js
 export { default as SystemUpload2FillReact } from './dap-ds-icon-upload-2-fill/index.js';
 export { default as SystemUpload2LineReact } from './dap-ds-icon-upload-2-line/index.js';
 export { default as SystemUploadLineReact } from './dap-ds-icon-upload-line/index.js';
+export { default as SystemZoomInLineReact } from './dap-ds-icon-zoom-in-line/index.js';
+export { default as SystemZoomOutLineReact } from './dap-ds-icon-zoom-out-line/index.js';
+export { default as UserAccountCircleFillReact } from './dap-ds-icon-account-circle-fill/index.js';
+export { default as UserAccountCircleLineReact } from './dap-ds-icon-account-circle-line/index.js';
+export { default as UserUserFillReact } from './dap-ds-icon-user-fill/index.js';
+export { default as UserUserLineReact } from './dap-ds-icon-user-line/index.js';

package/dist/react-types.ts

@@ -1,20 +1,20 @@
 import * as DDS from "./dap-design-system.js"
-import type { DdsAllUploadsCompleteEvent, DdsAnchorChangeEvent, DdsBeforeCloseEvent, DdsBeforeOpenEvent, DdsBlurEvent, DdsCancelEvent, DdsChangeEvent, DdsClearEvent, DdsClickEvent, DdsCloseEvent, DdsClosedEvent, DdsCommandItemClickEvent, DdsCompleteEvent, DdsCopyEvent, DdsCountChangeEvent, DdsErrorEvent, DdsFileChangeEvent, DdsFileClickEvent, DdsFileDeleteErrorEvent, DdsFileRemoveEvent, DdsFileRemovedEvent, DdsFilesAcceptedEvent, DdsFocusEvent, DdsInputEvent, DdsInvalidDateEvent, DdsInvalidTimeEvent, DdsItemClickEvent, DdsKeydownEvent, DdsListChangedEvent, DdsLoadEvent, DdsLoadingTimeoutEvent, DdsNavigationDropdownOpenEvent, DdsNavigationItemClickEvent, DdsNotAllowedEvent, DdsOkEvent, DdsOpenedEvent, DdsOptionChangeEvent, DdsOverflowClickEvent, DdsPaginationChangeEvent, DdsRemoveEvent, DdsRowClickEvent, DdsSearchEvent, DdsSelectEvent, DdsSelectionChangeEvent, DdsSortingChangeEvent, DdsTabSelectEvent, DdsUploadCompleteEvent, DdsUploadErrorEvent, DdsUploadProgressEvent, DdsUploadStartEvent, DdsValidDateEvent, DdsValidTimeEvent } from "./dap-design-system.js"
+import type { DdsAllUploadsCompleteEvent, DdsAnchorChangeEvent, DdsBeforeCloseEvent, DdsBeforeOpenEvent, DdsBlurEvent, DdsCancelEvent, DdsChangeEvent, DdsClearEvent, DdsClickEvent, DdsCloseEvent, DdsClosedEvent, DdsCommandItemClickEvent, DdsCompleteEvent, DdsCopyEvent, DdsCountChangeEvent, DdsErrorEvent, DdsFileChangeEvent, DdsFileClickEvent, DdsFileDeleteErrorEvent, DdsFileRemoveEvent, DdsFileRemovedEvent, DdsFilesAcceptedEvent, DdsFocusEvent, DdsInputEvent, DdsInvalidDateEvent, DdsInvalidTimeEvent, DdsItemClickEvent, DdsKeydownEvent, DdsListChangedEvent, DdsLoadEvent, DdsLoadingTimeoutEvent, DdsNavigationDropdownOpenEvent, DdsNavigationItemClickEvent, DdsNotAllowedEvent, DdsOkEvent, DdsOpenedEvent, DdsOptionChangeEvent, DdsOverflowClickEvent, DdsPaginationChangeEvent, DdsRemoveEvent, DdsRowClickEvent, DdsSearchEvent, DdsSelectEvent, DdsSelectionChangeEvent, DdsSortingChangeEvent, DdsTabSelectEvent, DdsUnzoomEvent, DdsUploadCompleteEvent, DdsUploadErrorEvent, DdsUploadProgressEvent, DdsUploadStartEvent, DdsValidDateEvent, DdsValidTimeEvent, DdsZoomEvent } from "./dap-design-system.js"
 type HtmlType = { children?: React.ReactNode | Element, class?: string, ref?: React.RefObject<any>, key?: React.Key | null | undefined,
   style?: Partial<CSSStyleDeclaration>, id?: string, onClick?: (e: React.MouseEvent) => void, onChange?: (e: React.ChangeEvent) => void}
   
+export type DapDSAccordionType = HtmlType & Partial<Omit<DDS.DapDSAccordion, 'children' | 'style'>> & { "ondds-opened"?: (e: DdsOpenedEvent) => void, "ondds-closed"?: (e: DdsClosedEvent) => void }
 export type DapDSAccordionGroupType = HtmlType & Partial<Omit<DDS.DapDSAccordionGroup, 'children' | 'style'>>
-export type DapDSAvatarGroupType = HtmlType & Partial<Omit<DDS.DapDSAvatarGroup, 'children' | 'style'>> & { "ondds-overflow-click"?: (e: DdsOverflowClickEvent) => void }
 export type DapDSAnchorHeadingType = HtmlType & Partial<Omit<DDS.DapDSAnchorHeading, 'children' | 'style'>>
+export type DapDSAvatarType = HtmlType & Partial<Omit<DDS.DapDSAvatar, 'children' | 'style'>> & { "ondds-load"?: (e: DdsLoadEvent) => void, "ondds-error"?: (e: DdsErrorEvent) => void }
 export type DapDSBadgeType = HtmlType & Partial<Omit<DDS.DapDSBadge, 'children' | 'style'>>
+export type DapDSAvatarGroupType = HtmlType & Partial<Omit<DDS.DapDSAvatarGroup, 'children' | 'style'>> & { "ondds-overflow-click"?: (e: DdsOverflowClickEvent) => void }
 export type DapDSBannerType = HtmlType & Partial<Omit<DDS.DapDSBanner, 'children' | 'style'>> & { "ondds-close"?: (e: DdsCloseEvent) => void }
 export type DapDSBreadcrumbType = HtmlType & Partial<Omit<DDS.DapDSBreadcrumb, 'children' | 'style'>>
-export type DapDSAccordionType = HtmlType & Partial<Omit<DDS.DapDSAccordion, 'children' | 'style'>> & { "ondds-opened"?: (e: DdsOpenedEvent) => void, "ondds-closed"?: (e: DdsClosedEvent) => void }
-export type DapDSAvatarType = HtmlType & Partial<Omit<DDS.DapDSAvatar, 'children' | 'style'>> & { "ondds-load"?: (e: DdsLoadEvent) => void, "ondds-error"?: (e: DdsErrorEvent) => void }
 export type DapDSBreadcrumbItemType = HtmlType & Partial<Omit<DDS.DapDSBreadcrumbItem, 'children' | 'style'>>
-export type DapDSButtonType = HtmlType & Partial<Omit<DDS.DapDSButton, 'children' | 'style'>> & { "ondds-loading-timeout"?: (e: DdsLoadingTimeoutEvent) => void }
 export type DapDSCalendarCellType = HtmlType & Partial<Omit<DDS.DapDSCalendarCell, 'children' | 'style'>>
 export type DapDSCalendarType = HtmlType & Partial<Omit<DDS.DapDSCalendar, 'children' | 'style'>> & { "ondds-change"?: (e: DdsChangeEvent) => void }
+export type DapDSButtonType = HtmlType & Partial<Omit<DDS.DapDSButton, 'children' | 'style'>> & { "ondds-loading-timeout"?: (e: DdsLoadingTimeoutEvent) => void }
 export type DapDSCalloutType = HtmlType & Partial<Omit<DDS.DapDSCallout, 'children' | 'style'>> & { "ondds-close"?: (e: DdsCloseEvent) => void }
 export type DapDSCardActionsType = HtmlType & Partial<Omit<DDS.DapDSCardActions, 'children' | 'style'>>
 export type DapDSCardContentType = HtmlType & Partial<Omit<DDS.DapDSCardContent, 'children' | 'style'>>
@@ -22,8 +22,8 @@ export type DapDSCardImageType = HtmlType & Partial<Omit<DDS.DapDSCardImage, 'ch
 export type DapDSCardSubtitleType = HtmlType & Partial<Omit<DDS.DapDSCardSubtitle, 'children' | 'style'>>
 export type DapDSCardTitleType = HtmlType & Partial<Omit<DDS.DapDSCardTitle, 'children' | 'style'>>
 export type DapDSCardType = HtmlType & Partial<Omit<DDS.DapDSCard, 'children' | 'style'>>
-export type DapDSChipType = HtmlType & Partial<Omit<DDS.DapDSChip, 'children' | 'style'>> & { "ondds-remove"?: (e: DdsRemoveEvent) => void, "ondds-select"?: (e: DdsSelectEvent) => void }
 export type DapDSCheckboxType = HtmlType & Partial<Omit<DDS.DapDSCheckbox, 'children' | 'style'>> & { "ondds-change"?: (e: DdsChangeEvent) => void, "ondds-blur"?: (e: DdsBlurEvent) => void, "ondds-focus"?: (e: DdsFocusEvent) => void, "ondds-input"?: (e: DdsInputEvent) => void }
+export type DapDSChipType = HtmlType & Partial<Omit<DDS.DapDSChip, 'children' | 'style'>> & { "ondds-remove"?: (e: DdsRemoveEvent) => void, "ondds-select"?: (e: DdsSelectEvent) => void }
 export type DapDSCodePuncherSlotType = HtmlType & Partial<Omit<DDS.DapDSCodePuncherSlot, 'children' | 'style'>>
 export type DapDSCodePuncherType = HtmlType & Partial<Omit<DDS.DapDSCodePuncher, 'children' | 'style'>> & { "ondds-input"?: (e: DdsInputEvent) => void, "ondds-change"?: (e: DdsChangeEvent) => void, "ondds-complete"?: (e: DdsCompleteEvent) => void, "ondds-focus"?: (e: DdsFocusEvent) => void, "ondds-blur"?: (e: DdsBlurEvent) => void }
 export type DapDSComboboxType = HtmlType & Partial<Omit<DDS.DapDSCombobox, 'children' | 'style'>> & { "ondds-change"?: (e: DdsChangeEvent) => void, "ondds-blur"?: (e: DdsBlurEvent) => void, "ondds-focus"?: (e: DdsFocusEvent) => void, "ondds-clear"?: (e: DdsClearEvent) => void, "ondds-search"?: (e: DdsSearchEvent) => void, "ondds-input"?: (e: DdsInputEvent) => void }
@@ -43,6 +43,7 @@ export type DapDSFileInputListType = HtmlType & Partial<Omit<DDS.DapDSFileInputL
 export type DapDSFileInputType = HtmlType & Partial<Omit<DDS.DapDSFileInput, 'children' | 'style'>> & { "ondds-upload-start"?: (e: DdsUploadStartEvent) => void, "ondds-upload-progress"?: (e: DdsUploadProgressEvent) => void, "ondds-upload-complete"?: (e: DdsUploadCompleteEvent) => void, "ondds-upload-error"?: (e: DdsUploadErrorEvent) => void, "ondds-all-uploads-complete"?: (e: DdsAllUploadsCompleteEvent) => void, "ondds-file-removed"?: (e: DdsFileRemovedEvent) => void, "ondds-file-delete-error"?: (e: DdsFileDeleteErrorEvent) => void, "ondds-file-change"?: (e: DdsFileChangeEvent) => void, "ondds-files-accepted"?: (e: DdsFilesAcceptedEvent) => void }
 export type DapDSIconType = HtmlType & Partial<Omit<DDS.DapDSIcon, 'children' | 'style'>>
 export type DapDSIconButtonType = HtmlType & Partial<Omit<DDS.DapDSIconButton, 'children' | 'style'>>
+export type DapDSImageZoomType = HtmlType & Partial<Omit<DDS.DapDSImageZoom, 'children' | 'style'>> & { "ondds-zoom"?: (e: DdsZoomEvent) => void, "ondds-unzoom"?: (e: DdsUnzoomEvent) => void }
 export type DapDSInputType = HtmlType & Partial<Omit<DDS.DapDSInput, 'children' | 'style'>> & { "ondds-change"?: (e: DdsChangeEvent) => void, "ondds-input"?: (e: DdsInputEvent) => void, "ondds-keydown"?: (e: DdsKeydownEvent) => void, "ondds-blur"?: (e: DdsBlurEvent) => void, "ondds-focus"?: (e: DdsFocusEvent) => void }
 export type DapDSLabelType = HtmlType & Partial<Omit<DDS.DapDSLabel, 'children' | 'style'>>
 export type DapDSLinkType = HtmlType & Partial<Omit<DDS.DapDSLink, 'children' | 'style'>> & { "ondds-click"?: (e: DdsClickEvent) => void }
@@ -66,28 +67,28 @@ export type DapDSRatingType = HtmlType & Partial<Omit<DDS.DapDSRating, 'children
 export type DapDSScrollAreaType = HtmlType & Partial<Omit<DDS.DapDSScrollArea, 'children' | 'style'>>
 export type DapDSScrollProgressType = HtmlType & Partial<Omit<DDS.DapDSScrollProgress, 'children' | 'style'>>
 export type DapDSSearchType = HtmlType & Partial<Omit<DDS.DapDSSearch, 'children' | 'style'>> & { "ondds-change"?: (e: DdsChangeEvent) => void, "ondds-blur"?: (e: DdsBlurEvent) => void, "ondds-focus"?: (e: DdsFocusEvent) => void, "ondds-clear"?: (e: DdsClearEvent) => void, "ondds-search"?: (e: DdsSearchEvent) => void, "ondds-input"?: (e: DdsInputEvent) => void }
+export type DapDSSelectType = HtmlType & Partial<Omit<DDS.DapDSSelect, 'children' | 'style'>> & { "ondds-change"?: (e: DdsChangeEvent) => void, "ondds-blur"?: (e: DdsBlurEvent) => void, "ondds-focus"?: (e: DdsFocusEvent) => void, "ondds-opened"?: (e: DdsOpenedEvent) => void, "ondds-closed"?: (e: DdsClosedEvent) => void }
 export type DapDSSideNavGroupType = HtmlType & Partial<Omit<DDS.DapDSSideNavGroup, 'children' | 'style'>>
 export type DapDSSideNavItemType = HtmlType & Partial<Omit<DDS.DapDSSideNavItem, 'children' | 'style'>>
 export type DapDSSideNavType = HtmlType & Partial<Omit<DDS.DapDSSideNav, 'children' | 'style'>> & { "ondds-item-click"?: (e: DdsItemClickEvent) => void }
-export type DapDSSelectType = HtmlType & Partial<Omit<DDS.DapDSSelect, 'children' | 'style'>> & { "ondds-change"?: (e: DdsChangeEvent) => void, "ondds-blur"?: (e: DdsBlurEvent) => void, "ondds-focus"?: (e: DdsFocusEvent) => void, "ondds-opened"?: (e: DdsOpenedEvent) => void, "ondds-closed"?: (e: DdsClosedEvent) => void }
+export type DapDSSkeletonType = HtmlType & Partial<Omit<DDS.DapDSSkeleton, 'children' | 'style'>>
 export type DapDSSkipLinkType = HtmlType & Partial<Omit<DDS.DapDSSkipLink, 'children' | 'style'>>
 export type DapDSSnackbarMessageType = HtmlType & Partial<Omit<DDS.DapDSSnackbarMessage, 'children' | 'style'>> & { "ondds-close"?: (e: DdsCloseEvent) => void }
 export type DapDSSnackbarType = HtmlType & Partial<Omit<DDS.DapDSSnackbar, 'children' | 'style'>>
-export type DapDSSkeletonType = HtmlType & Partial<Omit<DDS.DapDSSkeleton, 'children' | 'style'>>
 export type DapDSSpinnerType = HtmlType & Partial<Omit<DDS.DapDSSpinner, 'children' | 'style'>>
 export type DapDSStackType = HtmlType & Partial<Omit<DDS.DapDSStack, 'children' | 'style'>>
 export type DapDSSwitchType = HtmlType & Partial<Omit<DDS.DapDSSwitch, 'children' | 'style'>> & { "ondds-change"?: (e: DdsChangeEvent) => void, "ondds-blur"?: (e: DdsBlurEvent) => void, "ondds-focus"?: (e: DdsFocusEvent) => void, "ondds-input"?: (e: DdsInputEvent) => void }
+export type DapDSTabGroupType = HtmlType & Partial<Omit<DDS.DapDSTabGroup, 'children' | 'style'>> & { "ondds-tab-select"?: (e: DdsTabSelectEvent) => void }
+export type DapDSTabType = HtmlType & Partial<Omit<DDS.DapDSTab, 'children' | 'style'>>
 export type DapDSTableCellType = HtmlType & Partial<Omit<DDS.DapDSTableCell, 'children' | 'style'>>
 export type DapDSTableHeaderType = HtmlType & Partial<Omit<DDS.DapDSTableHeader, 'children' | 'style'>>
 export type DapDSTableRowType = HtmlType & Partial<Omit<DDS.DapDSTableRow, 'children' | 'style'>>
 export type DapDSTableType = HtmlType & Partial<Omit<DDS.DapDSTable, 'children' | 'style'>>
 export type DapDSTextareaType = HtmlType & Partial<Omit<DDS.DapDSTextarea, 'children' | 'style'>> & { "ondds-count-change"?: (e: DdsCountChangeEvent) => void, "ondds-change"?: (e: DdsChangeEvent) => void, "ondds-input"?: (e: DdsInputEvent) => void, "ondds-keydown"?: (e: DdsKeydownEvent) => void, "ondds-blur"?: (e: DdsBlurEvent) => void, "ondds-focus"?: (e: DdsFocusEvent) => void, "ondds-select"?: (e: DdsSelectEvent) => void }
-export type DapDSTimeGridType = HtmlType & Partial<Omit<DDS.DapDSTimeGrid, 'children' | 'style'>> & { "ondds-change"?: (e: DdsChangeEvent) => void, "ondds-close"?: (e: DdsCloseEvent) => void }
-export type DapDSTimePickerType = HtmlType & Partial<Omit<DDS.DapDSTimePicker, 'children' | 'style'>> & { "ondds-change"?: (e: DdsChangeEvent) => void, "ondds-input"?: (e: DdsInputEvent) => void, "ondds-valid-time"?: (e: DdsValidTimeEvent) => void, "ondds-invalid-time"?: (e: DdsInvalidTimeEvent) => void, "ondds-clear"?: (e: DdsClearEvent) => void, "ondds-focus"?: (e: DdsFocusEvent) => void, "ondds-blur"?: (e: DdsBlurEvent) => void }
 export type DapDSTimelineItemType = HtmlType & Partial<Omit<DDS.DapDSTimelineItem, 'children' | 'style'>>
 export type DapDSTimelineType = HtmlType & Partial<Omit<DDS.DapDSTimeline, 'children' | 'style'>>
-export type DapDSTabGroupType = HtmlType & Partial<Omit<DDS.DapDSTabGroup, 'children' | 'style'>> & { "ondds-tab-select"?: (e: DdsTabSelectEvent) => void }
-export type DapDSTabType = HtmlType & Partial<Omit<DDS.DapDSTab, 'children' | 'style'>>
+export type DapDSTimeGridType = HtmlType & Partial<Omit<DDS.DapDSTimeGrid, 'children' | 'style'>> & { "ondds-change"?: (e: DdsChangeEvent) => void, "ondds-close"?: (e: DdsCloseEvent) => void }
+export type DapDSTimePickerType = HtmlType & Partial<Omit<DDS.DapDSTimePicker, 'children' | 'style'>> & { "ondds-change"?: (e: DdsChangeEvent) => void, "ondds-input"?: (e: DdsInputEvent) => void, "ondds-valid-time"?: (e: DdsValidTimeEvent) => void, "ondds-invalid-time"?: (e: DdsInvalidTimeEvent) => void, "ondds-clear"?: (e: DdsClearEvent) => void, "ondds-focus"?: (e: DdsFocusEvent) => void, "ondds-blur"?: (e: DdsBlurEvent) => void }
 export type DapDSTOCType = HtmlType & Partial<Omit<DDS.DapDSTOC, 'children' | 'style'>> & { "ondds-anchor-change"?: (e: DdsAnchorChangeEvent) => void }
 export type DapDSToggleButtonType = HtmlType & Partial<Omit<DDS.DapDSToggleButton, 'children' | 'style'>>
 export type DapDSTooltipType = HtmlType & Partial<Omit<DDS.DapDSTooltip, 'children' | 'style'>>
@@ -100,23 +101,23 @@ export type ArrowsArrowDownLineType = HtmlType & Partial<Omit<DDS.ArrowsArrowDow
 export type ArrowsArrowDownSFillType = HtmlType & Partial<Omit<DDS.ArrowsArrowDownSFill, 'children' | 'style'>>
 export type ArrowsArrowDownSLineType = HtmlType & Partial<Omit<DDS.ArrowsArrowDownSLine, 'children' | 'style'>>
 export type ArrowsArrowLeftDownLineType = HtmlType & Partial<Omit<DDS.ArrowsArrowLeftDownLine, 'children' | 'style'>>
-export type ArrowsArrowLeftLineType = HtmlType & Partial<Omit<DDS.ArrowsArrowLeftLine, 'children' | 'style'>>
 export type ArrowsArrowLeftLLineType = HtmlType & Partial<Omit<DDS.ArrowsArrowLeftLLine, 'children' | 'style'>>
+export type ArrowsArrowLeftLineType = HtmlType & Partial<Omit<DDS.ArrowsArrowLeftLine, 'children' | 'style'>>
 export type ArrowsArrowLeftSFillType = HtmlType & Partial<Omit<DDS.ArrowsArrowLeftSFill, 'children' | 'style'>>
 export type ArrowsArrowLeftSLineType = HtmlType & Partial<Omit<DDS.ArrowsArrowLeftSLine, 'children' | 'style'>>
 export type ArrowsArrowLeftUpLineType = HtmlType & Partial<Omit<DDS.ArrowsArrowLeftUpLine, 'children' | 'style'>>
 export type ArrowsArrowRightDownLineType = HtmlType & Partial<Omit<DDS.ArrowsArrowRightDownLine, 'children' | 'style'>>
 export type ArrowsArrowRightLLineType = HtmlType & Partial<Omit<DDS.ArrowsArrowRightLLine, 'children' | 'style'>>
 export type ArrowsArrowRightLineType = HtmlType & Partial<Omit<DDS.ArrowsArrowRightLine, 'children' | 'style'>>
-export type ArrowsArrowRightSLineType = HtmlType & Partial<Omit<DDS.ArrowsArrowRightSLine, 'children' | 'style'>>
 export type ArrowsArrowRightSFillType = HtmlType & Partial<Omit<DDS.ArrowsArrowRightSFill, 'children' | 'style'>>
+export type ArrowsArrowRightSLineType = HtmlType & Partial<Omit<DDS.ArrowsArrowRightSLine, 'children' | 'style'>>
 export type ArrowsArrowRightUpLineType = HtmlType & Partial<Omit<DDS.ArrowsArrowRightUpLine, 'children' | 'style'>>
-export type ArrowsArrowUpLineType = HtmlType & Partial<Omit<DDS.ArrowsArrowUpLine, 'children' | 'style'>>
 export type ArrowsArrowUpSFillType = HtmlType & Partial<Omit<DDS.ArrowsArrowUpSFill, 'children' | 'style'>>
+export type ArrowsArrowUpLineType = HtmlType & Partial<Omit<DDS.ArrowsArrowUpLine, 'children' | 'style'>>
 export type ArrowsArrowUpSLineType = HtmlType & Partial<Omit<DDS.ArrowsArrowUpSLine, 'children' | 'style'>>
 export type ArrowsExpandUpDownFillType = HtmlType & Partial<Omit<DDS.ArrowsExpandUpDownFill, 'children' | 'style'>>
-export type BusinessCalendarLineType = HtmlType & Partial<Omit<DDS.BusinessCalendarLine, 'children' | 'style'>>
 export type BuildingsHome6LineType = HtmlType & Partial<Omit<DDS.BuildingsHome6Line, 'children' | 'style'>>
+export type BusinessCalendarLineType = HtmlType & Partial<Omit<DDS.BusinessCalendarLine, 'children' | 'style'>>
 export type DesignEditLineType = HtmlType & Partial<Omit<DDS.DesignEditLine, 'children' | 'style'>>
 export type DesignToolsLineType = HtmlType & Partial<Omit<DDS.DesignToolsLine, 'children' | 'style'>>
 export type DeviceComputerLineType = HtmlType & Partial<Omit<DDS.DeviceComputerLine, 'children' | 'style'>>
@@ -128,14 +129,10 @@ export type DocumentFileTextLineType = HtmlType & Partial<Omit<DDS.DocumentFileT
 export type DocumentFileVideoLineType = HtmlType & Partial<Omit<DDS.DocumentFileVideoLine, 'children' | 'style'>>
 export type DocumentFolderLineType = HtmlType & Partial<Omit<DDS.DocumentFolderLine, 'children' | 'style'>>
 export type DocumentFolderOpenLineType = HtmlType & Partial<Omit<DDS.DocumentFolderOpenLine, 'children' | 'style'>>
-export type HealthHeartFillType = HtmlType & Partial<Omit<DDS.HealthHeartFill, 'children' | 'style'>>
 export type EditorSeparatorType = HtmlType & Partial<Omit<DDS.EditorSeparator, 'children' | 'style'>>
+export type HealthHeartFillType = HtmlType & Partial<Omit<DDS.HealthHeartFill, 'children' | 'style'>>
 export type HealthHeartLineType = HtmlType & Partial<Omit<DDS.HealthHeartLine, 'children' | 'style'>>
 export type OthersCookieLineType = HtmlType & Partial<Omit<DDS.OthersCookieLine, 'children' | 'style'>>
-export type UserAccountCircleFillType = HtmlType & Partial<Omit<DDS.UserAccountCircleFill, 'children' | 'style'>>
-export type UserAccountCircleLineType = HtmlType & Partial<Omit<DDS.UserAccountCircleLine, 'children' | 'style'>>
-export type UserUserFillType = HtmlType & Partial<Omit<DDS.UserUserFill, 'children' | 'style'>>
-export type UserUserLineType = HtmlType & Partial<Omit<DDS.UserUserLine, 'children' | 'style'>>
 export type SystemAddLineType = HtmlType & Partial<Omit<DDS.SystemAddLine, 'children' | 'style'>>
 export type SystemAlertFillType = HtmlType & Partial<Omit<DDS.SystemAlertFill, 'children' | 'style'>>
 export type SystemAlertLineType = HtmlType & Partial<Omit<DDS.SystemAlertLine, 'children' | 'style'>>
@@ -147,8 +144,8 @@ export type SystemCheckboxBlankCircleLineType = HtmlType & Partial<Omit<DDS.Syst
 export type SystemCheckboxCircleFillType = HtmlType & Partial<Omit<DDS.SystemCheckboxCircleFill, 'children' | 'style'>>
 export type SystemCheckboxCircleLineType = HtmlType & Partial<Omit<DDS.SystemCheckboxCircleLine, 'children' | 'style'>>
 export type SystemCloseCircleFillType = HtmlType & Partial<Omit<DDS.SystemCloseCircleFill, 'children' | 'style'>>
-export type SystemCloseCircleLineType = HtmlType & Partial<Omit<DDS.SystemCloseCircleLine, 'children' | 'style'>>
 export type SystemCloseFillType = HtmlType & Partial<Omit<DDS.SystemCloseFill, 'children' | 'style'>>
+export type SystemCloseCircleLineType = HtmlType & Partial<Omit<DDS.SystemCloseCircleLine, 'children' | 'style'>>
 export type SystemCloseLineType = HtmlType & Partial<Omit<DDS.SystemCloseLine, 'children' | 'style'>>
 export type SystemDeleteBinFillType = HtmlType & Partial<Omit<DDS.SystemDeleteBinFill, 'children' | 'style'>>
 export type SystemDeleteBinLineType = HtmlType & Partial<Omit<DDS.SystemDeleteBinLine, 'children' | 'style'>>
@@ -181,4 +178,10 @@ export type SystemTimeFillType = HtmlType & Partial<Omit<DDS.SystemTimeFill, 'ch
 export type SystemTimeLineType = HtmlType & Partial<Omit<DDS.SystemTimeLine, 'children' | 'style'>>
 export type SystemUpload2FillType = HtmlType & Partial<Omit<DDS.SystemUpload2Fill, 'children' | 'style'>>
 export type SystemUpload2LineType = HtmlType & Partial<Omit<DDS.SystemUpload2Line, 'children' | 'style'>>
-export type SystemUploadLineType = HtmlType & Partial<Omit<DDS.SystemUploadLine, 'children' | 'style'>>
+export type SystemUploadLineType = HtmlType & Partial<Omit<DDS.SystemUploadLine, 'children' | 'style'>>
+export type SystemZoomInLineType = HtmlType & Partial<Omit<DDS.SystemZoomInLine, 'children' | 'style'>>
+export type SystemZoomOutLineType = HtmlType & Partial<Omit<DDS.SystemZoomOutLine, 'children' | 'style'>>
+export type UserAccountCircleFillType = HtmlType & Partial<Omit<DDS.UserAccountCircleFill, 'children' | 'style'>>
+export type UserAccountCircleLineType = HtmlType & Partial<Omit<DDS.UserAccountCircleLine, 'children' | 'style'>>
+export type UserUserFillType = HtmlType & Partial<Omit<DDS.UserUserFill, 'children' | 'style'>>
+export type UserUserLineType = HtmlType & Partial<Omit<DDS.UserUserLine, 'children' | 'style'>>