@xplor-education/react-wrappers 8.5.0 → 8.6.0

package/dist/components.d.ts

@@ -11,6 +11,7 @@ import { XplorCardList as XplorCardListElement } from '@xplor-education/core-ste
 import { XplorCard as XplorCardElement } from '@xplor-education/core-stencil-components/components/xplor-card.js';
 import { XplorCheckbox as XplorCheckboxElement } from '@xplor-education/core-stencil-components/components/xplor-checkbox.js';
 import { XplorCodeEntry as XplorCodeEntryElement } from '@xplor-education/core-stencil-components/components/xplor-code-entry.js';
+import { XplorContainer as XplorContainerElement } from '@xplor-education/core-stencil-components/components/xplor-container.js';
 import { XplorCountBadge as XplorCountBadgeElement } from '@xplor-education/core-stencil-components/components/xplor-count-badge.js';
 import { XplorDatatable as XplorDatatableElement } from '@xplor-education/core-stencil-components/components/xplor-datatable.js';
 import { XplorDatePicker as XplorDatePickerElement } from '@xplor-education/core-stencil-components/components/xplor-date-picker.js';
@@ -99,6 +100,8 @@ export type XplorCodeEntryEvents = {
     onSdResend: EventName<XplorCodeEntryCustomEvent<void>>;
 };
 export declare const XplorCodeEntry: StencilReactComponent<XplorCodeEntryElement, XplorCodeEntryEvents, Components.XplorCodeEntry>;
