@cordwainer/cw-elements 1.1.0-alpha.1 → 1.1.0-alpha.4

package/dist/components/skeleton/skeleton.component.js

@@ -1,9 +1,9 @@
 import {
   CwSkeleton
-} from "../../chunks/chunk.QXFO3QWK.js";
+} from "../../chunks/chunk.T7DZOP3H.js";
 import "../../chunks/chunk.DLH7IIPN.js";
 import "../../chunks/chunk.TUVJKY7S.js";
-import "../../chunks/chunk.567JN6DK.js";
+import "../../chunks/chunk.EFVXMX3N.js";
 import "../../chunks/chunk.Q44EX5TP.js";
 export {
   CwSkeleton as default

package/dist/components/skeleton/skeleton.js

@@ -1,10 +1,10 @@
 import {
   skeleton_default
-} from "../../chunks/chunk.KLMDKBSQ.js";
-import "../../chunks/chunk.QXFO3QWK.js";
+} from "../../chunks/chunk.2624RLWM.js";
+import "../../chunks/chunk.T7DZOP3H.js";
 import "../../chunks/chunk.DLH7IIPN.js";
 import "../../chunks/chunk.TUVJKY7S.js";
-import "../../chunks/chunk.567JN6DK.js";
+import "../../chunks/chunk.EFVXMX3N.js";
 import "../../chunks/chunk.Q44EX5TP.js";
 export {
   skeleton_default as default

package/dist/components/spinner/spinner.component.js

@@ -1,11 +1,11 @@
 import {
   CwSpinner
-} from "../../chunks/chunk.AZHMWS6L.js";
+} from "../../chunks/chunk.MVK6NQQE.js";
 import "../../chunks/chunk.MT4VCX5G.js";
-import "../../chunks/chunk.IDPNXIPQ.js";
-import "../../chunks/chunk.SXVQRCVR.js";
+import "../../chunks/chunk.2H4HZOD6.js";
+import "../../chunks/chunk.RGBGPSJY.js";
 import "../../chunks/chunk.TUVJKY7S.js";
-import "../../chunks/chunk.567JN6DK.js";
+import "../../chunks/chunk.EFVXMX3N.js";
 import "../../chunks/chunk.Q44EX5TP.js";
 export {
   CwSpinner as default

package/dist/components/spinner/spinner.js

@@ -1,12 +1,12 @@
 import {
   spinner_default
-} from "../../chunks/chunk.SMSBTM6G.js";
-import "../../chunks/chunk.AZHMWS6L.js";
+} from "../../chunks/chunk.Y6WLZGKR.js";
+import "../../chunks/chunk.MVK6NQQE.js";
 import "../../chunks/chunk.MT4VCX5G.js";
-import "../../chunks/chunk.IDPNXIPQ.js";
-import "../../chunks/chunk.SXVQRCVR.js";
+import "../../chunks/chunk.2H4HZOD6.js";
+import "../../chunks/chunk.RGBGPSJY.js";
 import "../../chunks/chunk.TUVJKY7S.js";
-import "../../chunks/chunk.567JN6DK.js";
+import "../../chunks/chunk.EFVXMX3N.js";
 import "../../chunks/chunk.Q44EX5TP.js";
 export {
   spinner_default as default

package/dist/components/split-panel/split-panel.component.js

@@ -1,15 +1,15 @@
 import {
   CwSplitPanel,
   SNAP_NONE
-} from "../../chunks/chunk.RSQDRTVW.js";
+} from "../../chunks/chunk.N4R7BVZN.js";
 import "../../chunks/chunk.RO4ZEOYG.js";
 import "../../chunks/chunk.ESELY2US.js";
 import "../../chunks/chunk.HF7GESMZ.js";
-import "../../chunks/chunk.IDPNXIPQ.js";
-import "../../chunks/chunk.SXVQRCVR.js";
+import "../../chunks/chunk.2H4HZOD6.js";
+import "../../chunks/chunk.RGBGPSJY.js";
 import "../../chunks/chunk.GQZ7EGMM.js";
 import "../../chunks/chunk.TUVJKY7S.js";
