@porsche-design-system/components-vue 3.6.1 → 3.7.0-rc.1

package/esm/lib/components/RadioButtonWrapperWrapper.vue.mjs

@@ -1,25 +1,26 @@
-import { defineComponent as p, ref as f, onMounted as l, onUpdated as s, openBlock as d, createBlock as u, resolveDynamicComponent as m, unref as c, withCtx as i, renderSlot as _ } from "vue";
-import { getPrefixedTagName as C, syncProperties as o } from "../../utils.mjs";
-const k = /* @__PURE__ */ p({
+import { defineComponent as p, ref as l, onMounted as f, onUpdated as d, openBlock as s, createBlock as u, resolveDynamicComponent as m, unref as i, withCtx as c, renderSlot as _ } from "vue";
+import { getPrefixedTagName as g, syncProperties as o } from "../../utils.mjs";
+const y = /* @__PURE__ */ p({
   __name: "RadioButtonWrapperWrapper",
   props: {
     hideLabel: { default: !1 },
     label: { default: "" },
+    loading: { type: Boolean, default: !1 },
     message: { default: "" },
     state: { default: "none" },
     theme: { default: "light" }
   },
-  setup(n) {
-    const t = n, a = C("p-radio-button-wrapper"), e = f();
-    return l(() => {
+  setup(a) {
+    const t = a, n = g("p-radio-button-wrapper"), e = l();
+    return f(() => {
       o(e.value, t);
-    }), s(() => {
+    }), d(() => {
       o(e.value, t);
-    }), (r, g) => (d(), u(m(c(a)), {
+    }), (r, C) => (s(), u(m(i(n)), {
       ref_key: "pdsComponentRef",
       ref: e
     }, {
-      default: i(() => [
+      default: c(() => [
         _(r.$slots, "default")
       ]),
       _: 3
@@ -27,5 +28,5 @@ const k = /* @__PURE__ */ p({
   }
 });
 export {
-  k as default
+  y as default
 };

package/esm/lib/components/ScrollerWrapper.vue.d.ts

@@ -5,7 +5,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: boolean;
     };
     theme: {
-        type: import("vue").PropType<"light" | "dark">;
+        type: import("vue").PropType<"light" | "dark" | "auto">;
         default: string;
     };
     aria: {
@@ -34,7 +34,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: boolean;
     };
     theme: {
-        type: import("vue").PropType<"light" | "dark">;
+        type: import("vue").PropType<"light" | "dark" | "auto">;
         default: string;
     };
     aria: {
@@ -59,7 +59,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
 }>>, {
     scrollbar: boolean;
-    theme: "light" | "dark";
+    theme: "light" | "dark" | "auto";
     alignScrollIndicator: "top" | "center";
     gradientColor: "background-base" | "background-surface";
 }, {}>, {

package/esm/lib/components/SegmentedControlWrapper.vue.d.ts

@@ -1,7 +1,7 @@
 import type { BreakpointCustomizable, SegmentedControlUpdateEvent } from '../types';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     theme: {
-        type: import("vue").PropType<"light" | "dark">;
+        type: import("vue").PropType<"light" | "dark" | "auto">;
         default: string;
     };
     backgroundColor: {
@@ -19,7 +19,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     update: (value: SegmentedControlUpdateEvent) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     theme: {
-        type: import("vue").PropType<"light" | "dark">;
+        type: import("vue").PropType<"light" | "dark" | "auto">;
         default: string;
     };
     backgroundColor: {
@@ -36,7 +36,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     onUpdate?: ((value: SegmentedControlUpdateEvent) => any) | undefined;
     onSegmentedControlChange?: ((value: SegmentedControlUpdateEvent) => any) | undefined;
 }, {
-    theme: "light" | "dark";
+    theme: "light" | "dark" | "auto";
     columns: BreakpointCustomizable<string | number>;
 }, {}>, {
     default?(_: {}): any;

package/esm/lib/components/SelectWrapperWrapper.vue.d.ts

@@ -9,7 +9,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: string;
     };
     theme: {
-        type: import("vue").PropType<"light" | "dark">;
+        type: import("vue").PropType<"light" | "dark" | "auto">;
         default: string;
     };
     description: {
@@ -46,7 +46,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: string;
     };
     theme: {
-        type: import("vue").PropType<"light" | "dark">;
+        type: import("vue").PropType<"light" | "dark" | "auto">;
         default: string;
     };
     description: {
@@ -76,7 +76,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
 }>>, {
     filter: boolean;
     label: string;
-    theme: "light" | "dark";
+    theme: "light" | "dark" | "auto";
     description: string;
     state: "none" | "success" | "error";
     hideLabel: BreakpointCustomizable<boolean>;

package/esm/lib/components/SpinnerWrapper.vue.d.ts

@@ -5,7 +5,7 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
     theme: {
-        type: import("vue").PropType<"light" | "dark">;
+        type: import("vue").PropType<"light" | "dark" | "auto">;
         default: string;
     };
     aria: {
@@ -17,7 +17,7 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
     theme: {
-        type: import("vue").PropType<"light" | "dark">;
+        type: import("vue").PropType<"light" | "dark" | "auto">;
         default: string;
     };
     aria: {
@@ -25,6 +25,6 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>>, {
     size: BreakpointCustomizable<"inherit" | "small" | "medium" | "large">;
-    theme: "light" | "dark";
+    theme: "light" | "dark" | "auto";
 }, {}>;
 export default _default;

package/esm/lib/components/StepperHorizontalWrapper.vue.d.ts

@@ -5,7 +5,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: string;
     };
     theme: {
-        type: import("vue").PropType<"light" | "dark">;
+        type: import("vue").PropType<"light" | "dark" | "auto">;
         default: string;
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -17,7 +17,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: string;
     };
     theme: {
-        type: import("vue").PropType<"light" | "dark">;
+        type: import("vue").PropType<"light" | "dark" | "auto">;
         default: string;
     };
 }>> & {
@@ -25,7 +25,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     onStepChange?: ((value: StepperHorizontalUpdateEvent) => any) | undefined;
 }, {
     size: BreakpointCustomizable<"small" | "medium">;
-    theme: "light" | "dark";
+    theme: "light" | "dark" | "auto";
 }, {}>, {
     default?(_: {}): any;
 }>;

package/esm/lib/components/SwitchWrapper.vue.d.ts

@@ -5,7 +5,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: boolean;
     };
     theme: {
-        type: import("vue").PropType<"light" | "dark">;
+        type: import("vue").PropType<"light" | "dark" | "auto">;
         default: string;
     };
     alignLabel: {
@@ -37,7 +37,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: boolean;
     };
     theme: {
-        type: import("vue").PropType<"light" | "dark">;
+        type: import("vue").PropType<"light" | "dark" | "auto">;
         default: string;
     };
     alignLabel: {
@@ -65,7 +65,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     onSwitchChange?: ((value: SwitchUpdateEvent) => any) | undefined;
 }, {
     stretch: BreakpointCustomizable<boolean>;
-    theme: "light" | "dark";
+    theme: "light" | "dark" | "auto";
     alignLabel: BreakpointCustomizable<"left" | "right">;
     disabled: boolean;
     hideLabel: BreakpointCustomizable<boolean>;

package/esm/lib/components/TableWrapper.vue.d.ts

@@ -3,7 +3,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<string>;
     };
     theme: {
-        type: import("vue").PropType<"light" | "dark">;
+        type: import("vue").PropType<"light" | "dark" | "auto">;
         default: string;
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -14,14 +14,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<string>;
     };
     theme: {
-        type: import("vue").PropType<"light" | "dark">;
+        type: import("vue").PropType<"light" | "dark" | "auto">;
         default: string;
     };
 }>> & {
     onUpdate?: ((value: import("../types").TableHeadCellSort) => any) | undefined;
     onSortingChange?: ((value: import("../types").TableHeadCellSort) => any) | undefined;
 }, {
-    theme: "light" | "dark";
+    theme: "light" | "dark" | "auto";
 }, {}>, {
     default?(_: {}): any;
 }>;

package/esm/lib/components/TabsBarWrapper.vue.d.ts

@@ -9,7 +9,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: string;
     };
     theme: {
-        type: import("vue").PropType<"light" | "dark">;
+        type: import("vue").PropType<"light" | "dark" | "auto">;
         default: string;
     };
     gradientColor: {
@@ -35,7 +35,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: string;
     };
     theme: {
-        type: import("vue").PropType<"light" | "dark">;
+        type: import("vue").PropType<"light" | "dark" | "auto">;
         default: string;
     };
     gradientColor: {
@@ -54,7 +54,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
 }, {
     weight: "regular" | "semi-bold" | "semibold";
     size: BreakpointCustomizable<"small" | "medium">;
-    theme: "light" | "dark";
+    theme: "light" | "dark" | "auto";
     gradientColor: "background-base" | "background-surface";
 }, {}>, {
     default?(_: {}): any;

package/esm/lib/components/TabsWrapper.vue.d.ts

@@ -9,7 +9,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: string;
     };
     theme: {
-        type: import("vue").PropType<"light" | "dark">;
+        type: import("vue").PropType<"light" | "dark" | "auto">;
         default: string;
     };
     gradientColor: {
@@ -36,7 +36,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: string;
     };
     theme: {
-        type: import("vue").PropType<"light" | "dark">;
+        type: import("vue").PropType<"light" | "dark" | "auto">;
         default: string;
     };
     gradientColor: {
@@ -56,7 +56,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
 }, {
     weight: "regular" | "semi-bold" | "semibold";
     size: BreakpointCustomizable<"small" | "medium">;
-    theme: "light" | "dark";
+    theme: "light" | "dark" | "auto";
     gradientColor: "background-base" | "background-surface";
     activeTabIndex: number;
 }, {}>, {

package/esm/lib/components/TagDismissibleWrapper.vue.d.ts

@@ -4,7 +4,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<string>;
     };
     theme: {
-        type: import("vue").PropType<"light" | "dark">;
+        type: import("vue").PropType<"light" | "dark" | "auto">;
         default: string;
     };
     aria: {
@@ -19,7 +19,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<string>;
     };
     theme: {
-        type: import("vue").PropType<"light" | "dark">;
+        type: import("vue").PropType<"light" | "dark" | "auto">;
         default: string;
     };
     aria: {
@@ -30,7 +30,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: string;
     };
 }>>, {
-    theme: "light" | "dark";
+    theme: "light" | "dark" | "auto";
     color: "background-base" | "background-surface" | "background-default";
 }, {}>, {
     default?(_: {}): any;

package/esm/lib/components/TagWrapper.vue.d.ts

@@ -1,6 +1,6 @@
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     theme: {
-        type: import("vue").PropType<"light" | "dark">;
+        type: import("vue").PropType<"light" | "dark" | "auto">;
         default: string;
     };
     icon: {
@@ -15,7 +15,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     theme: {
-        type: import("vue").PropType<"light" | "dark">;
+        type: import("vue").PropType<"light" | "dark" | "auto">;
         default: string;
     };
     icon: {
@@ -29,7 +29,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: string;
     };
 }>>, {
-    theme: "light" | "dark";
+    theme: "light" | "dark" | "auto";
     color: "background-base" | "background-surface" | "primary" | "notification-success" | "notification-warning" | "notification-error" | "neutral-contrast-high" | "notification-neutral" | "background-default" | "notification-info-soft" | "notification-warning-soft" | "notification-success-soft" | "notification-error-soft";
 }, {}>, {
     default?(_: {}): any;

package/esm/lib/components/TextFieldWrapperWrapper.vue.d.ts

@@ -5,7 +5,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: string;
     };
     theme: {
-        type: import("vue").PropType<"light" | "dark">;
+        type: import("vue").PropType<"light" | "dark" | "auto">;
         default: string;
     };
     description: {
@@ -58,7 +58,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: string;
     };
     theme: {
-        type: import("vue").PropType<"light" | "dark">;
+        type: import("vue").PropType<"light" | "dark" | "auto">;
         default: string;
     };
     description: {
@@ -107,7 +107,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     onAction?: ((value?: void | undefined) => any) | undefined;
 }, {
     label: string;
-    theme: "light" | "dark";
+    theme: "light" | "dark" | "auto";
     description: string;
     state: "none" | "success" | "error";
     hideLabel: BreakpointCustomizable<boolean>;

package/esm/lib/components/TextListWrapper.vue.d.ts

@@ -4,7 +4,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: string;
     };
     theme: {
-        type: import("vue").PropType<"light" | "dark">;
+        type: import("vue").PropType<"light" | "dark" | "auto">;
         default: string;
     };
     listType: {
@@ -19,7 +19,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: string;
     };
     theme: {
-        type: import("vue").PropType<"light" | "dark">;
+        type: import("vue").PropType<"light" | "dark" | "auto">;
         default: string;
     };
     listType: {
@@ -30,7 +30,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
 }>>, {
     type: "unordered" | "numbered" | "alphabetically";
-    theme: "light" | "dark";
+    theme: "light" | "dark" | "auto";
 }, {}>, {
     default?(_: {}): any;
 }>;

package/esm/lib/components/TextWrapper.vue.d.ts

@@ -13,7 +13,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: string;
     };
     theme: {
-        type: import("vue").PropType<"light" | "dark">;
+        type: import("vue").PropType<"light" | "dark" | "auto">;
         default: string;
     };
     align: {
@@ -42,7 +42,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: string;
     };
     theme: {
-        type: import("vue").PropType<"light" | "dark">;
+        type: import("vue").PropType<"light" | "dark" | "auto">;
         default: string;
     };
     align: {
@@ -61,7 +61,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     weight: "regular" | "semi-bold" | "bold" | "thin" | "semibold";
     size: BreakpointCustomizable<"inherit" | "xx-small" | "x-small" | "small" | "medium" | "large" | "x-large">;
     tag: "time" | "p" | "span" | "div" | "address" | "blockquote" | "figcaption" | "cite" | "legend";
-    theme: "light" | "dark";
+    theme: "light" | "dark" | "auto";
     align: "center" | "left" | "right";
     color: "default" | "inherit" | "primary" | "contrast-low" | "contrast-medium" | "contrast-high" | "notification-success" | "notification-warning" | "notification-error" | "notification-info" | "brand" | "neutral-contrast-low" | "neutral-contrast-medium" | "neutral-contrast-high" | "notification-neutral";
     ellipsis: boolean;

package/esm/lib/components/TextareaWrapperWrapper.vue.d.ts

@@ -5,7 +5,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: string;
     };
     theme: {
-        type: import("vue").PropType<"light" | "dark">;
+        type: import("vue").PropType<"light" | "dark" | "auto">;
         default: string;
     };
     description: {
@@ -37,7 +37,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: string;
     };
     theme: {
-        type: import("vue").PropType<"light" | "dark">;
+        type: import("vue").PropType<"light" | "dark" | "auto">;
         default: string;
     };
     description: {
@@ -65,7 +65,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
 }>>, {
     label: string;
-    theme: "light" | "dark";
+    theme: "light" | "dark" | "auto";
     description: string;
     state: "none" | "success" | "error";
     hideLabel: BreakpointCustomizable<boolean>;

package/esm/lib/components/ToastWrapper.vue.d.ts

@@ -1,14 +1,14 @@
 declare const _default: import("vue").DefineComponent<{
     theme: {
-        type: import("vue").PropType<"light" | "dark">;
+        type: import("vue").PropType<"light" | "dark" | "auto">;
         default: string;
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     theme: {
-        type: import("vue").PropType<"light" | "dark">;
+        type: import("vue").PropType<"light" | "dark" | "auto">;
         default: string;
     };
 }>>, {
-    theme: "light" | "dark";
+    theme: "light" | "dark" | "auto";
 }, {}>;
 export default _default;

package/esm/lib/components/WordmarkWrapper.vue.d.ts

@@ -5,7 +5,7 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
     theme: {
-        type: import("vue").PropType<"light" | "dark">;
+        type: import("vue").PropType<"light" | "dark" | "auto">;
         default: string;
     };
     aria: {
@@ -24,7 +24,7 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
     theme: {
-        type: import("vue").PropType<"light" | "dark">;
+        type: import("vue").PropType<"light" | "dark" | "auto">;
         default: string;
     };
     aria: {
@@ -39,7 +39,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>>, {
     size: "inherit" | "small";
-    theme: "light" | "dark";
+    theme: "light" | "dark" | "auto";
     target: string;
 }, {}>;
 export default _default;

package/esm/lib/components/index.d.ts

@@ -29,7 +29,10 @@ export { default as PLinkTileModelSignature } from './LinkTileModelSignatureWrap
 export { default as PMarque } from './MarqueWrapper.vue';
 export { default as PModal } from './ModalWrapper.vue';
 export { default as PModelSignature } from './ModelSignatureWrapper.vue';
+export { default as PMultiSelect } from './MultiSelectWrapper.vue';
+export { default as PMultiSelectOption } from './MultiSelectOptionWrapper.vue';
 export { default as PPagination } from './PaginationWrapper.vue';
+export { default as PPinCode } from './PinCodeWrapper.vue';
 export { default as PPopover } from './PopoverWrapper.vue';
 export { default as PRadioButtonWrapper } from './RadioButtonWrapperWrapper.vue';
 export { default as PScroller } from './ScrollerWrapper.vue';

package/esm/lib/types.d.ts

@@ -448,9 +448,10 @@ export type BreakpointValues<T> = {
 export type BreakpointCustomizable<T> = T | BreakpointValues<T> | string;
 declare const THEMES: readonly [
     "light",
-    "dark"
+    "dark",
+    "auto"
 ];
-export type Theme = typeof THEMES[number];
+export type Theme = (typeof THEMES)[number];
 declare const TILE_ASPECT_RATIOS: readonly [
     "1:1",
     "4:3",
@@ -501,6 +502,12 @@ declare const SCROLL_INDICATOR_POSITIONS: readonly [
 /** @deprecated */
 export type ScrollerScrollIndicatorPosition = (typeof SCROLL_INDICATOR_POSITIONS)[number];
 export type ScrollerAlignScrollIndicator = ScrollerScrollIndicatorPosition;
+declare const SELECT_DROPDOWN_DIRECTIONS: readonly [
+    "down",
+    "up",
+    "auto"
+];
+export type SelectDropdownDirection = (typeof SELECT_DROPDOWN_DIRECTIONS)[number];
 declare const ALIGN_LABELS: readonly [
     "left",
     "right"
@@ -1006,6 +1013,12 @@ declare const MODEL_SIGNATURE_COLORS: readonly [
     "inherit"
 ];
 export type ModelSignatureColor = (typeof MODEL_SIGNATURE_COLORS)[number];
+export type MultiSelectState = FormState;
+export type MultiSelectDropdownDirection = SelectDropdownDirection;
+export type MultiSelectUpdateEvent = {
+    value: string[];
+    name: string;
+};
 declare const PAGINATION_NUMBER_OF_PAGE_LINKS: readonly [
     5,
     7
@@ -1016,6 +1029,21 @@ export type PaginationUpdateEvent = {
     previousPage: number;
 };
 export type PaginationInternationalization = Partial<Record<"root" | "prev" | "next" | "page", string>> | string;
+declare const PIN_CODE_TYPES: readonly [
+    "number",
+    "password"
+];
+export type PinCodeType = (typeof PIN_CODE_TYPES)[number];
+declare const PIN_CODE_LENGTHS: readonly [
+    4,
+    6
+];
+export type PinCodeLength = (typeof PIN_CODE_LENGTHS)[number];
+export type PinCodeUpdateEvent = {
+    value: string;
+    isComplete: boolean;
+};
+export type PinCodeState = FormState;
 declare const POPOVER_DIRECTIONS: readonly [
     "top",
     "right",