+export type XplorContainerEvents = NonNullable<unknown>;
+export declare const XplorContainer: StencilReactComponent<XplorContainerElement, XplorContainerEvents, Components.XplorContainer>;
 export type XplorCountBadgeEvents = NonNullable<unknown>;
 export declare const XplorCountBadge: StencilReactComponent<XplorCountBadgeElement, XplorCountBadgeEvents, Components.XplorCountBadge>;
 export type XplorDatatableEvents = {
@@ -123,6 +126,7 @@ export type XplorDatatableEvents = {
     }>>;
     onSdClearFilters: EventName<XplorDatatableCustomEvent<void>>;
     onSdRetry: EventName<XplorDatatableCustomEvent<void>>;
+    onSdEmptyAction: EventName<XplorDatatableCustomEvent<void>>;
     onSdTagAdd: EventName<XplorDatatableCustomEvent<{
         row: DatatableRow;
         col: string;

package/dist/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@stencil/react-output-target/runtime"),o=require("react"),t=require("@xplor-education/core-stencil-components/components/xplor-accordion-item.js"),n=require("@xplor-education/core-stencil-components/components/xplor-accordion.js"),l=require("@xplor-education/core-stencil-components/components/xplor-address-field.js"),s=require("@xplor-education/core-stencil-components/components/xplor-avatar.js"),r=require("@xplor-education/core-stencil-components/components/xplor-bottom-sheet.js"),a=require("@xplor-education/core-stencil-components/components/xplor-calendar.js"),m=require("@xplor-education/core-stencil-components/components/xplor-card-list.js"),d=require("@xplor-education/core-stencil-components/components/xplor-card.js"),p=require("@xplor-education/core-stencil-components/components/xplor-checkbox.js"),i=require("@xplor-education/core-stencil-components/components/xplor-code-entry.js"),c=require("@xplor-education/core-stencil-components/components/xplor-count-badge.js"),C=require("@xplor-education/core-stencil-components/components/xplor-datatable.js"),u=require("@xplor-education/core-stencil-components/components/xplor-date-picker.js"),g=require("@xplor-education/core-stencil-components/components/xplor-dayset.js"),X=require("@xplor-education/core-stencil-components/components/xplor-empty-state.js"),S=require("@xplor-education/core-stencil-components/components/xplor-fab.js"),x=require("@xplor-education/core-stencil-components/components/xplor-file-upload.js"),E=require("@xplor-education/core-stencil-components/components/xplor-held-answer.js"),f=require("@xplor-education/core-stencil-components/components/xplor-icon.js"),h=require("@xplor-education/core-stencil-components/components/xplor-input.js"),v=require("@xplor-education/core-stencil-components/components/xplor-menu-item.js"),q=require("@xplor-education/core-stencil-components/components/xplor-menu.js"),T=require("@xplor-education/core-stencil-components/components/xplor-message-box.js"),j=require("@xplor-education/core-stencil-components/components/xplor-pill.js"),N=require("@xplor-education/core-stencil-components/components/xplor-progress.js"),_=require("@xplor-education/core-stencil-components/components/xplor-radio-button.js"),k=require("@xplor-education/core-stencil-components/components/xplor-segmented.js"),b=require("@xplor-education/core-stencil-components/components/xplor-selection-pill.js"),F=require("@xplor-education/core-stencil-components/components/xplor-side-sheet.js"),A=require("@xplor-education/core-stencil-components/components/xplor-signature-pad.js"),P=require("@xplor-education/core-stencil-components/components/xplor-spinner.js"),B=require("@xplor-education/core-stencil-components/components/xplor-success.js"),R=require("@xplor-education/core-stencil-components/components/xplor-tab-panel.js"),y=require("@xplor-education/core-stencil-components/components/xplor-tabs.js"),D=require("@xplor-education/core-stencil-components/components/xplor-time-picker.js"),I=require("@xplor-education/core-stencil-components/components/xplor-title-block.js"),M=require("@xplor-education/core-stencil-components/components/xplor-toast-stack.js"),w=require("@xplor-education/core-stencil-components/components/xplor-toast.js"),O=require("@xplor-education/core-stencil-components/components/xplor-toggle.js"),U=require("@xplor-education/core-stencil-components/components/xplor-tooltip.js"),V=e.createComponent({tagName:"xplor-accordion",elementClass:n.XplorAccordion,react:o,events:{onSdToggle:"sdToggle"},defineCustomElement:n.defineCustomElement}),H=e.createComponent({tagName:"xplor-accordion-item",elementClass:t.XplorAccordionItem,react:o,events:{onSdItemToggle:"sdItemToggle"},defineCustomElement:t.defineCustomElement}),L=e.createComponent({tagName:"xplor-address-field",elementClass:l.XplorAddressField,react:o,events:{onSdChange:"sdChange",onSdValidate:"sdValidate"},defineCustomElement:l.defineCustomElement}),K=e.createComponent({tagName:"xplor-avatar",elementClass:s.XplorAvatar,react:o,events:{},defineCustomElement:s.defineCustomElement}),z=e.createComponent({tagName:"xplor-bottom-sheet",elementClass:r.XplorBottomSheet,react:o,events:{onSdClose:"sdClose"},defineCustomElement:r.defineCustomElement}),G=e.createComponent({tagName:"xplor-calendar",elementClass:a.XplorCalendar,react:o,events:{onSdSelect:"sdSelect",onSdMonthChange:"sdMonthChange"},defineCustomElement:a.defineCustomElement}),J=e.createComponent({tagName:"xplor-card",elementClass:d.XplorCard,react:o,events:{onSdClick:"sdClick",onSdChange:"sdChange",onXplorCardClick:"xplorCardClick"},defineCustomElement:d.defineCustomElement}),Q=e.createComponent({tagName:"xplor-card-list",elementClass:m.XplorCardList,react:o,events:{},defineCustomElement:m.defineCustomElement}),W=e.createComponent({tagName:"xplor-checkbox",elementClass:p.XplorCheckbox,react:o,events:{onSdChange:"sdChange",onCheckboxChange:"checkboxChange"},defineCustomElement:p.defineCustomElement}),Y=e.createComponent({tagName:"xplor-code-entry",elementClass:i.XplorCodeEntry,react:o,events:{onSdRequestCode:"sdRequestCode",onSdVerify:"sdVerify",onSdResend:"sdResend"},defineCustomElement:i.defineCustomElement}),Z=e.createComponent({tagName:"xplor-count-badge",elementClass:c.XplorCountBadge,react:o,events:{},defineCustomElement:c.defineCustomElement}),$=e.createComponent({tagName:"xplor-datatable",elementClass:C.XplorDatatable,react:o,events:{onSdSort:"sdSort",onSdSelectionChange:"sdSelectionChange",onSdRowClick:"sdRowClick",onSdRowAction:"sdRowAction",onSdBulkAction:"sdBulkAction",onSdFilters:"sdFilters",onSdSearch:"sdSearch",onSdRemoveFilter:"sdRemoveFilter",onSdClearFilters:"sdClearFilters",onSdRetry:"sdRetry",onSdTagAdd:"sdTagAdd",onSdTagRemove:"sdTagRemove",onSdRowExpand:"sdRowExpand",onSdViewChange:"sdViewChange",onSdDensityChange:"sdDensityChange"},defineCustomElement:C.defineCustomElement}),ee=e.createComponent({tagName:"xplor-date-picker",elementClass:u.XplorDatePicker,react:o,events:{onSdChange:"sdChange",onSdMonthChange:"sdMonthChange",onSdClear:"sdClear"},defineCustomElement:u.defineCustomElement}),oe=e.createComponent({tagName:"xplor-dayset",elementClass:g.XplorDayset,react:o,events:{onSdChange:"sdChange"},defineCustomElement:g.defineCustomElement}),te=e.createComponent({tagName:"xplor-empty-state",elementClass:X.XplorEmptyState,react:o,events:{},defineCustomElement:X.defineCustomElement}),ne=e.createComponent({tagName:"xplor-fab",elementClass:S.XplorFab,react:o,events:{onSdClick:"sdClick"},defineCustomElement:S.defineCustomElement}),le=e.createComponent({tagName:"xplor-file-upload",elementClass:x.XplorFileUpload,react:o,events:{onSdFilesSelected:"sdFilesSelected",onSdFileRemoved:"sdFileRemoved",onSdFileError:"sdFileError",onXplorFileAdd:"xplorFileAdd",onXplorFileRemove:"xplorFileRemove",onXplorError:"xplorError"},defineCustomElement:x.defineCustomElement}),se=e.createComponent({tagName:"xplor-held-answer",elementClass:E.XplorHeldAnswer,react:o,events:{onSdConfirm:"sdConfirm",onSdUpdate:"sdUpdate",onSdKeepOriginal:"sdKeepOriginal"},defineCustomElement:E.defineCustomElement}),re=e.createComponent({tagName:"xplor-icon",elementClass:f.XplorIcon,react:o,events:{},defineCustomElement:f.defineCustomElement}),ae=e.createComponent({tagName:"xplor-input",elementClass:h.XplorInput,react:o,events:{onSdChange:"sdChange",onSdInput:"sdInput",onSdClear:"sdClear",onSdSearch:"sdSearch",onSdSend:"sdSend",onSdFocus:"sdFocus",onSdBlur:"sdBlur"},defineCustomElement:h.defineCustomElement}),me=e.createComponent({tagName:"xplor-menu",elementClass:q.XplorMenu,react:o,events:{onSdClose:"sdClose"},defineCustomElement:q.defineCustomElement}),de=e.createComponent({tagName:"xplor-menu-item",elementClass:v.XplorMenuItem,react:o,events:{onSdSelect:"sdSelect"},defineCustomElement:v.defineCustomElement}),pe=e.createComponent({tagName:"xplor-message-box",elementClass:T.XplorMessageBox,react:o,events:{onSdDismiss:"sdDismiss"},defineCustomElement:T.defineCustomElement}),ie=e.createComponent({tagName:"xplor-pill",elementClass:j.XplorPill,react:o,events:{},defineCustomElement:j.defineCustomElement}),ce=e.createComponent({tagName:"xplor-progress",elementClass:N.XplorProgress,react:o,events:{},defineCustomElement:N.defineCustomElement}),Ce=e.createComponent({tagName:"xplor-radio-button",elementClass:_.XplorRadioButton,react:o,events:{onSdChange:"sdChange"},defineCustomElement:_.defineCustomElement}),ue=e.createComponent({tagName:"xplor-segmented",elementClass:k.XplorSegmented,react:o,events:{onSdChange:"sdChange"},defineCustomElement:k.defineCustomElement}),ge=e.createComponent({tagName:"xplor-selection-pill",elementClass:b.XplorSelectionPill,react:o,events:{onSdSelect:"sdSelect",onSdDismiss:"sdDismiss"},defineCustomElement:b.defineCustomElement}),Xe=e.createComponent({tagName:"xplor-side-sheet",elementClass:F.XplorSideSheet,react:o,events:{onSdOpen:"sdOpen",onSdClose:"sdClose"},defineCustomElement:F.defineCustomElement}),Se=e.createComponent({tagName:"xplor-signature-pad",elementClass:A.XplorSignaturePad,react:o,events:{onSdChange:"sdChange",onSdModeChange:"sdModeChange"},defineCustomElement:A.defineCustomElement}),xe=e.createComponent({tagName:"xplor-spinner",elementClass:P.XplorSpinner,react:o,events:{},defineCustomElement:P.defineCustomElement}),Ee=e.createComponent({tagName:"xplor-success",elementClass:B.XplorSuccess,react:o,events:{},defineCustomElement:B.defineCustomElement}),fe=e.createComponent({tagName:"xplor-tab-panel",elementClass:R.XplorTabPanel,react:o,events:{},defineCustomElement:R.defineCustomElement}),he=e.createComponent({tagName:"xplor-tabs",elementClass:y.XplorTabs,react:o,events:{onSdTabChange:"sdTabChange"},defineCustomElement:y.defineCustomElement}),ve=e.createComponent({tagName:"xplor-time-picker",elementClass:D.XplorTimePicker,react:o,events:{onSdChange:"sdChange",onTimeChange:"timeChange",onXplorFocus:"xplorFocus",onXplorBlur:"xplorBlur",onXplorClear:"xplorClear"},defineCustomElement:D.defineCustomElement}),qe=e.createComponent({tagName:"xplor-title-block",elementClass:I.XplorTitleBlock,react:o,events:{},defineCustomElement:I.defineCustomElement}),Te=e.createComponent({tagName:"xplor-toast",elementClass:w.XplorToast,react:o,events:{onSdDismiss:"sdDismiss",onSdAction:"sdAction"},defineCustomElement:w.defineCustomElement}),je=e.createComponent({tagName:"xplor-toast-stack",elementClass:M.XplorToastStack,react:o,events:{},defineCustomElement:M.defineCustomElement}),Ne=e.createComponent({tagName:"xplor-toggle",elementClass:O.XplorToggle,react:o,events:{onSdChange:"sdChange"},defineCustomElement:O.defineCustomElement}),_e=e.createComponent({tagName:"xplor-tooltip",elementClass:U.XplorTooltip,react:o,events:{onSdOpen:"sdOpen",onSdClose:"sdClose"},defineCustomElement:U.defineCustomElement});exports.XplorAccordion=V;exports.XplorAccordionItem=H;exports.XplorAddressField=L;exports.XplorAvatar=K;exports.XplorBottomSheet=z;exports.XplorCalendar=G;exports.XplorCard=J;exports.XplorCardList=Q;exports.XplorCheckbox=W;exports.XplorCodeEntry=Y;exports.XplorCountBadge=Z;exports.XplorDatatable=$;exports.XplorDatePicker=ee;exports.XplorDayset=oe;exports.XplorEmptyState=te;exports.XplorFab=ne;exports.XplorFileUpload=le;exports.XplorHeldAnswer=se;exports.XplorIcon=re;exports.XplorInput=ae;exports.XplorMenu=me;exports.XplorMenuItem=de;exports.XplorMessageBox=pe;exports.XplorPill=ie;exports.XplorProgress=ce;exports.XplorRadioButton=Ce;exports.XplorSegmented=ue;exports.XplorSelectionPill=ge;exports.XplorSideSheet=Xe;exports.XplorSignaturePad=Se;exports.XplorSpinner=xe;exports.XplorSuccess=Ee;exports.XplorTabPanel=fe;exports.XplorTabs=he;exports.XplorTimePicker=ve;exports.XplorTitleBlock=qe;exports.XplorToast=Te;exports.XplorToastStack=je;exports.XplorToggle=Ne;exports.XplorTooltip=_e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@stencil/react-output-target/runtime"),o=require("react"),t=require("@xplor-education/core-stencil-components/components/xplor-accordion-item.js"),n=require("@xplor-education/core-stencil-components/components/xplor-accordion.js"),l=require("@xplor-education/core-stencil-components/components/xplor-address-field.js"),r=require("@xplor-education/core-stencil-components/components/xplor-avatar.js"),s=require("@xplor-education/core-stencil-components/components/xplor-bottom-sheet.js"),a=require("@xplor-education/core-stencil-components/components/xplor-calendar.js"),m=require("@xplor-education/core-stencil-components/components/xplor-card-list.js"),d=require("@xplor-education/core-stencil-components/components/xplor-card.js"),p=require("@xplor-education/core-stencil-components/components/xplor-checkbox.js"),i=require("@xplor-education/core-stencil-components/components/xplor-code-entry.js"),c=require("@xplor-education/core-stencil-components/components/xplor-container.js"),C=require("@xplor-education/core-stencil-components/components/xplor-count-badge.js"),u=require("@xplor-education/core-stencil-components/components/xplor-datatable.js"),g=require("@xplor-education/core-stencil-components/components/xplor-date-picker.js"),X=require("@xplor-education/core-stencil-components/components/xplor-dayset.js"),S=require("@xplor-education/core-stencil-components/components/xplor-empty-state.js"),x=require("@xplor-education/core-stencil-components/components/xplor-fab.js"),E=require("@xplor-education/core-stencil-components/components/xplor-file-upload.js"),f=require("@xplor-education/core-stencil-components/components/xplor-held-answer.js"),h=require("@xplor-education/core-stencil-components/components/xplor-icon.js"),v=require("@xplor-education/core-stencil-components/components/xplor-input.js"),q=require("@xplor-education/core-stencil-components/components/xplor-menu-item.js"),T=require("@xplor-education/core-stencil-components/components/xplor-menu.js"),j=require("@xplor-education/core-stencil-components/components/xplor-message-box.js"),N=require("@xplor-education/core-stencil-components/components/xplor-pill.js"),_=require("@xplor-education/core-stencil-components/components/xplor-progress.js"),k=require("@xplor-education/core-stencil-components/components/xplor-radio-button.js"),b=require("@xplor-education/core-stencil-components/components/xplor-segmented.js"),A=require("@xplor-education/core-stencil-components/components/xplor-selection-pill.js"),F=require("@xplor-education/core-stencil-components/components/xplor-side-sheet.js"),P=require("@xplor-education/core-stencil-components/components/xplor-signature-pad.js"),B=require("@xplor-education/core-stencil-components/components/xplor-spinner.js"),y=require("@xplor-education/core-stencil-components/components/xplor-success.js"),R=require("@xplor-education/core-stencil-components/components/xplor-tab-panel.js"),D=require("@xplor-education/core-stencil-components/components/xplor-tabs.js"),I=require("@xplor-education/core-stencil-components/components/xplor-time-picker.js"),M=require("@xplor-education/core-stencil-components/components/xplor-title-block.js"),w=require("@xplor-education/core-stencil-components/components/xplor-toast-stack.js"),O=require("@xplor-education/core-stencil-components/components/xplor-toast.js"),U=require("@xplor-education/core-stencil-components/components/xplor-toggle.js"),V=require("@xplor-education/core-stencil-components/components/xplor-tooltip.js"),H=e.createComponent({tagName:"xplor-accordion",elementClass:n.XplorAccordion,react:o,events:{onSdToggle:"sdToggle"},defineCustomElement:n.defineCustomElement}),L=e.createComponent({tagName:"xplor-accordion-item",elementClass:t.XplorAccordionItem,react:o,events:{onSdItemToggle:"sdItemToggle"},defineCustomElement:t.defineCustomElement}),K=e.createComponent({tagName:"xplor-address-field",elementClass:l.XplorAddressField,react:o,events:{onSdChange:"sdChange",onSdValidate:"sdValidate"},defineCustomElement:l.defineCustomElement}),z=e.createComponent({tagName:"xplor-avatar",elementClass:r.XplorAvatar,react:o,events:{},defineCustomElement:r.defineCustomElement}),G=e.createComponent({tagName:"xplor-bottom-sheet",elementClass:s.XplorBottomSheet,react:o,events:{onSdClose:"sdClose"},defineCustomElement:s.defineCustomElement}),J=e.createComponent({tagName:"xplor-calendar",elementClass:a.XplorCalendar,react:o,events:{onSdSelect:"sdSelect",onSdMonthChange:"sdMonthChange"},defineCustomElement:a.defineCustomElement}),Q=e.createComponent({tagName:"xplor-card",elementClass:d.XplorCard,react:o,events:{onSdClick:"sdClick",onSdChange:"sdChange",onXplorCardClick:"xplorCardClick"},defineCustomElement:d.defineCustomElement}),W=e.createComponent({tagName:"xplor-card-list",elementClass:m.XplorCardList,react:o,events:{},defineCustomElement:m.defineCustomElement}),Y=e.createComponent({tagName:"xplor-checkbox",elementClass:p.XplorCheckbox,react:o,events:{onSdChange:"sdChange",onCheckboxChange:"checkboxChange"},defineCustomElement:p.defineCustomElement}),Z=e.createComponent({tagName:"xplor-code-entry",elementClass:i.XplorCodeEntry,react:o,events:{onSdRequestCode:"sdRequestCode",onSdVerify:"sdVerify",onSdResend:"sdResend"},defineCustomElement:i.defineCustomElement}),$=e.createComponent({tagName:"xplor-container",elementClass:c.XplorContainer,react:o,events:{},defineCustomElement:c.defineCustomElement}),ee=e.createComponent({tagName:"xplor-count-badge",elementClass:C.XplorCountBadge,react:o,events:{},defineCustomElement:C.defineCustomElement}),oe=e.createComponent({tagName:"xplor-datatable",elementClass:u.XplorDatatable,react:o,events:{onSdSort:"sdSort",onSdSelectionChange:"sdSelectionChange",onSdRowClick:"sdRowClick",onSdRowAction:"sdRowAction",onSdBulkAction:"sdBulkAction",onSdFilters:"sdFilters",onSdSearch:"sdSearch",onSdRemoveFilter:"sdRemoveFilter",onSdClearFilters:"sdClearFilters",onSdRetry:"sdRetry",onSdEmptyAction:"sdEmptyAction",onSdTagAdd:"sdTagAdd",onSdTagRemove:"sdTagRemove",onSdRowExpand:"sdRowExpand",onSdViewChange:"sdViewChange",onSdDensityChange:"sdDensityChange"},defineCustomElement:u.defineCustomElement}),te=e.createComponent({tagName:"xplor-date-picker",elementClass:g.XplorDatePicker,react:o,events:{onSdChange:"sdChange",onSdMonthChange:"sdMonthChange",onSdClear:"sdClear"},defineCustomElement:g.defineCustomElement}),ne=e.createComponent({tagName:"xplor-dayset",elementClass:X.XplorDayset,react:o,events:{onSdChange:"sdChange"},defineCustomElement:X.defineCustomElement}),le=e.createComponent({tagName:"xplor-empty-state",elementClass:S.XplorEmptyState,react:o,events:{},defineCustomElement:S.defineCustomElement}),re=e.createComponent({tagName:"xplor-fab",elementClass:x.XplorFab,react:o,events:{onSdClick:"sdClick"},defineCustomElement:x.defineCustomElement}),se=e.createComponent({tagName:"xplor-file-upload",elementClass:E.XplorFileUpload,react:o,events:{onSdFilesSelected:"sdFilesSelected",onSdFileRemoved:"sdFileRemoved",onSdFileError:"sdFileError",onXplorFileAdd:"xplorFileAdd",onXplorFileRemove:"xplorFileRemove",onXplorError:"xplorError"},defineCustomElement:E.defineCustomElement}),ae=e.createComponent({tagName:"xplor-held-answer",elementClass:f.XplorHeldAnswer,react:o,events:{onSdConfirm:"sdConfirm",onSdUpdate:"sdUpdate",onSdKeepOriginal:"sdKeepOriginal"},defineCustomElement:f.defineCustomElement}),me=e.createComponent({tagName:"xplor-icon",elementClass:h.XplorIcon,react:o,events:{},defineCustomElement:h.defineCustomElement}),de=e.createComponent({tagName:"xplor-input",elementClass:v.XplorInput,react:o,events:{onSdChange:"sdChange",onSdInput:"sdInput",onSdClear:"sdClear",onSdSearch:"sdSearch",onSdSend:"sdSend",onSdFocus:"sdFocus",onSdBlur:"sdBlur"},defineCustomElement:v.defineCustomElement}),pe=e.createComponent({tagName:"xplor-menu",elementClass:T.XplorMenu,react:o,events:{onSdClose:"sdClose"},defineCustomElement:T.defineCustomElement}),ie=e.createComponent({tagName:"xplor-menu-item",elementClass:q.XplorMenuItem,react:o,events:{onSdSelect:"sdSelect"},defineCustomElement:q.defineCustomElement}),ce=e.createComponent({tagName:"xplor-message-box",elementClass:j.XplorMessageBox,react:o,events:{onSdDismiss:"sdDismiss"},defineCustomElement:j.defineCustomElement}),Ce=e.createComponent({tagName:"xplor-pill",elementClass:N.XplorPill,react:o,events:{},defineCustomElement:N.defineCustomElement}),ue=e.createComponent({tagName:"xplor-progress",elementClass:_.XplorProgress,react:o,events:{},defineCustomElement:_.defineCustomElement}),ge=e.createComponent({tagName:"xplor-radio-button",elementClass:k.XplorRadioButton,react:o,events:{onSdChange:"sdChange"},defineCustomElement:k.defineCustomElement}),Xe=e.createComponent({tagName:"xplor-segmented",elementClass:b.XplorSegmented,react:o,events:{onSdChange:"sdChange"},defineCustomElement:b.defineCustomElement}),Se=e.createComponent({tagName:"xplor-selection-pill",elementClass:A.XplorSelectionPill,react:o,events:{onSdSelect:"sdSelect",onSdDismiss:"sdDismiss"},defineCustomElement:A.defineCustomElement}),xe=e.createComponent({tagName:"xplor-side-sheet",elementClass:F.XplorSideSheet,react:o,events:{onSdOpen:"sdOpen",onSdClose:"sdClose"},defineCustomElement:F.defineCustomElement}),Ee=e.createComponent({tagName:"xplor-signature-pad",elementClass:P.XplorSignaturePad,react:o,events:{onSdChange:"sdChange",onSdModeChange:"sdModeChange"},defineCustomElement:P.defineCustomElement}),fe=e.createComponent({tagName:"xplor-spinner",elementClass:B.XplorSpinner,react:o,events:{},defineCustomElement:B.defineCustomElement}),he=e.createComponent({tagName:"xplor-success",elementClass:y.XplorSuccess,react:o,events:{},defineCustomElement:y.defineCustomElement}),ve=e.createComponent({tagName:"xplor-tab-panel",elementClass:R.XplorTabPanel,react:o,events:{},defineCustomElement:R.defineCustomElement}),qe=e.createComponent({tagName:"xplor-tabs",elementClass:D.XplorTabs,react:o,events:{onSdTabChange:"sdTabChange"},defineCustomElement:D.defineCustomElement}),Te=e.createComponent({tagName:"xplor-time-picker",elementClass:I.XplorTimePicker,react:o,events:{onSdChange:"sdChange",onTimeChange:"timeChange",onXplorFocus:"xplorFocus",onXplorBlur:"xplorBlur",onXplorClear:"xplorClear"},defineCustomElement:I.defineCustomElement}),je=e.createComponent({tagName:"xplor-title-block",elementClass:M.XplorTitleBlock,react:o,events:{},defineCustomElement:M.defineCustomElement}),Ne=e.createComponent({tagName:"xplor-toast",elementClass:O.XplorToast,react:o,events:{onSdDismiss:"sdDismiss",onSdAction:"sdAction"},defineCustomElement:O.defineCustomElement}),_e=e.createComponent({tagName:"xplor-toast-stack",elementClass:w.XplorToastStack,react:o,events:{},defineCustomElement:w.defineCustomElement}),ke=e.createComponent({tagName:"xplor-toggle",elementClass:U.XplorToggle,react:o,events:{onSdChange:"sdChange"},defineCustomElement:U.defineCustomElement}),be=e.createComponent({tagName:"xplor-tooltip",elementClass:V.XplorTooltip,react:o,events:{onSdOpen:"sdOpen",onSdClose:"sdClose"},defineCustomElement:V.defineCustomElement});exports.XplorAccordion=H;exports.XplorAccordionItem=L;exports.XplorAddressField=K;exports.XplorAvatar=z;exports.XplorBottomSheet=G;exports.XplorCalendar=J;exports.XplorCard=Q;exports.XplorCardList=W;exports.XplorCheckbox=Y;exports.XplorCodeEntry=Z;exports.XplorContainer=$;exports.XplorCountBadge=ee;exports.XplorDatatable=oe;exports.XplorDatePicker=te;exports.XplorDayset=ne;exports.XplorEmptyState=le;exports.XplorFab=re;exports.XplorFileUpload=se;exports.XplorHeldAnswer=ae;exports.XplorIcon=me;exports.XplorInput=de;exports.XplorMenu=pe;exports.XplorMenuItem=ie;exports.XplorMessageBox=ce;exports.XplorPill=Ce;exports.XplorProgress=ue;exports.XplorRadioButton=ge;exports.XplorSegmented=Xe;exports.XplorSelectionPill=Se;exports.XplorSideSheet=xe;exports.XplorSignaturePad=Ee;exports.XplorSpinner=fe;exports.XplorSuccess=he;exports.XplorTabPanel=ve;exports.XplorTabs=qe;exports.XplorTimePicker=Te;exports.XplorTitleBlock=je;exports.XplorToast=Ne;exports.XplorToastStack=_e;exports.XplorToggle=ke;exports.XplorTooltip=be;

package/dist/index.js

@@ -10,51 +10,52 @@ import { defineCustomElement as f, XplorCardList as u } from "@xplor-education/c
 import { defineCustomElement as E, XplorCard as X } from "@xplor-education/core-stencil-components/components/xplor-card.js";
 import { defineCustomElement as g, XplorCheckbox as S } from "@xplor-education/core-stencil-components/components/xplor-checkbox.js";
 import { defineCustomElement as $, XplorCodeEntry as h } from "@xplor-education/core-stencil-components/components/xplor-code-entry.js";
-import { defineCustomElement as x, XplorCountBadge as v } from "@xplor-education/core-stencil-components/components/xplor-count-badge.js";
-import { defineCustomElement as N, XplorDatatable as T } from "@xplor-education/core-stencil-components/components/xplor-datatable.js";
-import { defineCustomElement as k, XplorDatePicker as b } from "@xplor-education/core-stencil-components/components/xplor-date-picker.js";
-import { defineCustomElement as F, XplorDayset as A } from "@xplor-education/core-stencil-components/components/xplor-dayset.js";
-import { defineCustomElement as R, XplorEmptyState as B } from "@xplor-education/core-stencil-components/components/xplor-empty-state.js";
-import { defineCustomElement as P, XplorFab as y } from "@xplor-education/core-stencil-components/components/xplor-fab.js";
-import { defineCustomElement as D, XplorFileUpload as I } from "@xplor-education/core-stencil-components/components/xplor-file-upload.js";
-import { defineCustomElement as M, XplorHeldAnswer as w } from "@xplor-education/core-stencil-components/components/xplor-held-answer.js";
-import { defineCustomElement as O, XplorIcon as V } from "@xplor-education/core-stencil-components/components/xplor-icon.js";
-import { defineCustomElement as U, XplorInput as q } from "@xplor-education/core-stencil-components/components/xplor-input.js";
-import { defineCustomElement as H, XplorMenuItem as L } from "@xplor-education/core-stencil-components/components/xplor-menu-item.js";
-import { defineCustomElement as K, XplorMenu as j } from "@xplor-education/core-stencil-components/components/xplor-menu.js";
-import { defineCustomElement as z, XplorMessageBox as G } from "@xplor-education/core-stencil-components/components/xplor-message-box.js";
-import { defineCustomElement as J, XplorPill as Q } from "@xplor-education/core-stencil-components/components/xplor-pill.js";
-import { defineCustomElement as W, XplorProgress as Y } from "@xplor-education/core-stencil-components/components/xplor-progress.js";
-import { defineCustomElement as Z, XplorRadioButton as _ } from "@xplor-education/core-stencil-components/components/xplor-radio-button.js";
-import { defineCustomElement as ee, XplorSegmented as te } from "@xplor-education/core-stencil-components/components/xplor-segmented.js";
-import { defineCustomElement as oe, XplorSelectionPill as ne } from "@xplor-education/core-stencil-components/components/xplor-selection-pill.js";
-import { defineCustomElement as se, XplorSideSheet as le } from "@xplor-education/core-stencil-components/components/xplor-side-sheet.js";
-import { defineCustomElement as me, XplorSignaturePad as ae } from "@xplor-education/core-stencil-components/components/xplor-signature-pad.js";
-import { defineCustomElement as re, XplorSpinner as de } from "@xplor-education/core-stencil-components/components/xplor-spinner.js";
-import { defineCustomElement as ie, XplorSuccess as pe } from "@xplor-education/core-stencil-components/components/xplor-success.js";
-import { defineCustomElement as Ce, XplorTabPanel as ce } from "@xplor-education/core-stencil-components/components/xplor-tab-panel.js";
-import { defineCustomElement as fe, XplorTabs as ue } from "@xplor-education/core-stencil-components/components/xplor-tabs.js";
-import { defineCustomElement as Ee, XplorTimePicker as Xe } from "@xplor-education/core-stencil-components/components/xplor-time-picker.js";
-import { defineCustomElement as ge, XplorTitleBlock as Se } from "@xplor-education/core-stencil-components/components/xplor-title-block.js";
-import { defineCustomElement as $e, XplorToastStack as he } from "@xplor-education/core-stencil-components/components/xplor-toast-stack.js";
-import { defineCustomElement as xe, XplorToast as ve } from "@xplor-education/core-stencil-components/components/xplor-toast.js";
-import { defineCustomElement as Ne, XplorToggle as Te } from "@xplor-education/core-stencil-components/components/xplor-toggle.js";
-import { defineCustomElement as ke, XplorTooltip as be } from "@xplor-education/core-stencil-components/components/xplor-tooltip.js";
-const Et = /* @__PURE__ */ e({
+import { defineCustomElement as x, XplorContainer as v } from "@xplor-education/core-stencil-components/components/xplor-container.js";
+import { defineCustomElement as N, XplorCountBadge as T } from "@xplor-education/core-stencil-components/components/xplor-count-badge.js";
+import { defineCustomElement as k, XplorDatatable as b } from "@xplor-education/core-stencil-components/components/xplor-datatable.js";
+import { defineCustomElement as F, XplorDatePicker as A } from "@xplor-education/core-stencil-components/components/xplor-date-picker.js";
+import { defineCustomElement as R, XplorDayset as B } from "@xplor-education/core-stencil-components/components/xplor-dayset.js";
+import { defineCustomElement as y, XplorEmptyState as P } from "@xplor-education/core-stencil-components/components/xplor-empty-state.js";
+import { defineCustomElement as D, XplorFab as I } from "@xplor-education/core-stencil-components/components/xplor-fab.js";
+import { defineCustomElement as M, XplorFileUpload as w } from "@xplor-education/core-stencil-components/components/xplor-file-upload.js";
+import { defineCustomElement as O, XplorHeldAnswer as V } from "@xplor-education/core-stencil-components/components/xplor-held-answer.js";
+import { defineCustomElement as U, XplorIcon as q } from "@xplor-education/core-stencil-components/components/xplor-icon.js";
+import { defineCustomElement as H, XplorInput as L } from "@xplor-education/core-stencil-components/components/xplor-input.js";
+import { defineCustomElement as K, XplorMenuItem as j } from "@xplor-education/core-stencil-components/components/xplor-menu-item.js";
+import { defineCustomElement as z, XplorMenu as G } from "@xplor-education/core-stencil-components/components/xplor-menu.js";
+import { defineCustomElement as J, XplorMessageBox as Q } from "@xplor-education/core-stencil-components/components/xplor-message-box.js";
+import { defineCustomElement as W, XplorPill as Y } from "@xplor-education/core-stencil-components/components/xplor-pill.js";
+import { defineCustomElement as Z, XplorProgress as _ } from "@xplor-education/core-stencil-components/components/xplor-progress.js";
+import { defineCustomElement as ee, XplorRadioButton as te } from "@xplor-education/core-stencil-components/components/xplor-radio-button.js";
+import { defineCustomElement as oe, XplorSegmented as ne } from "@xplor-education/core-stencil-components/components/xplor-segmented.js";
+import { defineCustomElement as se, XplorSelectionPill as le } from "@xplor-education/core-stencil-components/components/xplor-selection-pill.js";
+import { defineCustomElement as me, XplorSideSheet as ae } from "@xplor-education/core-stencil-components/components/xplor-side-sheet.js";
+import { defineCustomElement as re, XplorSignaturePad as de } from "@xplor-education/core-stencil-components/components/xplor-signature-pad.js";
+import { defineCustomElement as ie, XplorSpinner as pe } from "@xplor-education/core-stencil-components/components/xplor-spinner.js";
+import { defineCustomElement as Ce, XplorSuccess as ce } from "@xplor-education/core-stencil-components/components/xplor-success.js";
+import { defineCustomElement as fe, XplorTabPanel as ue } from "@xplor-education/core-stencil-components/components/xplor-tab-panel.js";
+import { defineCustomElement as Ee, XplorTabs as Xe } from "@xplor-education/core-stencil-components/components/xplor-tabs.js";
+import { defineCustomElement as ge, XplorTimePicker as Se } from "@xplor-education/core-stencil-components/components/xplor-time-picker.js";
+import { defineCustomElement as $e, XplorTitleBlock as he } from "@xplor-education/core-stencil-components/components/xplor-title-block.js";
+import { defineCustomElement as xe, XplorToastStack as ve } from "@xplor-education/core-stencil-components/components/xplor-toast-stack.js";
+import { defineCustomElement as Ne, XplorToast as Te } from "@xplor-education/core-stencil-components/components/xplor-toast.js";
+import { defineCustomElement as ke, XplorToggle as be } from "@xplor-education/core-stencil-components/components/xplor-toggle.js";
+import { defineCustomElement as Fe, XplorTooltip as Ae } from "@xplor-education/core-stencil-components/components/xplor-tooltip.js";
+const St = /* @__PURE__ */ e({
   tagName: "xplor-accordion",
   elementClass: l,
   // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
   react: t,
   events: { onSdToggle: "sdToggle" },
   defineCustomElement: s
-}), Xt = /* @__PURE__ */ e({
+}), $t = /* @__PURE__ */ e({
   tagName: "xplor-accordion-item",
   elementClass: n,
   // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
   react: t,
   events: { onSdItemToggle: "sdItemToggle" },
   defineCustomElement: o
-}), gt = /* @__PURE__ */ e({
+}), ht = /* @__PURE__ */ e({
   tagName: "xplor-address-field",
   elementClass: a,
   // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
@@ -64,21 +65,21 @@ const Et = /* @__PURE__ */ e({
     onSdValidate: "sdValidate"
   },
   defineCustomElement: m
-}), St = /* @__PURE__ */ e({
+}), xt = /* @__PURE__ */ e({
   tagName: "xplor-avatar",
   elementClass: d,
   // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
   react: t,
   events: {},
   defineCustomElement: r
-}), $t = /* @__PURE__ */ e({
+}), vt = /* @__PURE__ */ e({
   tagName: "xplor-bottom-sheet",
   elementClass: p,
   // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
   react: t,
   events: { onSdClose: "sdClose" },
   defineCustomElement: i
-}), ht = /* @__PURE__ */ e({
+}), Nt = /* @__PURE__ */ e({
   tagName: "xplor-calendar",
   elementClass: c,
   // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
@@ -88,7 +89,7 @@ const Et = /* @__PURE__ */ e({
     onSdMonthChange: "sdMonthChange"
   },
   defineCustomElement: C
-}), xt = /* @__PURE__ */ e({
+}), Tt = /* @__PURE__ */ e({
   tagName: "xplor-card",
   elementClass: X,
   // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
@@ -99,14 +100,14 @@ const Et = /* @__PURE__ */ e({
     onXplorCardClick: "xplorCardClick"
   },
   defineCustomElement: E
-}), vt = /* @__PURE__ */ e({
+}), kt = /* @__PURE__ */ e({
   tagName: "xplor-card-list",
   elementClass: u,
   // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
   react: t,
   events: {},
   defineCustomElement: f
-}), Nt = /* @__PURE__ */ e({
+}), bt = /* @__PURE__ */ e({
   tagName: "xplor-checkbox",
   elementClass: S,
   // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
@@ -116,7 +117,7 @@ const Et = /* @__PURE__ */ e({
     onCheckboxChange: "checkboxChange"
   },
   defineCustomElement: g
-}), Tt = /* @__PURE__ */ e({
+}), Ft = /* @__PURE__ */ e({
   tagName: "xplor-code-entry",
   elementClass: h,
   // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
@@ -127,18 +128,25 @@ const Et = /* @__PURE__ */ e({
     onSdResend: "sdResend"
   },
   defineCustomElement: $
-}), kt = /* @__PURE__ */ e({
-  tagName: "xplor-count-badge",
+}), At = /* @__PURE__ */ e({
+  tagName: "xplor-container",
   elementClass: v,
   // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
   react: t,
   events: {},
   defineCustomElement: x
-}), bt = /* @__PURE__ */ e({
-  tagName: "xplor-datatable",
+}), Rt = /* @__PURE__ */ e({
+  tagName: "xplor-count-badge",
   elementClass: T,
   // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
   react: t,
+  events: {},
+  defineCustomElement: N
+}), Bt = /* @__PURE__ */ e({
+  tagName: "xplor-datatable",
+  elementClass: b,
+  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+  react: t,
   events: {
     onSdSort: "sdSort",
     onSdSelectionChange: "sdSelectionChange",
@@ -150,16 +158,17 @@ const Et = /* @__PURE__ */ e({
     onSdRemoveFilter: "sdRemoveFilter",
     onSdClearFilters: "sdClearFilters",
     onSdRetry: "sdRetry",
+    onSdEmptyAction: "sdEmptyAction",
     onSdTagAdd: "sdTagAdd",
     onSdTagRemove: "sdTagRemove",
     onSdRowExpand: "sdRowExpand",
     onSdViewChange: "sdViewChange",
     onSdDensityChange: "sdDensityChange"
   },
-  defineCustomElement: N
-}), Ft = /* @__PURE__ */ e({
+  defineCustomElement: k
+}), yt = /* @__PURE__ */ e({
   tagName: "xplor-date-picker",
-  elementClass: b,
+  elementClass: A,
   // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
   react: t,
   events: {
@@ -167,31 +176,31 @@ const Et = /* @__PURE__ */ e({
     onSdMonthChange: "sdMonthChange",
     onSdClear: "sdClear"
   },
-  defineCustomElement: k
-}), At = /* @__PURE__ */ e({
+  defineCustomElement: F
+}), Pt = /* @__PURE__ */ e({
   tagName: "xplor-dayset",
-  elementClass: A,
+  elementClass: B,
   // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
   react: t,
   events: { onSdChange: "sdChange" },
-  defineCustomElement: F
-}), Rt = /* @__PURE__ */ e({
+  defineCustomElement: R
+}), Dt = /* @__PURE__ */ e({
   tagName: "xplor-empty-state",
-  elementClass: B,
+  elementClass: P,
   // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
   react: t,
   events: {},
-  defineCustomElement: R
-}), Bt = /* @__PURE__ */ e({
+  defineCustomElement: y
+}), It = /* @__PURE__ */ e({
   tagName: "xplor-fab",
-  elementClass: y,
+  elementClass: I,
   // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
   react: t,
   events: { onSdClick: "sdClick" },
-  defineCustomElement: P
-}), Pt = /* @__PURE__ */ e({
+  defineCustomElement: D
+}), Mt = /* @__PURE__ */ e({
   tagName: "xplor-file-upload",
-  elementClass: I,
+  elementClass: w,
   // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
   react: t,
   events: {
@@ -202,10 +211,10 @@ const Et = /* @__PURE__ */ e({
     onXplorFileRemove: "xplorFileRemove",
     onXplorError: "xplorError"
   },
-  defineCustomElement: D
-}), yt = /* @__PURE__ */ e({
+  defineCustomElement: M
+}), wt = /* @__PURE__ */ e({
   tagName: "xplor-held-answer",
-  elementClass: w,
+  elementClass: V,
   // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
   react: t,
   events: {
@@ -213,17 +222,17 @@ const Et = /* @__PURE__ */ e({
     onSdUpdate: "sdUpdate",
     onSdKeepOriginal: "sdKeepOriginal"
   },
-  defineCustomElement: M
-}), Dt = /* @__PURE__ */ e({
+  defineCustomElement: O
+}), Ot = /* @__PURE__ */ e({
   tagName: "xplor-icon",
-  elementClass: V,
+  elementClass: q,
   // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
   react: t,
   events: {},
-  defineCustomElement: O
-}), It = /* @__PURE__ */ e({
+  defineCustomElement: U
+}), Vt = /* @__PURE__ */ e({
   tagName: "xplor-input",
-  elementClass: q,
+  elementClass: L,
   // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
   react: t,
   events: {
@@ -235,117 +244,117 @@ const Et = /* @__PURE__ */ e({
     onSdFocus: "sdFocus",
     onSdBlur: "sdBlur"
   },
-  defineCustomElement: U
-}), Mt = /* @__PURE__ */ e({
+  defineCustomElement: H
+}), Ut = /* @__PURE__ */ e({
   tagName: "xplor-menu",
-  elementClass: j,
+  elementClass: G,
   // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
   react: t,
   events: { onSdClose: "sdClose" },
-  defineCustomElement: K
-}), wt = /* @__PURE__ */ e({
+  defineCustomElement: z
+}), qt = /* @__PURE__ */ e({
   tagName: "xplor-menu-item",
-  elementClass: L,
+  elementClass: j,
   // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
   react: t,
   events: { onSdSelect: "sdSelect" },
-  defineCustomElement: H
-}), Ot = /* @__PURE__ */ e({
+  defineCustomElement: K
+}), Ht = /* @__PURE__ */ e({
   tagName: "xplor-message-box",
-  elementClass: G,
+  elementClass: Q,
   // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
   react: t,
   events: { onSdDismiss: "sdDismiss" },
-  defineCustomElement: z
-}), Vt = /* @__PURE__ */ e({
+  defineCustomElement: J
+}), Lt = /* @__PURE__ */ e({
   tagName: "xplor-pill",
-  elementClass: Q,
+  elementClass: Y,
   // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
   react: t,
   events: {},
-  defineCustomElement: J
-}), Ut = /* @__PURE__ */ e({
+  defineCustomElement: W
+}), Kt = /* @__PURE__ */ e({
   tagName: "xplor-progress",
-  elementClass: Y,
+  elementClass: _,
   // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
   react: t,
   events: {},
-  defineCustomElement: W
-}), qt = /* @__PURE__ */ e({
+  defineCustomElement: Z
+}), jt = /* @__PURE__ */ e({
   tagName: "xplor-radio-button",
-  elementClass: _,
+  elementClass: te,
   // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
   react: t,
   events: { onSdChange: "sdChange" },
-  defineCustomElement: Z
-}), Ht = /* @__PURE__ */ e({
+  defineCustomElement: ee
+}), zt = /* @__PURE__ */ e({
   tagName: "xplor-segmented",
-  elementClass: te,
+  elementClass: ne,
   // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
   react: t,
   events: { onSdChange: "sdChange" },
-  defineCustomElement: ee
-}), Lt = /* @__PURE__ */ e({
+  defineCustomElement: oe
+}), Gt = /* @__PURE__ */ e({
   tagName: "xplor-selection-pill",
-  elementClass: ne,
+  elementClass: le,
   // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
   react: t,
   events: {
     onSdSelect: "sdSelect",
     onSdDismiss: "sdDismiss"
   },
-  defineCustomElement: oe
-}), Kt = /* @__PURE__ */ e({
+  defineCustomElement: se
+}), Jt = /* @__PURE__ */ e({
   tagName: "xplor-side-sheet",
-  elementClass: le,
+  elementClass: ae,
   // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
   react: t,
   events: {
     onSdOpen: "sdOpen",
     onSdClose: "sdClose"
   },
-  defineCustomElement: se
-}), jt = /* @__PURE__ */ e({
+  defineCustomElement: me
+}), Qt = /* @__PURE__ */ e({
   tagName: "xplor-signature-pad",
-  elementClass: ae,
+  elementClass: de,
   // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
   react: t,
   events: {
     onSdChange: "sdChange",
     onSdModeChange: "sdModeChange"
   },
-  defineCustomElement: me
-}), zt = /* @__PURE__ */ e({
+  defineCustomElement: re
+}), Wt = /* @__PURE__ */ e({
   tagName: "xplor-spinner",
-  elementClass: de,
+  elementClass: pe,
   // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
   react: t,
   events: {},
-  defineCustomElement: re
-}), Gt = /* @__PURE__ */ e({
+  defineCustomElement: ie
+}), Yt = /* @__PURE__ */ e({
   tagName: "xplor-success",
-  elementClass: pe,
+  elementClass: ce,
   // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
   react: t,
   events: {},
-  defineCustomElement: ie
-}), Jt = /* @__PURE__ */ e({
+  defineCustomElement: Ce
+}), Zt = /* @__PURE__ */ e({
   tagName: "xplor-tab-panel",
-  elementClass: ce,
+  elementClass: ue,
   // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
   react: t,
   events: {},
-  defineCustomElement: Ce
-}), Qt = /* @__PURE__ */ e({
+  defineCustomElement: fe
+}), _t = /* @__PURE__ */ e({
   tagName: "xplor-tabs",
-  elementClass: ue,
+  elementClass: Xe,
   // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
   react: t,
   events: { onSdTabChange: "sdTabChange" },
-  defineCustomElement: fe
-}), Wt = /* @__PURE__ */ e({
+  defineCustomElement: Ee
+}), eo = /* @__PURE__ */ e({
   tagName: "xplor-time-picker",
-  elementClass: Xe,
+  elementClass: Se,
   // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
   react: t,
   events: {
@@ -355,88 +364,89 @@ const Et = /* @__PURE__ */ e({
     onXplorBlur: "xplorBlur",
     onXplorClear: "xplorClear"
   },
-  defineCustomElement: Ee
-}), Yt = /* @__PURE__ */ e({
+  defineCustomElement: ge
+}), to = /* @__PURE__ */ e({
   tagName: "xplor-title-block",
-  elementClass: Se,
+  elementClass: he,
   // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
   react: t,
   events: {},
-  defineCustomElement: ge
-}), Zt = /* @__PURE__ */ e({
+  defineCustomElement: $e
+}), oo = /* @__PURE__ */ e({
   tagName: "xplor-toast",
-  elementClass: ve,
+  elementClass: Te,
   // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
   react: t,
   events: {
     onSdDismiss: "sdDismiss",
     onSdAction: "sdAction"
   },
-  defineCustomElement: xe
-}), _t = /* @__PURE__ */ e({
+  defineCustomElement: Ne
+}), no = /* @__PURE__ */ e({
   tagName: "xplor-toast-stack",
-  elementClass: he,
+  elementClass: ve,
   // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
   react: t,
   events: {},
-  defineCustomElement: $e
-}), eo = /* @__PURE__ */ e({
+  defineCustomElement: xe
+}), so = /* @__PURE__ */ e({
   tagName: "xplor-toggle",
-  elementClass: Te,
+  elementClass: be,
   // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
   react: t,
   events: { onSdChange: "sdChange" },
-  defineCustomElement: Ne
-}), to = /* @__PURE__ */ e({
+  defineCustomElement: ke
+}), lo = /* @__PURE__ */ e({
   tagName: "xplor-tooltip",
-  elementClass: be,
+  elementClass: Ae,
   // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
   react: t,
   events: {
     onSdOpen: "sdOpen",
     onSdClose: "sdClose"
   },
-  defineCustomElement: ke
+  defineCustomElement: Fe
 });
 export {
-  Et as XplorAccordion,
-  Xt as XplorAccordionItem,
-  gt as XplorAddressField,
-  St as XplorAvatar,
-  $t as XplorBottomSheet,
-  ht as XplorCalendar,
-  xt as XplorCard,
-  vt as XplorCardList,
-  Nt as XplorCheckbox,
-  Tt as XplorCodeEntry,
-  kt as XplorCountBadge,
-  bt as XplorDatatable,
-  Ft as XplorDatePicker,
-  At as XplorDayset,
-  Rt as XplorEmptyState,
-  Bt as XplorFab,
-  Pt as XplorFileUpload,
-  yt as XplorHeldAnswer,
-  Dt as XplorIcon,
-  It as XplorInput,
-  Mt as XplorMenu,
-  wt as XplorMenuItem,
-  Ot as XplorMessageBox,
-  Vt as XplorPill,
-  Ut as XplorProgress,
-  qt as XplorRadioButton,
-  Ht as XplorSegmented,
-  Lt as XplorSelectionPill,
-  Kt as XplorSideSheet,
-  jt as XplorSignaturePad,
-  zt as XplorSpinner,
-  Gt as XplorSuccess,
-  Jt as XplorTabPanel,
-  Qt as XplorTabs,
-  Wt as XplorTimePicker,
-  Yt as XplorTitleBlock,
-  Zt as XplorToast,
-  _t as XplorToastStack,
-  eo as XplorToggle,
-  to as XplorTooltip
+  St as XplorAccordion,
+  $t as XplorAccordionItem,
+  ht as XplorAddressField,
+  xt as XplorAvatar,
+  vt as XplorBottomSheet,
+  Nt as XplorCalendar,
+  Tt as XplorCard,
+  kt as XplorCardList,
+  bt as XplorCheckbox,
+  Ft as XplorCodeEntry,
+  At as XplorContainer,
+  Rt as XplorCountBadge,
+  Bt as XplorDatatable,
+  yt as XplorDatePicker,
+  Pt as XplorDayset,
+  Dt as XplorEmptyState,
+  It as XplorFab,
+  Mt as XplorFileUpload,
+  wt as XplorHeldAnswer,
+  Ot as XplorIcon,
+  Vt as XplorInput,
+  Ut as XplorMenu,
+  qt as XplorMenuItem,
+  Ht as XplorMessageBox,
+  Lt as XplorPill,
+  Kt as XplorProgress,
+  jt as XplorRadioButton,
+  zt as XplorSegmented,
+  Gt as XplorSelectionPill,
+  Jt as XplorSideSheet,
+  Qt as XplorSignaturePad,
+  Wt as XplorSpinner,
+  Yt as XplorSuccess,
+  Zt as XplorTabPanel,
+  _t as XplorTabs,
+  eo as XplorTimePicker,
+  to as XplorTitleBlock,
+  oo as XplorToast,
+  no as XplorToastStack,
+  so as XplorToggle,
+  lo as XplorTooltip
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xplor-education/react-wrappers",
-  "version": "8.5.0",
+  "version": "8.6.0",
   "private": false,
   "description": "Stardust Design System — React component wrappers",
   "license": "MIT",
@@ -42,11 +42,11 @@
   "devDependencies": {
     "@types/react": "^18",
     "@vitejs/plugin-react": "^4.3.2",
-    "@xplor-education/core-stencil-components": "8.5.0",
+    "@xplor-education/core-stencil-components": "8.6.0",
     "react": "^18.3.1",
     "typescript": "^5.8.3",
     "vite": "^5.4.8",
     "vite-plugin-dts": "^4.5.4"
   },
-  "gitHead": "dd0d21db00ee55c69576a31c0dfa2e949d54a8c6"
+  "gitHead": "b20fb32e69e060bbd9605c89180ccfb3184b4cf2"
 }