-import "../../chunks/chunk.567JN6DK.js";
+import "../../chunks/chunk.EFVXMX3N.js";
 import "../../chunks/chunk.Q44EX5TP.js";
 export {
   SNAP_NONE,

package/dist/components/split-panel/split-panel.js

@@ -1,17 +1,17 @@
 import {
   split_panel_default
-} from "../../chunks/chunk.PQSKOESY.js";
+} from "../../chunks/chunk.45E4AGIQ.js";
 import {
   SNAP_NONE
-} from "../../chunks/chunk.RSQDRTVW.js";
+} from "../../chunks/chunk.N4R7BVZN.js";
 import "../../chunks/chunk.RO4ZEOYG.js";
 import "../../chunks/chunk.ESELY2US.js";
 import "../../chunks/chunk.HF7GESMZ.js";
-import "../../chunks/chunk.IDPNXIPQ.js";
-import "../../chunks/chunk.SXVQRCVR.js";
+import "../../chunks/chunk.2H4HZOD6.js";
+import "../../chunks/chunk.RGBGPSJY.js";
 import "../../chunks/chunk.GQZ7EGMM.js";
 import "../../chunks/chunk.TUVJKY7S.js";
-import "../../chunks/chunk.567JN6DK.js";
+import "../../chunks/chunk.EFVXMX3N.js";
 import "../../chunks/chunk.Q44EX5TP.js";
 export {
   SNAP_NONE,

package/dist/components/switch/switch.component.js

@@ -1,6 +1,6 @@
 import {
   CwSwitch
-} from "../../chunks/chunk.TKBUILRJ.js";
+} from "../../chunks/chunk.5MF35DYW.js";
 import "../../chunks/chunk.THHNFW65.js";
 import "../../chunks/chunk.GI7VDIWX.js";
 import "../../chunks/chunk.YBI2MSEM.js";
@@ -8,7 +8,7 @@ import "../../chunks/chunk.PH2VNONO.js";
 import "../../chunks/chunk.BVGZUUCX.js";
 import "../../chunks/chunk.GQZ7EGMM.js";
 import "../../chunks/chunk.TUVJKY7S.js";
-import "../../chunks/chunk.567JN6DK.js";
+import "../../chunks/chunk.EFVXMX3N.js";
 import "../../chunks/chunk.Q44EX5TP.js";
 export {
   CwSwitch as default

package/dist/components/switch/switch.js

@@ -1,7 +1,7 @@
 import {
   switch_default
-} from "../../chunks/chunk.2LPGT5X7.js";
-import "../../chunks/chunk.TKBUILRJ.js";
+} from "../../chunks/chunk.CRM7P6DR.js";
+import "../../chunks/chunk.5MF35DYW.js";
 import "../../chunks/chunk.THHNFW65.js";
 import "../../chunks/chunk.GI7VDIWX.js";
 import "../../chunks/chunk.YBI2MSEM.js";
@@ -9,7 +9,7 @@ import "../../chunks/chunk.PH2VNONO.js";
 import "../../chunks/chunk.BVGZUUCX.js";
 import "../../chunks/chunk.GQZ7EGMM.js";
 import "../../chunks/chunk.TUVJKY7S.js";
-import "../../chunks/chunk.567JN6DK.js";
+import "../../chunks/chunk.EFVXMX3N.js";
 import "../../chunks/chunk.Q44EX5TP.js";
 export {
   switch_default as default

package/dist/components/tab/tab.component.js

@@ -1,19 +1,19 @@
 import {
   CwTab
-} from "../../chunks/chunk.LJZYTPHX.js";
+} from "../../chunks/chunk.46JBMYFN.js";
 import "../../chunks/chunk.R3YIHCDD.js";
-import "../../chunks/chunk.DM5MBJXC.js";
+import "../../chunks/chunk.OVQBZ4VN.js";
 import "../../chunks/chunk.IRARCVGH.js";
