@knime/kds-components 0.7.0 → 0.9.0

package/dist/overlays/Modal/KdsModal.vue.d.ts

@@ -4,9 +4,9 @@ declare function __VLS_template(): {
     slots: {
         default?(_: {
             title: string;
-            icon: "add-user" | "ai-general" | "annotation-mode" | "arrow-down" | "arrow-up" | "arrows-expand" | "arrows-move" | "arrows-order" | "back" | "bold" | "calendar" | "case-sensitive" | "center-aligned" | "checkmark" | "chevron-down" | "chevron-left-double" | "chevron-left" | "chevron-right-double" | "chevron-right" | "chevron-up" | "circle-error" | "circle-info" | "circle-question" | "circle-success" | "cloud-download" | "cloud-knime" | "cloud-pending-changes" | "cloud-synced" | "cloud-upload" | "cloud-workflow" | "code-block" | "color-picker" | "comment" | "component" | "connection" | "copy" | "cursor" | "data-app" | "data-value-view" | "date-time" | "db-database" | "db-schema" | "db-table-view" | "db-table" | "deploy" | "detect" | "divider" | "duration" | "edit" | "education" | "error-panel" | "execute-all" | "execute" | "expand-panel" | "extension-community" | "extension" | "external-link" | "eye" | "file-export" | "file-text" | "file" | "filter" | "flow-variable-default" | "flow-variable-in-out" | "flow-variable-in" | "flow-variable-out" | "folder-plus" | "folder-workflow" | "folder" | "forum" | "function-catalog" | "home" | "import" | "info" | "interval" | "italic" | "key" | "layout-editor" | "left-aligned" | "like" | "limit" | "link" | "linked-metanode" | "list-bulletpoint" | "list-number" | "list-thumbs" | "list" | "local-filesystem" | "lock" | "metanode" | "mini-map" | "minimize-dialog" | "minimize-side-panel" | "minus" | "more-actions" | "node-stack" | "nodes-align-horiz" | "nodes-align-vert" | "open-in-new-window" | "pan-mode" | "parameter" | "pending-changes" | "placeholder" | "plus" | "quote" | "re-execution" | "redo" | "regex" | "reload" | "rename" | "replace" | "reset-all" | "resume-execution" | "right-aligned" | "rocket" | "save-as" | "save" | "schedule" | "search" | "secret-store" | "selected-cancel" | "selected-execution" | "selected-reset" | "send" | "server-rack-workflow" | "service" | "settings" | "share" | "shortcuts" | "sort-ascending" | "sort-descending" | "space-local" | "space-private" | "space" | "stepwise-execution" | "strikethrough" | "team" | "text" | "textstyles" | "thumbs-down" | "thumbs-up" | "time" | "to-bottom" | "to-top" | "trash" | "trigger" | "underline" | "undo" | "unlink" | "user" | "version" | "view-cards" | "warning" | "workflow" | "x-close";
-            variant: "padded" | "plain";
-            overflow: "hidden" | "auto" | "visible";
+            icon: "replace" | "search" | "bold" | "link" | "filter" | "time" | "text" | "add-user" | "ai-general" | "annotation-mode" | "arrow-down" | "arrow-up" | "arrows-expand" | "arrows-move" | "arrows-order" | "back" | "calendar" | "case-sensitive" | "center-aligned" | "checkmark" | "chevron-down" | "chevron-left-double" | "chevron-left" | "chevron-right-double" | "chevron-right" | "chevron-up" | "circle-error" | "circle-info" | "circle-question" | "circle-success" | "cloud-download" | "cloud-knime" | "cloud-pending-changes" | "cloud-synced" | "cloud-upload" | "cloud-workflow" | "code-block" | "color-picker" | "comment" | "component" | "connection" | "copy" | "cursor" | "data-app" | "data-value-view" | "date-time" | "db-database" | "db-schema" | "db-table-view" | "db-table" | "deploy" | "detect" | "divider" | "duration" | "edit" | "education" | "error-panel" | "execute-all" | "execute" | "expand-panel" | "extension-community" | "extension" | "external-link" | "eye" | "file-export" | "file-text" | "file" | "flow-variable-default" | "flow-variable-in-out" | "flow-variable-in" | "flow-variable-out" | "folder-plus" | "folder-workflow" | "folder" | "forum" | "function-catalog" | "home" | "import" | "info" | "interval" | "italic" | "key" | "layout-editor" | "left-aligned" | "like" | "limit" | "linked-metanode" | "list-bulletpoint" | "list-number" | "list-thumbs" | "list" | "local-filesystem" | "lock" | "metanode" | "mini-map" | "minimize-dialog" | "minimize-side-panel" | "minus" | "more-actions" | "node-stack" | "nodes-align-horiz" | "nodes-align-vert" | "open-in-new-window" | "pan-mode" | "parameter" | "pending-changes" | "placeholder" | "plus" | "quote" | "re-execution" | "redo" | "regex" | "reload" | "rename" | "reset-all" | "resume-execution" | "right-aligned" | "rocket" | "save-as" | "save" | "schedule" | "secret-store" | "selected-cancel" | "selected-execution" | "selected-reset" | "send" | "server-rack-workflow" | "service" | "settings" | "share" | "shortcuts" | "sort-ascending" | "sort-descending" | "space-local" | "space-private" | "space" | "stepwise-execution" | "strikethrough" | "team" | "textstyles" | "thumbs-down" | "thumbs-up" | "to-bottom" | "to-top" | "trash" | "trigger" | "underline" | "undo" | "unlink" | "user" | "version" | "view-cards" | "warning" | "workflow" | "x-close";
+            variant: import('./types').KdsModalVariant;
+            overflow: "auto" | "hidden" | "visible";
             onClose: (event?: Event) => void;
         }): any;
         body?(_: {}): any;
@@ -26,13 +26,13 @@ declare const __VLS_component: import('vue').DefineComponent<KdsModalProps, {},
     onClosed?: (() => any) | undefined;
 }>, {
     title: string;
-    variant: "padded" | "plain";
+    variant: import('./types').KdsModalVariant;
     icon: import('packages/styles/dist/img/icons/def').IconName;
-    width: "small" | "medium" | "large" | "xlarge" | "full";
+    width: import('./types').KdsModalWidth;
     overflow: "hidden" | "auto" | "visible";
-    height: "auto" | "full";
+    height: import('./types').KdsModalHeight;
     active: boolean;
-    closedby: "none" | "any" | "closerequest";
+    closedby: import('./types').KdsModalClosedBy;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     dialogElement: HTMLDialogElement;
 }, any>;

package/dist/overlays/Modal/KdsModalLayout.vue.d.ts

@@ -11,7 +11,7 @@ declare function __VLS_template(): {
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<KdsModalLayoutProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<KdsModalLayoutProps> & Readonly<{}>, {
     title: string;
-    variant: "padded" | "plain";
+    variant: import('./types').KdsModalVariant;
     icon: import('packages/styles/dist/img/icons/def').IconName;
     overflow: "hidden" | "auto" | "visible";
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;

package/dist/overlays/Modal/enums.d.ts

@@ -0,0 +1,41 @@
+export declare const kdsModalClosedBy: {
+    readonly ANY: "any";
+    readonly CLOSEREQUEST: "closerequest";
+    readonly NONE: "none";
+};
+export declare const kdsModalClosedByOptions: ("none" | "any" | "closerequest")[];
+export declare const kdsModalWidth: {
+    readonly SMALL: "small";
+    readonly MEDIUM: "medium";
+    readonly LARGE: "large";
+    readonly XLARGE: "xlarge";
+    readonly FULL: "full";
+};
+export declare const kdsModalWidthSizes: ("small" | "medium" | "large" | "xlarge" | "full")[];
+export declare const kdsModalHeight: {
+    readonly AUTO: "auto";
+    readonly FULL: "full";
+};
+export declare const kdsModalHeightSizes: ("auto" | "full")[];
+export declare const kdsModalVariant: {
+    readonly PADDED: "padded";
+    readonly PLAIN: "plain";
+};
+export declare const kdsModalVariants: ("padded" | "plain")[];
+export declare const kdsModalLayoutPropsDefault: {
+    readonly title: "";
+    readonly variant: "padded";
+    readonly overflow: "auto";
+    readonly icon: undefined;
+};
+export declare const kdsModalPropsDefault: {
+    readonly title: "";
+    readonly variant: "padded";
+    readonly overflow: "auto";
+    readonly icon: undefined;
+    readonly active: false;
+    readonly height: "auto";
+    readonly width: "medium";
+    readonly closedby: "closerequest";
+};
+//# sourceMappingURL=enums.d.ts.map

package/dist/overlays/Modal/enums.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"enums.d.ts","sourceRoot":"","sources":["../../../src/overlays/Modal/enums.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,gBAAgB;;;;CAInB,CAAC;AAEX,eAAO,MAAM,uBAAuB,qCAAkC,CAAC;AAEvE,eAAO,MAAM,aAAa;;;;;;CAMhB,CAAC;AAEX,eAAO,MAAM,kBAAkB,sDAA+B,CAAC;AAE/D,eAAO,MAAM,cAAc;;;CAGjB,CAAC;AAEX,eAAO,MAAM,mBAAmB,qBAAgC,CAAC;AAEjE,eAAO,MAAM,eAAe;;;CAGlB,CAAC;AAEX,eAAO,MAAM,gBAAgB,wBAAiC,CAAC;AAE/D,eAAO,MAAM,0BAA0B;;;;;CAK7B,CAAC;AAEX,eAAO,MAAM,oBAAoB;;;;;;;;;CAMvB,CAAC"}

package/dist/overlays/Modal/index.d.ts

@@ -0,0 +1,7 @@
+export { default as KdsModal } from './KdsModal.vue';
+export { default as KdsModalLayout } from './KdsModalLayout.vue';
+export { default as KdsDynamicModalProvider } from './KdsDynamicModalProvider.vue';
+export { type KdsDynamicDialogConfirmConfig, type KdsDynamicModalTemplateConfig, type KdsDynamicModalPropsAPI, useKdsDynamicModal, } from './useKdsDynamicModal';
+export { kdsModalClosedBy, kdsModalClosedByOptions, kdsModalHeight, kdsModalHeightSizes, kdsModalVariant, kdsModalVariants, kdsModalWidth, kdsModalWidthSizes, } from './enums';
+export type * from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/overlays/Modal/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/overlays/Modal/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,+BAA+B,CAAC;AAEnF,OAAO,EACL,KAAK,6BAA6B,EAClC,KAAK,6BAA6B,EAClC,KAAK,uBAAuB,EAC5B,kBAAkB,GACnB,MAAM,sBAAsB,CAAC;AAE9B,OAAO,EACL,gBAAgB,EAChB,uBAAuB,EACvB,cAAc,EACd,mBAAmB,EACnB,eAAe,EACf,gBAAgB,EAChB,aAAa,EACb,kBAAkB,GACnB,MAAM,SAAS,CAAC;AAEjB,mBAAmB,SAAS,CAAC"}

package/dist/overlays/Modal/types.d.ts

@@ -1,16 +1,9 @@
 import { KdsIconName } from '../../accessories/Icon/types';
-import { closedByOptions, heightSizes, modalVariants, widthSizes } from './constants';
-/**
- * - small:  25 × 16 = 400px
- * - medium: 32 × 16 = 512px
- * - large:  45 × 16 = 720px
- * - xlarge: 61 × 16 = 976px
- * - full:   all available space (with some spacing)
- */
-type WidthSizes = (typeof widthSizes)[number];
-type HeightSizes = (typeof heightSizes)[number];
-type ModalVariants = (typeof modalVariants)[number];
-type ClosedByOptionsType = (typeof closedByOptions)[number];
+import { kdsModalClosedBy, kdsModalHeight, kdsModalVariant, kdsModalWidth } from './enums';
+export type KdsModalClosedBy = (typeof kdsModalClosedBy)[keyof typeof kdsModalClosedBy];
+export type KdsModalHeight = (typeof kdsModalHeight)[keyof typeof kdsModalHeight];
+export type KdsModalVariant = (typeof kdsModalVariant)[keyof typeof kdsModalVariant];
+export type KdsModalWidth = (typeof kdsModalWidth)[keyof typeof kdsModalWidth];
 export type KdsModalProps = {
     /** Icon for the header of the modal.
      *
@@ -25,7 +18,7 @@ export type KdsModalProps = {
      *
      * @default padded
      */
-    variant?: ModalVariants;
+    variant?: KdsModalVariant;
     /**
      * - small:  25 × 16 = 400px
      * - medium: 32 × 16 = 512px
@@ -35,7 +28,7 @@ export type KdsModalProps = {
      *
      * @default medium
      */
-    width?: WidthSizes;
+    width?: KdsModalWidth;
     /**
      * `full` take all space
      *
@@ -43,11 +36,11 @@ export type KdsModalProps = {
      *
      * @default auto
      */
-    height?: HeightSizes;
+    height?: KdsModalHeight;
     /** Whether the modal is visible or not */
     active?: boolean;
     /** https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/dialog#closedby */
-    closedby?: ClosedByOptionsType;
+    closedby?: KdsModalClosedBy;
     /**
      * Overflow of the dialog and the body.
      *
@@ -58,5 +51,4 @@ export type KdsModalProps = {
 export type KdsModalLayoutProps = Pick<KdsModalProps, "title" | "variant" | "icon" | "overflow"> & {
     onClose: (event?: Event) => void;
 };
-export {};
 //# sourceMappingURL=types.d.ts.map

package/dist/overlays/Modal/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/overlays/Modal/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAEhE,OAAO,KAAK,EACV,eAAe,EACf,WAAW,EACX,aAAa,EACb,UAAU,EACX,MAAM,aAAa,CAAC;AAErB;;;;;;GAMG;AACH,KAAK,UAAU,GAAG,CAAC,OAAO,UAAU,CAAC,CAAC,MAAM,CAAC,CAAC;AAC9C,KAAK,WAAW,GAAG,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,CAAC,CAAC;AAChD,KAAK,aAAa,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,CAAC,CAAC;AACpD,KAAK,mBAAmB,GAAG,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,CAAC,CAAC;AAE5D,MAAM,MAAM,aAAa,GAAG;IAC1B;;;OAGG;IACH,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB;;;;;;;;OAQG;IACH,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,0CAA0C;IAC1C,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,2FAA2F;IAC3F,QAAQ,CAAC,EAAE,mBAAmB,CAAC;IAC/B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,SAAS,CAAC;CAC1C,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,IAAI,CACpC,aAAa,EACb,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,UAAU,CAC1C,GAAG;IAAE,OAAO,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,KAAK,IAAI,CAAA;CAAE,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/overlays/Modal/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAEhE,OAAO,EACL,gBAAgB,EAChB,cAAc,EACd,eAAe,EACf,aAAa,EACd,MAAM,SAAS,CAAC;AAEjB,MAAM,MAAM,gBAAgB,GAC1B,CAAC,OAAO,gBAAgB,CAAC,CAAC,MAAM,OAAO,gBAAgB,CAAC,CAAC;AAC3D,MAAM,MAAM,cAAc,GACxB,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,OAAO,cAAc,CAAC,CAAC;AACvD,MAAM,MAAM,eAAe,GACzB,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,OAAO,eAAe,CAAC,CAAC;AACzD,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,OAAO,aAAa,CAAC,CAAC;AAE/E,MAAM,MAAM,aAAa,GAAG;IAC1B;;;OAGG;IACH,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B;;;;;;;;OAQG;IACH,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,0CAA0C;IAC1C,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,2FAA2F;IAC3F,QAAQ,CAAC,EAAE,gBAAgB,CAAC;IAC5B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,SAAS,CAAC;CAC1C,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,IAAI,CACpC,aAAa,EACb,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,UAAU,CAC1C,GAAG;IAAE,OAAO,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,KAAK,IAAI,CAAA;CAAE,CAAC"}

package/dist/overlays/Modal/useKdsDynamicModal.d.ts

@@ -89,12 +89,12 @@ export declare const useKdsDynamicModal: () => {
         type: "confirm";
         value: {
             title?: string | undefined;
-            variant?: ("padded" | "plain") | undefined;
+            variant?: import('./types').KdsModalVariant | undefined;
             icon?: import('packages/styles/dist/img/icons/def').IconName | undefined;
-            width?: ("small" | "medium" | "large" | "xlarge" | "full") | undefined;
+            width?: import('./types').KdsModalWidth | undefined;
             overflow?: "hidden" | "auto" | "visible" | undefined;
-            height?: ("auto" | "full") | undefined;
-            closedby?: ("none" | "any" | "closerequest") | undefined;
+            height?: import('./types').KdsModalHeight | undefined;
+            closedby?: import('./types').KdsModalClosedBy | undefined;
             message: string;
             doNotAskAgain?: {
                 label: string;
@@ -104,7 +104,7 @@ export declare const useKdsDynamicModal: () => {
                 label: string;
                 autofocus?: boolean | undefined;
                 destructive?: boolean | undefined;
-                variant?: "filled" | "outlined" | "transparent" | undefined;
+                variant?: import('../..').KdsButtonVariant | undefined;
                 flushLeft?: boolean | undefined;
                 type: "confirm";
                 customHandler?: ((actions: {
@@ -114,7 +114,7 @@ export declare const useKdsDynamicModal: () => {
                 label: string;
                 autofocus?: boolean | undefined;
                 destructive?: boolean | undefined;
-                variant?: "filled" | "outlined" | "transparent" | undefined;
+                variant?: import('../..').KdsButtonVariant | undefined;
                 flushLeft?: boolean | undefined;
                 type: "cancel";
                 customHandler?: ((actions: {
@@ -123,18 +123,18 @@ export declare const useKdsDynamicModal: () => {
             })[] | undefined;
         } | {
             title?: string | undefined;
-            variant?: ("padded" | "plain") | undefined;
+            variant?: import('./types').KdsModalVariant | undefined;
             icon?: import('packages/styles/dist/img/icons/def').IconName | undefined;
-            width?: ("small" | "medium" | "large" | "xlarge" | "full") | undefined;
+            width?: import('./types').KdsModalWidth | undefined;
             overflow?: "hidden" | "auto" | "visible" | undefined;
-            height?: ("auto" | "full") | undefined;
-            closedby?: ("none" | "any" | "closerequest") | undefined;
+            height?: import('./types').KdsModalHeight | undefined;
+            closedby?: import('./types').KdsModalClosedBy | undefined;
             component: FunctionalComponent | ComponentPublicInstance | VNode;
             buttons?: ({
                 label: string;
                 autofocus?: boolean | undefined;
                 destructive?: boolean | undefined;
-                variant?: "filled" | "outlined" | "transparent" | undefined;
+                variant?: import('../..').KdsButtonVariant | undefined;
                 flushLeft?: boolean | undefined;
                 type: "confirm";
                 customHandler?: ((actions: {
@@ -144,7 +144,7 @@ export declare const useKdsDynamicModal: () => {
                 label: string;
                 autofocus?: boolean | undefined;
                 destructive?: boolean | undefined;
-                variant?: "filled" | "outlined" | "transparent" | undefined;
+                variant?: import('../..').KdsButtonVariant | undefined;
                 flushLeft?: boolean | undefined;
                 type: "cancel";
                 customHandler?: ((actions: {
@@ -156,12 +156,12 @@ export declare const useKdsDynamicModal: () => {
         type: "dynamic";
         value: {
             title?: string | undefined;
-            variant?: ("padded" | "plain") | undefined;
+            variant?: import('./types').KdsModalVariant | undefined;
             icon?: import('packages/styles/dist/img/icons/def').IconName | undefined;
-            width?: ("small" | "medium" | "large" | "xlarge" | "full") | undefined;
+            width?: import('./types').KdsModalWidth | undefined;
             overflow?: "hidden" | "auto" | "visible" | undefined;
-            height?: ("auto" | "full") | undefined;
-            closedby?: ("none" | "any" | "closerequest") | undefined;
+            height?: import('./types').KdsModalHeight | undefined;
+            closedby?: import('./types').KdsModalClosedBy | undefined;
             component: DynamicModalComponent<any> | FunctionalComponent<KdsDynamicModalPropsAPI<any>, {}, any, {}>;
             context?: any;
         };

package/dist/overlays/Popover/KdsPopover.vue.d.ts

@@ -19,7 +19,9 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
 }>, {
+    role: import('./types').KdsPopoverRole;
     placement: import('./types').KdsPopoverPlacement;
+    fullWidth: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     popoverEl: HTMLDivElement;
 }, HTMLDivElement>;

package/dist/overlays/Popover/KdsPopover.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"KdsPopover.vue.d.ts","sourceRoot":"","sources":["../../../src/overlays/Popover/KdsPopover.vue"],"names":[],"mappings":"AAoMA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE/C,KAAK,WAAW,GAAG,eAAe,CAAC;AAiGnC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WA6CT,OAAO,IAA6B;;yBAXrB,GAAG;;;;;;EAgB/B;AAeD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;kBAUnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"KdsPopover.vue.d.ts","sourceRoot":"","sources":["../../../src/overlays/Popover/KdsPopover.vue"],"names":[],"mappings":"AA4NA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE/C,KAAK,WAAW,GAAG,eAAe,CAAC;AAqGnC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAuDT,OAAO,IAA6B;;yBAXrB,GAAG;;;;;;EAgB/B;AAcD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;kBAUnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/overlays/Popover/enums.d.ts

@@ -0,0 +1,14 @@
+export declare const kdsPopoverPlacement: {
+    readonly TOP_LEFT: "top-left";
+    readonly TOP_RIGHT: "top-right";
+    readonly BOTTOM_LEFT: "bottom-left";
+    readonly BOTTOM_RIGHT: "bottom-right";
+};
+export declare const kdsPopoverPlacements: ("top-left" | "top-right" | "bottom-left" | "bottom-right")[];
+export declare const kdsPopoverRole: {
+    readonly DIALOG: "dialog";
+    readonly MENU: "menu";
+    readonly LISTBOX: "listbox";
+};
+export declare const kdsPopoverRoles: ("dialog" | "menu" | "listbox")[];
+//# sourceMappingURL=enums.d.ts.map

package/dist/overlays/Popover/enums.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"enums.d.ts","sourceRoot":"","sources":["../../../src/overlays/Popover/enums.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,mBAAmB;;;;;CAKtB,CAAC;AAEX,eAAO,MAAM,oBAAoB,+DAAqC,CAAC;AAEvE,eAAO,MAAM,cAAc;;;;CAIjB,CAAC;AAEX,eAAO,MAAM,eAAe,mCAAgC,CAAC"}

package/dist/overlays/Popover/index.d.ts

@@ -0,0 +1,4 @@
+export { default as KdsPopover } from './KdsPopover.vue';
+export { kdsPopoverPlacement, kdsPopoverPlacements, kdsPopoverRole, kdsPopoverRoles, } from './enums';
+export type * from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/overlays/Popover/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/overlays/Popover/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAC;AACzD,OAAO,EACL,mBAAmB,EACnB,oBAAoB,EACpB,cAAc,EACd,eAAe,GAChB,MAAM,SAAS,CAAC;AACjB,mBAAmB,SAAS,CAAC"}

package/dist/overlays/Popover/types.d.ts

@@ -1,6 +1,7 @@
 import { ComponentPublicInstance, MaybeRef } from 'vue';
-import { kdsPopoverPlacements } from './constants';
-export type KdsPopoverPlacement = (typeof kdsPopoverPlacements)[number];
+import { kdsPopoverPlacement, kdsPopoverRole } from './enums';
+export type KdsPopoverPlacement = (typeof kdsPopoverPlacement)[keyof typeof kdsPopoverPlacement];
+export type KdsPopoverRole = (typeof kdsPopoverRole)[keyof typeof kdsPopoverRole];
 export type KdsPopoverProps = {
     /**
      * Reference to the activator element (typically a button element).
@@ -15,8 +16,28 @@ export type KdsPopoverProps = {
      */
     anchorEl?: MaybeRef<HTMLElement | ComponentPublicInstance | null>;
     /**
-     * Where the popover should be positioned relative to its anchor.
+     * Placement of the popover relative to the anchor element.
+     *
+     * Format: `{side}-{edge}` where:
+     * - `side`: which side of the anchor the popover appears on (`top`, `bottom`)
+     * - `edge`: which edge of the popover aligns with the anchor's edge (`left`, `right`)
+     *
+     * @default "bottom-left"
      */
     placement?: KdsPopoverPlacement;
+    /**
+     * Role of the popover element (for accessibility).
+     *
+     * Defaults to "dialog".
+     */
+    role?: KdsPopoverRole;
+    /**
+     * When true, enforces the popover's minimum width to match the anchor element's width.
+     */
+    fullWidth?: boolean;
+    /**
+     * Optional content rendered when no default slot is provided.
+     */
+    content?: string;
 };
 //# sourceMappingURL=types.d.ts.map

package/dist/overlays/Popover/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/overlays/Popover/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,uBAAuB,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAC;AAE7D,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAEnD,MAAM,MAAM,mBAAmB,GAAG,CAAC,OAAO,oBAAoB,CAAC,CAAC,MAAM,CAAC,CAAC;AAExE,MAAM,MAAM,eAAe,GAAG;IAC5B;;;;OAIG;IACH,WAAW,EAAE,QAAQ,CAAC,WAAW,GAAG,uBAAuB,GAAG,IAAI,CAAC,CAAC;IAEpE;;;;OAIG;IACH,QAAQ,CAAC,EAAE,QAAQ,CAAC,WAAW,GAAG,uBAAuB,GAAG,IAAI,CAAC,CAAC;IAElE;;OAEG;IACH,SAAS,CAAC,EAAE,mBAAmB,CAAC;CACjC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/overlays/Popover/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,uBAAuB,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAC;AAE7D,OAAO,EAAE,mBAAmB,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAE9D,MAAM,MAAM,mBAAmB,GAC7B,CAAC,OAAO,mBAAmB,CAAC,CAAC,MAAM,OAAO,mBAAmB,CAAC,CAAC;AAEjE,MAAM,MAAM,cAAc,GACxB,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,OAAO,cAAc,CAAC,CAAC;AAEvD,MAAM,MAAM,eAAe,GAAG;IAC5B;;;;OAIG;IACH,WAAW,EAAE,QAAQ,CAAC,WAAW,GAAG,uBAAuB,GAAG,IAAI,CAAC,CAAC;IAEpE;;;;OAIG;IACH,QAAQ,CAAC,EAAE,QAAQ,CAAC,WAAW,GAAG,uBAAuB,GAAG,IAAI,CAAC,CAAC;IAElE;;;;;;;;OAQG;IACH,SAAS,CAAC,EAAE,mBAAmB,CAAC;IAEhC;;;;OAIG;IACH,IAAI,CAAC,EAAE,cAAc,CAAC;IAEtB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC"}

package/dist/overlays/index.d.ts

@@ -1,8 +1,5 @@
-export { default as KdsModal } from './Modal/KdsModal.vue';
-export { default as KdsModalLayout } from './Modal/KdsModalLayout.vue';
-export { default as KdsDynamicModalProvider } from './Modal/KdsDynamicModalProvider.vue';
-export { default as KdsPopover } from './Popover/KdsPopover.vue';
-export { type KdsDynamicDialogConfirmConfig, type KdsDynamicModalTemplateConfig, type KdsDynamicModalPropsAPI, useKdsDynamicModal, } from './Modal/useKdsDynamicModal';
-export type * from './Modal/types';
-export type * from './Popover/types';
+export * from './Modal';
+export type * from './Modal';
+export * from './Popover';
+export type * from './Popover';
 //# sourceMappingURL=index.d.ts.map

package/dist/overlays/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/overlays/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,4BAA4B,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,qCAAqC,CAAC;AACzF,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACjE,OAAO,EACL,KAAK,6BAA6B,EAClC,KAAK,6BAA6B,EAClC,KAAK,uBAAuB,EAC5B,kBAAkB,GACnB,MAAM,4BAA4B,CAAC;AAEpC,mBAAmB,eAAe,CAAC;AACnC,mBAAmB,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/overlays/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,mBAAmB,SAAS,CAAC;AAE7B,cAAc,WAAW,CAAC;AAC1B,mBAAmB,WAAW,CAAC"}

package/dist/structures/Card/KdsCard.vue.d.ts

@@ -0,0 +1,60 @@
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<({
+    modelValue?: boolean;
+} & {
+    variant?: import('./types').KdsCardVariant;
+    selectable?: boolean;
+    disabled?: boolean;
+} & {
+    ariaLabel: string;
+    ariaLabelledby?: never;
+}) | ({
+    modelValue?: boolean;
+} & {
+    variant?: import('./types').KdsCardVariant;
+    selectable?: boolean;
+    disabled?: boolean;
+} & {
+    ariaLabel?: never;
+    ariaLabelledby: string;
+}), {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: (event: MouseEvent | KeyboardEvent) => any;
+    "update:modelValue": (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<({
+    modelValue?: boolean;
+} & {
+    variant?: import('./types').KdsCardVariant;
+    selectable?: boolean;
+    disabled?: boolean;
+} & {
+    ariaLabel: string;
+    ariaLabelledby?: never;
+}) | ({
+    modelValue?: boolean;
+} & {
+    variant?: import('./types').KdsCardVariant;
+    selectable?: boolean;
+    disabled?: boolean;
+} & {
+    ariaLabel?: never;
+    ariaLabelledby: string;
+})> & Readonly<{
+    onClick?: ((event: MouseEvent | KeyboardEvent) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=KdsCard.vue.d.ts.map

package/dist/structures/Card/KdsCard.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"KdsCard.vue.d.ts","sourceRoot":"","sources":["../../../src/structures/Card/KdsCard.vue"],"names":[],"mappings":"AAiPA,iBAAS,cAAc;WA+CT,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/B;AAYD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;iBAvER,OAAO;;;;;;;;;iBAAP,OAAO;;;;;;;;;;;;iBAAP,OAAO;;;;;;;;;iBAAP,OAAO;;;;;;;;;;;6FA+ElB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/structures/Card/enums.d.ts

@@ -0,0 +1,7 @@
+export declare const kdsCardVariant: {
+    readonly FILLED: "filled";
+    readonly OUTLINED: "outlined";
+    readonly TRANSPARENT: "transparent";
+};
+export declare const kdsCardVariants: ("transparent" | "filled" | "outlined")[];
+//# sourceMappingURL=enums.d.ts.map

package/dist/structures/Card/enums.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"enums.d.ts","sourceRoot":"","sources":["../../../src/structures/Card/enums.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,cAAc;;;;CAIjB,CAAC;AAEX,eAAO,MAAM,eAAe,2CAAgC,CAAC"}

package/dist/structures/Card/index.d.ts

@@ -0,0 +1,4 @@
+export { default as KdsCard } from './KdsCard.vue';
+export type * from './types';
+export { kdsCardVariant, kdsCardVariants } from './enums';
+//# sourceMappingURL=index.d.ts.map

package/dist/structures/Card/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/structures/Card/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,eAAe,CAAC;AACnD,mBAAmB,SAAS,CAAC;AAE7B,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC"}

package/dist/structures/Card/types.d.ts

@@ -0,0 +1,69 @@
+import { kdsCardVariant } from './enums';
+export type KdsCardVariant = (typeof kdsCardVariant)[keyof typeof kdsCardVariant];
+export type KdsCardAriaProps = {
+    /**
+     * Accessible label for the card. Use this when providing a simple text label.
+     * Either ariaLabel or ariaLabelledby must be provided, but not both.
+     */
+    ariaLabel: string;
+    /**
+     * ID of an element that labels the card. Use this when the label already exists elsewhere in the DOM.
+     * Either ariaLabel or ariaLabelledby must be provided, but not both.
+     */
+    ariaLabelledby?: never;
+} | {
+    ariaLabel?: never;
+    ariaLabelledby: string;
+};
+/**
+ * Props for KdsCard component.
+ *
+ * **Important Usage Note**: Due to TypeScript limitations with discriminated unions in Vue templates,
+ * you must use `v-bind` with a properly typed object. Direct prop binding (even with hardcoded values)
+ * will cause type errors because Vue's template compiler cannot narrow discriminated unions.
+ *
+ * @example
+ * // ✅ Correct: Use v-bind with a typed object
+ * const cardProps: KdsCardProps = {
+ *   variant: "filled",
+ *   ariaLabel: "My card"
+ * };
+ * <KdsCard v-bind="cardProps">
+ *   <div>Content</div>
+ * </KdsCard>
+ *
+ * @example
+ * // ✅ Correct: In wrapper components, use computed with typed object
+ * const cardProps = computed(() => {
+ *   const base = { variant: props.variant, selectable: props.selectable };
+ *   return props.ariaLabel
+ *     ? { ...base, ariaLabel: props.ariaLabel } as KdsCardProps
+ *     : { ...base, ariaLabelledby: props.ariaLabelledby! } as KdsCardProps;
+ * });
+ * <KdsCard v-bind="cardProps" />
+ *
+ * @example
+ * // ❌ Incorrect: Direct prop binding causes type errors
+ * <KdsCard aria-label="My card" variant="filled">
+ *   <div>Content</div>
+ * </KdsCard>
+ *
+ * @example
+ * // ❌ Incorrect: Even forwarding individual props causes type errors
+ * <KdsCard :aria-label="ariaLabel" :aria-labelledby="ariaLabelledby" />
+ */
+export type KdsCardProps = {
+    /**
+     * The visual style of the card container
+     */
+    variant?: KdsCardVariant;
+    /**
+     * Whether the card can be selected
+     */
+    selectable?: boolean;
+    /**
+     * Whether the card is disabled. When disabled, the card cannot be clicked or focused.
+     */
+    disabled?: boolean;
+} & KdsCardAriaProps;
+//# sourceMappingURL=types.d.ts.map

package/dist/structures/Card/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/structures/Card/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAEzC,MAAM,MAAM,cAAc,GACxB,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,OAAO,cAAc,CAAC,CAAC;AAEvD,MAAM,MAAM,gBAAgB,GACxB;IACE;;;OAGG;IACH,SAAS,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,cAAc,CAAC,EAAE,KAAK,CAAC;CACxB,GACD;IACE,SAAS,CAAC,EAAE,KAAK,CAAC;IAClB,cAAc,EAAE,MAAM,CAAC;CACxB,CAAC;AAEN;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoCG;AACH,MAAM,MAAM,YAAY,GAAG;IACzB;;OAEG;IACH,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,gBAAgB,CAAC"}