minerva-design 1.0.0 → 1.0.2

package/dist/web-components/index.js

@@ -128,14 +128,16 @@ import { MinervaPaletteToggle as ft, MinervaThemeToggle as pt, resetDocumentThem
 import "./elements/theme-toggle.js";
 import { MinervaTimePicker as ht } from "./components/time-picker/time-picker.js";
 import "./elements/time-picker.js";
-import { AUTO_ATTRIBUTE as gt, DEFAULT_TOAST_DURATION as _t, TOAST_EXIT_DURATION as vt, TOAST_REGION_TAG as yt, ToastStore as bt, createToast as xt, toast as St, toastRegions as Ct, toastStore as wt } from "./components/toast/toast-store.js";
-import { MinervaToastRegion as Tt } from "./components/toast/toast.js";
+import { MinervaDatePicker as gt } from "./components/date-picker/date-picker.js";
+import "./elements/date-picker.js";
+import { AUTO_ATTRIBUTE as _t, DEFAULT_TOAST_DURATION as vt, TOAST_EXIT_DURATION as yt, TOAST_REGION_TAG as bt, ToastStore as xt, createToast as St, toast as Ct, toastRegions as wt, toastStore as Tt } from "./components/toast/toast-store.js";
+import { MinervaToastRegion as Et } from "./components/toast/toast.js";
 import "./elements/toast.js";
-import { MinervaTooltip as Et, MinervaTooltipProvider as Dt } from "./components/tooltip/tooltip.js";
+import { MinervaTooltip as Dt, MinervaTooltipProvider as Ot } from "./components/tooltip/tooltip.js";
 import "./elements/tooltip.js";
-import { MinervaUpload as Ot } from "./components/upload/upload.js";
+import { MinervaUpload as kt } from "./components/upload/upload.js";
 import "./elements/upload.js";
-import { MinervaVirtualList as kt } from "./components/virtual-list/virtual-list.js";
+import { MinervaVirtualList as At } from "./components/virtual-list/virtual-list.js";
 import "./elements/virtual-list.js";
 import "./controllers/index.js";
-export { gt as AUTO_ATTRIBUTE, u as AnchoredPositionController, e as AriaController, _t as DEFAULT_TOAST_DURATION, l as DismissableLayerController, f as FloatingLayerController, d as FocusScopeController, g as FormAssociatedElement, o as HasSlotController, Te as LONG_PRESS_DELAY, t as LocaleController, pe as MENU_DATA_TAGS, s as MinervaAlert, h as MinervaAppShell, _ as MinervaAutocomplete, v as MinervaAvatar, y as MinervaAvatarGroup, b as MinervaBadge, x as MinervaBox, S as MinervaButton, C as MinervaCard, w as MinervaCardContent, T as MinervaCardDescription, E as MinervaCardFooter, D as MinervaCardHeader, O as MinervaCardSection, k as MinervaCardTitle, A as MinervaCascader, j as MinervaCheckbox, M as MinervaCodeBlock, N as MinervaCommandDialog, I as MinervaConfig, L as MinervaConfirmDialog, V as MinervaConfirmProvider, Ee as MinervaContextMenu, U as MinervaDataTable, K as MinervaDescriptionItem, q as MinervaDescriptionList, J as MinervaDivider, Y as MinervaDrawer, i as MinervaElement, X as MinervaEmpty, Z as MinervaFormControl, ne as MinervaFormLayout, Q as MinervaGridItem, tt as MinervaHStack, re as MinervaHtmlPreview, ie as MinervaIconButton, ae as MinervaInput, oe as MinervaJsonField, ce as MinervaKeyValueEditor, le as MinervaList, ue as MinervaListItem, fe as MinervaLoadingState, Ce as MinervaMenu, me as MinervaMenuCheckboxItem, he as MinervaMenuGroup, ge as MinervaMenuItem, _e as MinervaMenuLabel, ve as MinervaMenuRadioItem, ye as MinervaMenuSeparator, De as MinervaModal, Oe as MinervaMonthCalendar, Ae as MinervaNavTree, je as MinervaNumberInput, qe as MinervaOption, Je as MinervaOptionGroup, Me as MinervaPage, Ne as MinervaPageHeader, Pe as MinervaPageSection, Le as MinervaPageTab, Re as MinervaPageTabs, H as MinervaPagination, ft as MinervaPaletteToggle, ze as MinervaPopover, de as MinervaProgress, Ve as MinervaProse, Ue as MinervaRadio, We as MinervaRadioGroup, Ge as MinervaRating, Ke as MinervaRatingScale, $ as MinervaResponsiveGrid, Ze as MinervaSelect, Ye as MinervaSelectLabel, Xe as MinervaSelectSeparator, Qe as MinervaSkeleton, $e as MinervaSkeletonText, et as MinervaSplitLayout, nt as MinervaStack, Fe as MinervaStatCard, it as MinervaSteps, at as MinervaSwitch, ot as MinervaTab, st as MinervaTabPanel, W as MinervaTableCellContent, ct as MinervaTabs, lt as MinervaTag, ut as MinervaTagInput, dt as MinervaTextLink, se as MinervaTextarea, pt as MinervaThemeToggle, ht as MinervaTimePicker, Tt as MinervaToastRegion, Ie as MinervaToolbar, Et as MinervaTooltip, Dt as MinervaTooltipProvider, Ot as MinervaUpload, rt as MinervaVStack, kt as MinervaVirtualList, m as ModalController, He as RovingFocusController, Se as SUBMENU_OPEN_DELAY, vt as TOAST_EXIT_DURATION, yt as TOAST_REGION_TAG, bt as ToastStore, ke as TypeaheadController, Be as adjacentTabbable, be as affectsEntries, ee as columnsConverter, G as computeFixedColumnLayout, R as confirm, z as confirmFor, B as confirmScopeOf, xt as createToast, c as defineElement, r as emit, te as gridVariables, a as hostStyles, P as matchesShortcut, F as normalizeShortcuts, p as popoverResetStyles, xe as readEntries, mt as resetDocumentTheme, n as resolveLanguage, we as setAttr, St as toast, Ct as toastRegions, wt as toastStore };
+export { _t as AUTO_ATTRIBUTE, u as AnchoredPositionController, e as AriaController, vt as DEFAULT_TOAST_DURATION, l as DismissableLayerController, f as FloatingLayerController, d as FocusScopeController, g as FormAssociatedElement, o as HasSlotController, Te as LONG_PRESS_DELAY, t as LocaleController, pe as MENU_DATA_TAGS, s as MinervaAlert, h as MinervaAppShell, _ as MinervaAutocomplete, v as MinervaAvatar, y as MinervaAvatarGroup, b as MinervaBadge, x as MinervaBox, S as MinervaButton, C as MinervaCard, w as MinervaCardContent, T as MinervaCardDescription, E as MinervaCardFooter, D as MinervaCardHeader, O as MinervaCardSection, k as MinervaCardTitle, A as MinervaCascader, j as MinervaCheckbox, M as MinervaCodeBlock, N as MinervaCommandDialog, I as MinervaConfig, L as MinervaConfirmDialog, V as MinervaConfirmProvider, Ee as MinervaContextMenu, U as MinervaDataTable, gt as MinervaDatePicker, K as MinervaDescriptionItem, q as MinervaDescriptionList, J as MinervaDivider, Y as MinervaDrawer, i as MinervaElement, X as MinervaEmpty, Z as MinervaFormControl, ne as MinervaFormLayout, Q as MinervaGridItem, tt as MinervaHStack, re as MinervaHtmlPreview, ie as MinervaIconButton, ae as MinervaInput, oe as MinervaJsonField, ce as MinervaKeyValueEditor, le as MinervaList, ue as MinervaListItem, fe as MinervaLoadingState, Ce as MinervaMenu, me as MinervaMenuCheckboxItem, he as MinervaMenuGroup, ge as MinervaMenuItem, _e as MinervaMenuLabel, ve as MinervaMenuRadioItem, ye as MinervaMenuSeparator, De as MinervaModal, Oe as MinervaMonthCalendar, Ae as MinervaNavTree, je as MinervaNumberInput, qe as MinervaOption, Je as MinervaOptionGroup, Me as MinervaPage, Ne as MinervaPageHeader, Pe as MinervaPageSection, Le as MinervaPageTab, Re as MinervaPageTabs, H as MinervaPagination, ft as MinervaPaletteToggle, ze as MinervaPopover, de as MinervaProgress, Ve as MinervaProse, Ue as MinervaRadio, We as MinervaRadioGroup, Ge as MinervaRating, Ke as MinervaRatingScale, $ as MinervaResponsiveGrid, Ze as MinervaSelect, Ye as MinervaSelectLabel, Xe as MinervaSelectSeparator, Qe as MinervaSkeleton, $e as MinervaSkeletonText, et as MinervaSplitLayout, nt as MinervaStack, Fe as MinervaStatCard, it as MinervaSteps, at as MinervaSwitch, ot as MinervaTab, st as MinervaTabPanel, W as MinervaTableCellContent, ct as MinervaTabs, lt as MinervaTag, ut as MinervaTagInput, dt as MinervaTextLink, se as MinervaTextarea, pt as MinervaThemeToggle, ht as MinervaTimePicker, Et as MinervaToastRegion, Ie as MinervaToolbar, Dt as MinervaTooltip, Ot as MinervaTooltipProvider, kt as MinervaUpload, rt as MinervaVStack, At as MinervaVirtualList, m as ModalController, He as RovingFocusController, Se as SUBMENU_OPEN_DELAY, yt as TOAST_EXIT_DURATION, bt as TOAST_REGION_TAG, xt as ToastStore, ke as TypeaheadController, Be as adjacentTabbable, be as affectsEntries, ee as columnsConverter, G as computeFixedColumnLayout, R as confirm, z as confirmFor, B as confirmScopeOf, St as createToast, c as defineElement, r as emit, te as gridVariables, a as hostStyles, P as matchesShortcut, F as normalizeShortcuts, p as popoverResetStyles, xe as readEntries, mt as resetDocumentTheme, n as resolveLanguage, we as setAttr, Ct as toast, wt as toastRegions, Tt as toastStore };

package/dist/web-components/styles/DatePicker/datePicker.css.js

@@ -0,0 +1,6 @@
+//#region ../react/src/components/DatePicker/datePicker.module.scss?inline
+var e = ".datePicker{width:var(--date-picker-width,100%);display:inline-block;position:relative}.datePicker .clearButton{opacity:.45;transition:opacity var(--transition-base);color:var(--text-secondary-color)}.datePicker .clearButton:hover,.datePicker .clearButton:focus-visible{opacity:1;color:var(--text-color)}.datePicker .clearButton:focus-visible{outline:2px solid var(--focus-ring-color);outline-offset:2px}.datePicker:hover .clearButton{opacity:.8}.datePicker .calendarIcon{padding:0 var(--space-1-5);color:var(--text-secondary-color);align-items:center;display:inline-flex}.popup{z-index:var(--z-dropdown);outline:none}.panel{width:var(--date-picker-panel-width,17.5rem);padding:var(--date-picker-panel-padding,var(--space-3));border:1px solid var(--border-color);border-radius:var(--date-picker-panel-radius,var(--radius-lg));background:var(--surface-elevated-color,var(--surface-color));box-shadow:var(--shadow-lg);color:var(--text-color);font-family:var(--font-family-sans);font-size:var(--font-size-sm)}.header{justify-content:space-between;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);display:flex}.heading{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);margin:0}.navGroup{align-items:center;gap:var(--space-1);display:flex}.navButton{width:var(--control-height-sm,1.75rem);height:var(--control-height-sm,1.75rem);border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--surface-color);color:var(--text-color);cursor:pointer;transition:background-color var(--transition-fast), border-color var(--transition-fast);justify-content:center;align-items:center;padding:0;display:inline-flex}.navButton:hover:not(:disabled){background:var(--hover-color);border-color:var(--border-strong-color)}.navButton:focus-visible{outline-offset:2px;border-color:var(--primary-color);box-shadow:0 0 0 var(--focus-ring-width,2px) var(--focus-ring-color);outline:2px solid #0000}.grid{width:100%}.week{grid-template-columns:repeat(7,minmax(0,1fr));gap:2px;margin-bottom:2px;display:grid}.weekday{padding-block:var(--space-1);text-align:center;color:var(--text-muted-color);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.day{width:100%;height:var(--date-picker-cell-size,2rem);border-radius:var(--radius-md);color:var(--text-color);font:inherit;font-variant-numeric:tabular-nums;cursor:pointer;transition:background-color var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;padding:0;display:inline-flex}.day:hover:not([aria-disabled=true]){background:var(--hover-color)}.day[data-outside]{color:var(--text-disabled-color)}.day[aria-current=date]{border-color:var(--primary-color);font-weight:var(--font-weight-semibold)}.day[aria-selected=true]{border-color:var(--primary-color);background:var(--primary-color);color:var(--text-inverse-color);font-weight:var(--font-weight-semibold)}.day[aria-selected=true]:hover{background:var(--primary-color-hover,var(--primary-color))}.day[aria-disabled=true]{cursor:not-allowed;opacity:.4}.day:focus-visible{outline-offset:-2px;border-color:var(--primary-color);box-shadow:0 0 0 var(--focus-ring-width,2px) var(--focus-ring-color);outline:2px solid #0000}.footer{justify-content:space-between;align-items:center;gap:var(--space-2);margin-top:var(--space-2);display:flex}.footerButton{height:var(--control-height-sm,1.75rem);padding:0 var(--space-2-5);border-radius:var(--radius-md);color:var(--primary-color-text,var(--primary-color));font:inherit;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);cursor:pointer;transition:background-color var(--transition-fast);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;display:inline-flex}.footerButton:hover:not(:disabled){background:var(--hover-color)}.footerButton:focus-visible{outline-offset:2px;box-shadow:0 0 0 var(--focus-ring-width,2px) var(--focus-ring-color);outline:2px solid #0000}@media (prefers-reduced-motion:reduce){.navButton,.day,.footerButton{transition:none}}@media (forced-colors:active){.day[aria-selected=true]{outline-offset:-2px;outline:2px solid highlight}}";
+//#endregion
+export { e as default };
+
+//# sourceMappingURL=datePicker.css.js.map

package/dist/web-components/styles/DatePicker/datePicker.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"datePicker.css.js","names":["datePicker_module_default"],"sources":["../../../../../react/src/components/DatePicker/datePicker.module.scss?inline"],"sourcesContent":["// Public CSS variables (set them on the date picker or any ancestor; the\n// panel is portaled, so set its variables on :root or the popup class):\n// @css-var --date-picker-width Width of the field\n// @css-var --date-picker-panel-width Width of the popup calendar panel\n// @css-var --date-picker-panel-radius Corner radius of the popup panel (defaults to --radius-lg)\n// @css-var --date-picker-panel-padding Inner padding of the popup panel\n// @css-var --date-picker-cell-size Width and height of a day cell in the popup grid\n.datePicker {\n  display: inline-block;\n  position: relative;\n  width: var(--date-picker-width, 100%);\n\n  .clearButton {\n    opacity: 0.45;\n    transition: opacity var(--transition-base);\n    color: var(--text-secondary-color);\n\n    &:hover,\n    &:focus-visible {\n      opacity: 1;\n      color: var(--text-color);\n    }\n\n    &:focus-visible {\n      outline: 2px solid var(--focus-ring-color);\n      outline-offset: 2px;\n    }\n  }\n\n  &:hover .clearButton {\n    opacity: 0.8;\n  }\n\n  .calendarIcon {\n    display: inline-flex;\n    align-items: center;\n    padding: 0 var(--space-1-5);\n    color: var(--text-secondary-color);\n  }\n}\n\n.popup {\n  z-index: var(--z-dropdown);\n  outline: none;\n}\n\n.panel {\n  width: var(--date-picker-panel-width, 17.5rem);\n  padding: var(--date-picker-panel-padding, var(--space-3));\n  border: 1px solid var(--border-color);\n  border-radius: var(--date-picker-panel-radius, var(--radius-lg));\n  background: var(--surface-elevated-color, var(--surface-color));\n  box-shadow: var(--shadow-lg);\n  color: var(--text-color);\n  font-family: var(--font-family-sans);\n  font-size: var(--font-size-sm);\n}\n\n.header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--space-2);\n  margin-bottom: var(--space-2);\n}\n\n.heading {\n  margin: 0;\n  font-size: var(--font-size-sm);\n  font-weight: var(--font-weight-semibold);\n  line-height: var(--line-height-tight);\n}\n\n.navGroup {\n  display: flex;\n  align-items: center;\n  gap: var(--space-1);\n}\n\n.navButton {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: var(--control-height-sm, 1.75rem);\n  height: var(--control-height-sm, 1.75rem);\n  padding: 0;\n  border: 1px solid var(--border-color);\n  border-radius: var(--radius-md);\n  background: var(--surface-color);\n  color: var(--text-color);\n  cursor: pointer;\n  transition:\n    background-color var(--transition-fast),\n    border-color var(--transition-fast);\n\n  &:hover:not(:disabled) {\n    background: var(--hover-color);\n    border-color: var(--border-strong-color);\n  }\n\n  &:focus-visible {\n    outline: 2px solid transparent;\n    outline-offset: 2px;\n    border-color: var(--primary-color);\n    box-shadow: 0 0 0 var(--focus-ring-width, 2px) var(--focus-ring-color);\n  }\n}\n\n.grid {\n  width: 100%;\n}\n\n.week {\n  display: grid;\n  grid-template-columns: repeat(7, minmax(0, 1fr));\n  gap: 2px;\n  margin-bottom: 2px;\n}\n\n.weekday {\n  padding-block: var(--space-1);\n  text-align: center;\n  color: var(--text-muted-color);\n  font-size: var(--font-size-xs);\n  font-weight: var(--font-weight-medium);\n}\n\n.day {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: var(--date-picker-cell-size, 2rem);\n  padding: 0;\n  border: 1px solid transparent;\n  border-radius: var(--radius-md);\n  background: transparent;\n  color: var(--text-color);\n  font: inherit;\n  font-variant-numeric: tabular-nums;\n  cursor: pointer;\n  transition:\n    background-color var(--transition-fast),\n    border-color var(--transition-fast),\n    color var(--transition-fast);\n\n  &:hover:not([aria-disabled=\"true\"]) {\n    background: var(--hover-color);\n  }\n\n  &[data-outside] {\n    color: var(--text-disabled-color);\n  }\n\n  &[aria-current=\"date\"] {\n    border-color: var(--primary-color);\n    font-weight: var(--font-weight-semibold);\n  }\n\n  &[aria-selected=\"true\"] {\n    border-color: var(--primary-color);\n    background: var(--primary-color);\n    color: var(--text-inverse-color);\n    font-weight: var(--font-weight-semibold);\n\n    &:hover {\n      background: var(--primary-color-hover, var(--primary-color));\n    }\n  }\n\n  &[aria-disabled=\"true\"] {\n    cursor: not-allowed;\n    opacity: 0.4;\n  }\n\n  &:focus-visible {\n    outline: 2px solid transparent;\n    outline-offset: -2px;\n    border-color: var(--primary-color);\n    box-shadow: 0 0 0 var(--focus-ring-width, 2px) var(--focus-ring-color);\n  }\n}\n\n.footer {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--space-2);\n  margin-top: var(--space-2);\n}\n\n.footerButton {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  height: var(--control-height-sm, 1.75rem);\n  padding: 0 var(--space-2-5);\n  border: 1px solid transparent;\n  border-radius: var(--radius-md);\n  background: transparent;\n  color: var(--primary-color-text, var(--primary-color));\n  font: inherit;\n  font-size: var(--font-size-xs);\n  font-weight: var(--font-weight-medium);\n  cursor: pointer;\n  transition: background-color var(--transition-fast);\n\n  &:hover:not(:disabled) {\n    background: var(--hover-color);\n  }\n\n  &:focus-visible {\n    outline: 2px solid transparent;\n    outline-offset: 2px;\n    box-shadow: 0 0 0 var(--focus-ring-width, 2px) var(--focus-ring-color);\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .navButton,\n  .day,\n  .footerButton {\n    transition: none;\n  }\n}\n\n@media (forced-colors: active) {\n  .day[aria-selected=\"true\"] {\n    outline: 2px solid Highlight;\n    outline-offset: -2px;\n  }\n}\n"],"mappings":""}