-import "../../chunks/chunk.IDPNXIPQ.js";
-import "../../chunks/chunk.SXVQRCVR.js";
-import "../../chunks/chunk.W2VPO4VE.js";
+import "../../chunks/chunk.2H4HZOD6.js";
+import "../../chunks/chunk.RGBGPSJY.js";
+import "../../chunks/chunk.ZOBVW4QZ.js";
+import "../../chunks/chunk.OOAK7TAG.js";
+import "../../chunks/chunk.3TFKS637.js";
 import "../../chunks/chunk.QLXRCYS4.js";
-import "../../chunks/chunk.C4QY7KGQ.js";
 import "../../chunks/chunk.CJFFVBAI.js";
-import "../../chunks/chunk.3TFKS637.js";
 import "../../chunks/chunk.GQZ7EGMM.js";
 import "../../chunks/chunk.TUVJKY7S.js";
-import "../../chunks/chunk.567JN6DK.js";
+import "../../chunks/chunk.EFVXMX3N.js";
 import "../../chunks/chunk.4EHT37C5.js";
 import "../../chunks/chunk.Q44EX5TP.js";
 export {

package/dist/components/tab/tab.js

@@ -1,20 +1,20 @@
 import {
   tab_default
-} from "../../chunks/chunk.D3EVDN26.js";
-import "../../chunks/chunk.LJZYTPHX.js";
+} from "../../chunks/chunk.OU2AZT44.js";
+import "../../chunks/chunk.46JBMYFN.js";
 import "../../chunks/chunk.R3YIHCDD.js";
-import "../../chunks/chunk.DM5MBJXC.js";
+import "../../chunks/chunk.OVQBZ4VN.js";
 import "../../chunks/chunk.IRARCVGH.js";
-import "../../chunks/chunk.IDPNXIPQ.js";
-import "../../chunks/chunk.SXVQRCVR.js";
-import "../../chunks/chunk.W2VPO4VE.js";
+import "../../chunks/chunk.2H4HZOD6.js";
+import "../../chunks/chunk.RGBGPSJY.js";
+import "../../chunks/chunk.ZOBVW4QZ.js";
+import "../../chunks/chunk.OOAK7TAG.js";
+import "../../chunks/chunk.3TFKS637.js";
 import "../../chunks/chunk.QLXRCYS4.js";
-import "../../chunks/chunk.C4QY7KGQ.js";
 import "../../chunks/chunk.CJFFVBAI.js";
-import "../../chunks/chunk.3TFKS637.js";
 import "../../chunks/chunk.GQZ7EGMM.js";
 import "../../chunks/chunk.TUVJKY7S.js";
-import "../../chunks/chunk.567JN6DK.js";
+import "../../chunks/chunk.EFVXMX3N.js";
 import "../../chunks/chunk.4EHT37C5.js";
 import "../../chunks/chunk.Q44EX5TP.js";
 export {

package/dist/components/tab-group/tab-group.component.js

@@ -1,23 +1,23 @@
 import {
   CwTabGroup
-} from "../../chunks/chunk.KBFG6YOY.js";
+} from "../../chunks/chunk.JIEFUD4K.js";
 import "../../chunks/chunk.4WNB7WDT.js";
-import "../../chunks/chunk.JMQ7CTGW.js";
+import "../../chunks/chunk.ATUH245H.js";
 import "../../chunks/chunk.5VKIB4HA.js";
 import "../../chunks/chunk.PH2N3MLE.js";
 import "../../chunks/chunk.ZH2AND3P.js";
-import "../../chunks/chunk.DM5MBJXC.js";
+import "../../chunks/chunk.OVQBZ4VN.js";
 import "../../chunks/chunk.IRARCVGH.js";
-import "../../chunks/chunk.IDPNXIPQ.js";
-import "../../chunks/chunk.SXVQRCVR.js";
-import "../../chunks/chunk.W2VPO4VE.js";
+import "../../chunks/chunk.2H4HZOD6.js";
+import "../../chunks/chunk.RGBGPSJY.js";
+import "../../chunks/chunk.ZOBVW4QZ.js";
+import "../../chunks/chunk.OOAK7TAG.js";
+import "../../chunks/chunk.3TFKS637.js";
 import "../../chunks/chunk.QLXRCYS4.js";
-import "../../chunks/chunk.C4QY7KGQ.js";
 import "../../chunks/chunk.CJFFVBAI.js";
-import "../../chunks/chunk.3TFKS637.js";
 import "../../chunks/chunk.GQZ7EGMM.js";
 import "../../chunks/chunk.TUVJKY7S.js";
-import "../../chunks/chunk.567JN6DK.js";
+import "../../chunks/chunk.EFVXMX3N.js";
 import "../../chunks/chunk.4EHT37C5.js";
 import "../../chunks/chunk.Q44EX5TP.js";
 export {

package/dist/components/tab-group/tab-group.js

@@ -1,24 +1,24 @@
 import {
   tab_group_default
-} from "../../chunks/chunk.UR6NVETE.js";
-import "../../chunks/chunk.KBFG6YOY.js";
+} from "../../chunks/chunk.YKQNYFMU.js";
+import "../../chunks/chunk.JIEFUD4K.js";
 import "../../chunks/chunk.4WNB7WDT.js";
-import "../../chunks/chunk.JMQ7CTGW.js";
+import "../../chunks/chunk.ATUH245H.js";
 import "../../chunks/chunk.5VKIB4HA.js";
 import "../../chunks/chunk.PH2N3MLE.js";
 import "../../chunks/chunk.ZH2AND3P.js";
-import "../../chunks/chunk.DM5MBJXC.js";
+import "../../chunks/chunk.OVQBZ4VN.js";
 import "../../chunks/chunk.IRARCVGH.js";
-import "../../chunks/chunk.IDPNXIPQ.js";
-import "../../chunks/chunk.SXVQRCVR.js";
-import "../../chunks/chunk.W2VPO4VE.js";
+import "../../chunks/chunk.2H4HZOD6.js";
+import "../../chunks/chunk.RGBGPSJY.js";
+import "../../chunks/chunk.ZOBVW4QZ.js";
+import "../../chunks/chunk.OOAK7TAG.js";
+import "../../chunks/chunk.3TFKS637.js";
 import "../../chunks/chunk.QLXRCYS4.js";
-import "../../chunks/chunk.C4QY7KGQ.js";
 import "../../chunks/chunk.CJFFVBAI.js";
-import "../../chunks/chunk.3TFKS637.js";
 import "../../chunks/chunk.GQZ7EGMM.js";
 import "../../chunks/chunk.TUVJKY7S.js";
-import "../../chunks/chunk.567JN6DK.js";
+import "../../chunks/chunk.EFVXMX3N.js";
 import "../../chunks/chunk.4EHT37C5.js";
 import "../../chunks/chunk.Q44EX5TP.js";
 export {

package/dist/components/tab-panel/tab-panel.component.js

@@ -1,10 +1,10 @@
 import {
   CwTabPanel
-} from "../../chunks/chunk.QTH5KWYR.js";
+} from "../../chunks/chunk.X7UEC6HW.js";
 import "../../chunks/chunk.BQSEJD7X.js";
 import "../../chunks/chunk.GQZ7EGMM.js";
 import "../../chunks/chunk.TUVJKY7S.js";
-import "../../chunks/chunk.567JN6DK.js";
+import "../../chunks/chunk.EFVXMX3N.js";
 import "../../chunks/chunk.Q44EX5TP.js";
 export {
   CwTabPanel as default

package/dist/components/tab-panel/tab-panel.js

@@ -1,11 +1,11 @@
 import {
   tab_panel_default
-} from "../../chunks/chunk.6XW7V33W.js";
-import "../../chunks/chunk.QTH5KWYR.js";
+} from "../../chunks/chunk.7I4GP6HO.js";
+import "../../chunks/chunk.X7UEC6HW.js";
 import "../../chunks/chunk.BQSEJD7X.js";
 import "../../chunks/chunk.GQZ7EGMM.js";
 import "../../chunks/chunk.TUVJKY7S.js";