package/dist/web-components/types/react.d.ts

@@ -24,6 +24,7 @@ import type {
   MinervaConfirmProvider,
   MinervaContextMenu,
   MinervaDataTable,
+  MinervaDatePicker,
   MinervaDescriptionItem,
   MinervaDescriptionList,
   MinervaDivider,
@@ -309,6 +310,17 @@ declare module "react" {
           "onminerva-retry"?: (event: CustomEvent) => void;
         }
       >;
+      "minerva-date-picker": MinervaIntrinsic<
+        MinervaDatePicker,
+        Partial<Pick<MinervaDatePicker, "name" | "value" | "defaultValue" | "open" | "label" | "placeholder" | "locale" | "size" | "invalid" | "readOnly" | "hideClearButton" | "minDate" | "maxDate" | "disabled" | "required">>,
+        {
+          "onchange"?: (event: CustomEvent) => void;
+          "onminerva-change"?: (event: CustomEvent) => void;
+          "onminerva-input"?: (event: CustomEvent) => void;
+          "onminerva-open-change"?: (event: CustomEvent) => void;
+          "onminerva-clear"?: (event: CustomEvent) => void;
+        }
+      >;
       "minerva-description-item": MinervaIntrinsic<
         MinervaDescriptionItem,
         Partial<Pick<MinervaDescriptionItem, "label">>,

package/dist/web-components/types/solid.d.ts

@@ -24,6 +24,7 @@ import type {
   MinervaConfirmProvider,
   MinervaContextMenu,
   MinervaDataTable,
+  MinervaDatePicker,
   MinervaDescriptionItem,
   MinervaDescriptionList,
   MinervaDivider,
@@ -230,6 +231,14 @@ declare module "solid-js" {
           "on:minerva-page-change"?: (event: CustomEvent) => void;
           "on:minerva-retry"?: (event: CustomEvent) => void;
         };
+      "minerva-date-picker": Omit<JSX.HTMLAttributes<MinervaDatePicker>, keyof Partial<Pick<MinervaDatePicker, "name" | "value" | "defaultValue" | "open" | "label" | "placeholder" | "locale" | "size" | "invalid" | "readOnly" | "hideClearButton" | "minDate" | "maxDate" | "disabled" | "required">>> &
+        Partial<Pick<MinervaDatePicker, "name" | "value" | "defaultValue" | "open" | "label" | "placeholder" | "locale" | "size" | "invalid" | "readOnly" | "hideClearButton" | "minDate" | "maxDate" | "disabled" | "required">> & {
+          "on:change"?: (event: CustomEvent) => void;
+          "on:minerva-change"?: (event: CustomEvent) => void;
+          "on:minerva-input"?: (event: CustomEvent) => void;
+          "on:minerva-open-change"?: (event: CustomEvent) => void;
+          "on:minerva-clear"?: (event: CustomEvent) => void;
+        };
       "minerva-description-item": Omit<JSX.HTMLAttributes<MinervaDescriptionItem>, keyof Partial<Pick<MinervaDescriptionItem, "label">>> &
         Partial<Pick<MinervaDescriptionItem, "label">> & {
 

package/dist/web-components/types/svelte.d.ts

@@ -24,6 +24,7 @@ import type {
   MinervaConfirmProvider,
   MinervaContextMenu,
   MinervaDataTable,
+  MinervaDatePicker,
   MinervaDescriptionItem,
   MinervaDescriptionList,
   MinervaDivider,
@@ -228,6 +229,14 @@ declare module "svelte/elements" {
         "onminerva-page-change"?: (event: CustomEvent) => void;
         "onminerva-retry"?: (event: CustomEvent) => void;
       };
+    "minerva-date-picker": Omit<HTMLAttributes<MinervaDatePicker>, keyof Partial<Pick<MinervaDatePicker, "name" | "value" | "defaultValue" | "open" | "label" | "placeholder" | "locale" | "size" | "invalid" | "readOnly" | "hideClearButton" | "minDate" | "maxDate" | "disabled" | "required">>> &
+      Partial<Pick<MinervaDatePicker, "name" | "value" | "defaultValue" | "open" | "label" | "placeholder" | "locale" | "size" | "invalid" | "readOnly" | "hideClearButton" | "minDate" | "maxDate" | "disabled" | "required">> & {
+        "onchange"?: (event: CustomEvent) => void;
+        "onminerva-change"?: (event: CustomEvent) => void;
+        "onminerva-input"?: (event: CustomEvent) => void;
+        "onminerva-open-change"?: (event: CustomEvent) => void;
+        "onminerva-clear"?: (event: CustomEvent) => void;
+      };
     "minerva-description-item": Omit<HTMLAttributes<MinervaDescriptionItem>, keyof Partial<Pick<MinervaDescriptionItem, "label">>> &
       Partial<Pick<MinervaDescriptionItem, "label">> & {
 

package/dist/web-components/types/vue.d.ts

@@ -24,6 +24,7 @@ import type {
   MinervaConfirmProvider,
   MinervaContextMenu,
   MinervaDataTable,
+  MinervaDatePicker,
   MinervaDescriptionItem,
   MinervaDescriptionList,
   MinervaDivider,
@@ -252,6 +253,15 @@ declare module "vue" {
         "onMinervaRetry"?: (event: CustomEvent) => void;
       }
     >;
+    "minerva-date-picker": DefineComponent<
+      Partial<Pick<MinervaDatePicker, "name" | "value" | "defaultValue" | "open" | "label" | "placeholder" | "locale" | "size" | "invalid" | "readOnly" | "hideClearButton" | "minDate" | "maxDate" | "disabled" | "required">> & {
+        "onChange"?: (event: CustomEvent) => void;
+        "onMinervaChange"?: (event: CustomEvent) => void;
+        "onMinervaInput"?: (event: CustomEvent) => void;
+        "onMinervaOpenChange"?: (event: CustomEvent) => void;
+        "onMinervaClear"?: (event: CustomEvent) => void;
+      }
+    >;
     "minerva-description-item": DefineComponent<
       Partial<Pick<MinervaDescriptionItem, "label">> & {
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "minerva-design",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "description": "Minerva Design: React, Vue, Angular, Web Components and native platform components with shared design tokens and contracts",
   "license": "MIT",
   "author": "fwx5618177 <fwx5618177@gmail.com>",
@@ -239,6 +239,10 @@
       "types": "./dist/uni/DataTable.vue.d.ts",
       "default": "./dist/uni/DataTable.vue"
     },
+    "./uni/DatePicker.vue": {
+      "types": "./dist/uni/DatePicker.vue.d.ts",
+      "default": "./dist/uni/DatePicker.vue"
+    },
     "./uni/DescriptionList.vue": {
       "types": "./dist/uni/DescriptionList.vue.d.ts",
       "default": "./dist/uni/DescriptionList.vue"
@@ -705,6 +709,10 @@
       "types": "./dist/web-components/elements/data-table.d.ts",
       "default": "./dist/web-components/elements/data-table.js"
     },
+    "./web-components/date-picker": {
+      "types": "./dist/web-components/elements/date-picker.d.ts",
+      "default": "./dist/web-components/elements/date-picker.js"
+    },
     "./web-components/description-list": {
       "types": "./dist/web-components/elements/description-list.d.ts",
       "default": "./dist/web-components/elements/description-list.js"