-import "../../chunks/chunk.567JN6DK.js";
+import "../../chunks/chunk.EFVXMX3N.js";
 import "../../chunks/chunk.Q44EX5TP.js";
 export {
   tab_panel_default as default

package/dist/components/tag/tag.component.js

@@ -1,19 +1,19 @@
 import {
   CwTag
-} from "../../chunks/chunk.GA7G5JW4.js";
+} from "../../chunks/chunk.HQA7RR42.js";
 import "../../chunks/chunk.T4SZVEJD.js";
-import "../../chunks/chunk.DM5MBJXC.js";
+import "../../chunks/chunk.OVQBZ4VN.js";
 import "../../chunks/chunk.IRARCVGH.js";
-import "../../chunks/chunk.IDPNXIPQ.js";
-import "../../chunks/chunk.SXVQRCVR.js";
-import "../../chunks/chunk.W2VPO4VE.js";
+import "../../chunks/chunk.2H4HZOD6.js";
+import "../../chunks/chunk.RGBGPSJY.js";
+import "../../chunks/chunk.ZOBVW4QZ.js";
+import "../../chunks/chunk.OOAK7TAG.js";
+import "../../chunks/chunk.3TFKS637.js";
 import "../../chunks/chunk.QLXRCYS4.js";
-import "../../chunks/chunk.C4QY7KGQ.js";
 import "../../chunks/chunk.CJFFVBAI.js";
-import "../../chunks/chunk.3TFKS637.js";
 import "../../chunks/chunk.GQZ7EGMM.js";
 import "../../chunks/chunk.TUVJKY7S.js";
-import "../../chunks/chunk.567JN6DK.js";
+import "../../chunks/chunk.EFVXMX3N.js";
 import "../../chunks/chunk.4EHT37C5.js";
 import "../../chunks/chunk.Q44EX5TP.js";
 export {

package/dist/components/tag/tag.js

@@ -1,20 +1,20 @@
 import {
   tag_default
-} from "../../chunks/chunk.FCSLBJKP.js";
-import "../../chunks/chunk.GA7G5JW4.js";
+} from "../../chunks/chunk.EPA23NFI.js";
+import "../../chunks/chunk.HQA7RR42.js";
 import "../../chunks/chunk.T4SZVEJD.js";
-import "../../chunks/chunk.DM5MBJXC.js";
+import "../../chunks/chunk.OVQBZ4VN.js";
 import "../../chunks/chunk.IRARCVGH.js";
-import "../../chunks/chunk.IDPNXIPQ.js";
-import "../../chunks/chunk.SXVQRCVR.js";
-import "../../chunks/chunk.W2VPO4VE.js";
+import "../../chunks/chunk.2H4HZOD6.js";
+import "../../chunks/chunk.RGBGPSJY.js";
+import "../../chunks/chunk.ZOBVW4QZ.js";
+import "../../chunks/chunk.OOAK7TAG.js";
+import "../../chunks/chunk.3TFKS637.js";
 import "../../chunks/chunk.QLXRCYS4.js";
-import "../../chunks/chunk.C4QY7KGQ.js";
 import "../../chunks/chunk.CJFFVBAI.js";
-import "../../chunks/chunk.3TFKS637.js";
 import "../../chunks/chunk.GQZ7EGMM.js";
 import "../../chunks/chunk.TUVJKY7S.js";
-import "../../chunks/chunk.567JN6DK.js";
+import "../../chunks/chunk.EFVXMX3N.js";
 import "../../chunks/chunk.4EHT37C5.js";
 import "../../chunks/chunk.Q44EX5TP.js";
 export {

package/dist/components/textarea/textarea.component.js

@@ -1,6 +1,6 @@
 import {
   CwTextarea
-} from "../../chunks/chunk.P2GJ4VV3.js";
+} from "../../chunks/chunk.MGPZ6VFC.js";
 import "../../chunks/chunk.NQ4WINHZ.js";
 import "../../chunks/chunk.GI7VDIWX.js";
 import "../../chunks/chunk.YBI2MSEM.js";
@@ -8,7 +8,7 @@ import "../../chunks/chunk.PH2VNONO.js";
 import "../../chunks/chunk.BVGZUUCX.js";
 import "../../chunks/chunk.GQZ7EGMM.js";
 import "../../chunks/chunk.TUVJKY7S.js";
-import "../../chunks/chunk.567JN6DK.js";
+import "../../chunks/chunk.EFVXMX3N.js";
 import "../../chunks/chunk.Q44EX5TP.js";
 export {
   CwTextarea as default

package/dist/components/textarea/textarea.js

@@ -1,7 +1,7 @@
 import {
   textarea_default
-} from "../../chunks/chunk.MBTECJ34.js";
-import "../../chunks/chunk.P2GJ4VV3.js";
+} from "../../chunks/chunk.DADZ7AU4.js";
+import "../../chunks/chunk.MGPZ6VFC.js";
 import "../../chunks/chunk.NQ4WINHZ.js";
 import "../../chunks/chunk.GI7VDIWX.js";
 import "../../chunks/chunk.YBI2MSEM.js";
@@ -9,7 +9,7 @@ import "../../chunks/chunk.PH2VNONO.js";
 import "../../chunks/chunk.BVGZUUCX.js";
 import "../../chunks/chunk.GQZ7EGMM.js";
 import "../../chunks/chunk.TUVJKY7S.js";
-import "../../chunks/chunk.567JN6DK.js";
+import "../../chunks/chunk.EFVXMX3N.js";
 import "../../chunks/chunk.Q44EX5TP.js";
 export {
   textarea_default as default

package/dist/components/time-picker/time-picker.component.d.ts

@@ -0,0 +1,184 @@
+import CwElement from '../../internal/cw-element.js';
+import CwIcon from '../icon/icon.component.js';
+import CwOption from '../option/option.component.js';
+import CwPopup from '../popup/popup.component.js';
+import type { CSSResultGroup } from 'lit';
+import type { CwFormControl } from '../../internal/cw-element.js';
+type TimeGranularity = 'hour' | 'minute' | 'second';
+type HourFormat = 'auto' | '12' | '24';
+/**
+ * @summary Time pickers let users select a time from a set of predefined hour, minute, second, and meridiem columns.
+ * @documentation https://cw-elements-b0c7e5.gitlab.io/components/time-picker
+ * @status experimental
+ * @since 1.1
+ *
+ * @dependency cw-icon
+ * @dependency cw-option
+ * @dependency cw-popup
+ *
+ * @slot label - The input's label. Alternatively, you can use the `label` attribute.
+ * @slot prefix - Used to prepend a presentational icon or similar element to the combobox.
+ * @slot suffix - Used to append a presentational icon or similar element to the combobox.
+ * @slot clear-icon - An icon to use in lieu of the default clear icon.
+ * @slot expand-icon - The icon to show when the control is expanded and collapsed.
+ * @slot help-text - Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.
+ *
+ * @event cw-change - Emitted when the control's value changes.
+ * @event cw-clear - Emitted when the control's value is cleared.
+ * @event cw-input - Emitted when the control receives input.
+ * @event cw-focus - Emitted when the control gains focus.
+ * @event cw-blur - Emitted when the control loses focus.
+ * @event cw-show - Emitted when the time picker's listbox opens.
+ * @event cw-after-show - Emitted after the time picker's listbox opens and all animations are complete.
+ * @event cw-hide - Emitted when the time picker's listbox closes.
+ * @event cw-after-hide - Emitted after the time picker's listbox closes and all animations are complete.
+ * @event cw-invalid - Emitted when the form control has been checked for validity and its constraints aren't satisfied.
+ *
+ * @csspart form-control - The form control that wraps the label, input, and help text.
+ * @csspart form-control-label - The label's wrapper.
+ * @csspart form-control-input - The time picker's wrapper.
+ * @csspart form-control-help-text - The help text's wrapper.
+ * @csspart combobox - The container the wraps the prefix, suffix, display input, clear icon, and expand icon.
+ * @csspart prefix - The container that wraps the prefix slot.
+ * @csspart suffix - The container that wraps the suffix slot.
+ * @csspart display-input - The element that displays the selected time, an `<input>` element.
+ * @csspart listbox - The listbox container where the hour/minute/second/meridiem columns are rendered.
+ * @csspart column - One of the listbox's columns.
+ * @csspart option - An individual option within a column.
+ * @csspart clear-button - The clear button.
+ * @csspart expand-icon - The container that wraps the expand icon.
+ */
+export default class CwTimePicker extends CwElement implements CwFormControl {
+    static styles: CSSResultGroup;
+    static dependencies: {
+        'cw-icon': typeof CwIcon;
+        'cw-option': typeof CwOption;
+        'cw-popup': typeof CwPopup;
+    };
+    private readonly formControlController;
+    private readonly hasSlotController;
+    private readonly localize;
+    private closeWatcher;
+    popup: CwPopup;
+    combobox: HTMLElement;
+    displayInput: HTMLInputElement;
+    valueInput: HTMLInputElement;
+    listbox: HTMLElement;
+    columnElements: NodeListOf<HTMLElement>;
+    private hasFocus;
+    private activeColumn;
+    private valueHasChanged;
+    /** The name of the time picker, submitted as a name/value pair with form data. */
+    name: string;
+    private _value;
+    get value(): string;
+    /**
+     * The current value of the time picker, submitted as a name/value pair with form data. The value is a 24-hour,
+     * zero-padded string whose precision matches `granularity` (e.g. `"14"`, `"14:08"`, or `"14:08:32"`).
+     */
+    set value(val: string);
+    /** The default value of the form control. Primarily used for resetting the form control. */
+    defaultValue: string;
+    /** The smallest unit of time the picker allows the user to set. */
+    granularity: TimeGranularity;
+    /**
+     * The hour format to use. When `auto`, the format is determined by the page's locale. When `12`, hours are shown from
+     * 1-12 alongside an AM/PM column. When `24`, hours are shown from 00-23.
+     */
+    hourFormat: HourFormat;
+    /** The time picker's size. */
+    size: 'small' | 'medium' | 'large';
+    /** Placeholder text to show as a hint when the time picker is empty. */
+    placeholder: string;
+    /** Disables the time picker. */
+    disabled: boolean;
+    /** Adds a clear button when the time picker is not empty. */
+    clearable: boolean;
+    /**
+     * Indicates whether or not the time picker is open. You can toggle this attribute to show and hide the listbox, or you
+     * can use the `show()` and `hide()` methods and this attribute will reflect the time picker's open state.
+     */
+    open: boolean;
+    /**
+     * Enable this option to prevent the listbox from being clipped when the component is placed inside a container with
+     * `overflow: auto|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all, scenarios.
+     */
+    hoist: boolean;
+    /** Draws a filled time picker. */
+    filled: boolean;
+    /** Draws a pill-style time picker with rounded edges. */
+    pill: boolean;
+    /** The time picker's label. If you need to display HTML, use the `label` slot instead. */
+    label: string;
+    /**
+     * The preferred placement of the time picker's listbox. Note that the actual placement may vary as needed to keep the
+     * listbox inside of the viewport.
+     */
+    placement: 'top' | 'bottom';
+    /** The time picker's help text. If you need to display HTML, use the `help-text` slot instead. */
+    helpText: string;
+    /**
+     * By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you
+     * to place the form control outside of a form and associate it with the form that has this `id`. The form must be in
+     * the same document or shadow root for this to work.
+     */
+    form: string;
+    /** The time picker's required attribute. */
+    required: boolean;
+    /** Gets the validity state object */
+    get validity(): ValidityState;
+    /** Gets the validation message */
+    get validationMessage(): string;
+    private get parsedValue();
+    connectedCallback(): void;
+    private addOpenListeners;
+    private removeOpenListeners;
+    private handleFocus;
+    private handleBlur;
+    private handleLabelClick;
+    private handleDocumentFocusIn;
+    private handleDocumentMouseDown;
+    private handleDocumentKeyDown;
+    private handleComboboxMouseDown;
+    private handleComboboxKeyDown;
+    private handleClearClick;
+    private handleClearMouseDown;
+    private handleListboxMouseDown;
+    private handleOptionClick;
+    private handleInvalid;
+    private getHourCycle;
+    private is12Hour;
+    private getPeriodLabel;
+    private getColumns;
+    private getColumnValue;
+    private applyColumnValue;
+    private setTimeValue;
+    private scrollActiveOptionsIntoView;
+    private get displayLabel();
+    private getColumnLabel;
+    private getColumnOptionLabel;
+    private renderColumn;
+    handleDisabledChange(): void;
+    attributeChangedCallback(name: string, oldVal: string | null, newVal: string | null): void;
+    handleValueChange(): void;
+    handleGranularityOrHourFormatChange(): void;
+    handleOpenChange(): Promise<void>;
+    /** Shows the listbox. */
+    show(): Promise<void>;
+    /** Hides the listbox. */
+    hide(): Promise<void>;
+    /** Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid. */
+    checkValidity(): boolean;
+    /** Gets the associated form, if one exists. */
+    getForm(): HTMLFormElement | null;
+    /** Checks for validity and shows the browser's validation message if the control is invalid. */
+    reportValidity(): boolean;
+    /** Sets a custom validation message. Pass an empty string to restore validity. */
+    setCustomValidity(message: string): void;
+    /** Sets focus on the control. */
+    focus(options?: FocusOptions): void;
+    /** Removes focus from the control. */
+    blur(): void;
+    render(): import("lit-html").TemplateResult<1>;
+}
+export {};

package/dist/components/time-picker/time-picker.component.js

@@ -0,0 +1,30 @@
+import {
+  CwTimePicker
+} from "../../chunks/chunk.45Y6QCMK.js";
+import "../../chunks/chunk.EYA3B3XL.js";
+import "../../chunks/chunk.4HKCHLFM.js";
+import "../../chunks/chunk.HWLR3F4N.js";
+import "../../chunks/chunk.PH2N3MLE.js";
+import "../../chunks/chunk.QQK2SIME.js";
+import "../../chunks/chunk.RZ7LFYD5.js";
+import "../../chunks/chunk.YBI2MSEM.js";
+import "../../chunks/chunk.PH2VNONO.js";
+import "../../chunks/chunk.SPWJX47D.js";
+import "../../chunks/chunk.B4BZKR24.js";
+import "../../chunks/chunk.TJQYJP53.js";
+import "../../chunks/chunk.2H4HZOD6.js";
+import "../../chunks/chunk.RGBGPSJY.js";
+import "../../chunks/chunk.BVGZUUCX.js";
+import "../../chunks/chunk.ZOBVW4QZ.js";
+import "../../chunks/chunk.OOAK7TAG.js";
+import "../../chunks/chunk.3TFKS637.js";
+import "../../chunks/chunk.QLXRCYS4.js";
+import "../../chunks/chunk.CJFFVBAI.js";
+import "../../chunks/chunk.GQZ7EGMM.js";
+import "../../chunks/chunk.TUVJKY7S.js";
+import "../../chunks/chunk.EFVXMX3N.js";
+import "../../chunks/chunk.4EHT37C5.js";
+import "../../chunks/chunk.Q44EX5TP.js";
+export {
+  CwTimePicker as default
+};

package/dist/components/time-picker/time-picker.d.ts

@@ -0,0 +1,8 @@
+import CwTimePicker from './time-picker.component.js';
+export * from './time-picker.component.js';
+export default CwTimePicker;
+declare global {
+    interface HTMLElementTagNameMap {
+        'cw-time-picker': CwTimePicker;
+    }
+}