@cloudoperators/juno-ui-components 6.0.0 → 6.1.1

package/build/components/NativeSelectOption/NativeSelectOption.component.d.ts

@@ -1,5 +1,5 @@
-import { default as React } from 'react';
-export interface NativeSelectOptionProps extends Omit<React.OptionHTMLAttributes<HTMLOptionElement>, "label" | "value"> {
+import { OptionHTMLAttributes, ReactNode } from 'react';
+export interface NativeSelectOptionProps extends Omit<OptionHTMLAttributes<HTMLOptionElement>, "label" | "value"> {
     /**
      * A visible label for the option.
      * It will be displayed to the user in the dropdown.
@@ -13,16 +13,20 @@ export interface NativeSelectOptionProps extends Omit<React.OptionHTMLAttributes
     /**
      * Determines whether the option is disabled.
      * If true, the option will be unselectable.
+     * @default false
      */
     disabled?: boolean;
     /**
      * Additional CSS classes to apply to the option for custom styling.
+     * @default ""
      */
     className?: string;
 }
 /**
- * The NativeSelectOption component represents an individual option in a dropdown list.
- * It should be used inside the NativeSelect component to define each option.
+ * The `NativeSelectOption` represents individual options within a dropdown list
+ * for use in `NativeSelect`, offering label-value pairs with optional disable state.
+ * @see https://cloudoperators.github.io/juno/?path=/docs/forms-nativeselect-nativeselectoption--docs
+ * @see {@link NativeSelectOptionProps}
  */
-export declare const NativeSelectOption: React.FC<NativeSelectOptionProps>;
+export declare const NativeSelectOption: ({ value, label, disabled, className, ...props }: NativeSelectOptionProps) => ReactNode;
 //# sourceMappingURL=NativeSelectOption.component.d.ts.map

package/build/components/NativeSelectOption/NativeSelectOption.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NativeSelectOption.component.d.ts","sourceRoot":"","sources":["../../../src/components/NativeSelectOption/NativeSelectOption.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,WAAW,uBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IAC9E;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAEvB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAEvB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;;GAGG;AACH,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAYhE,CAAA"}
+{"version":3,"file":"NativeSelectOption.component.d.ts","sourceRoot":"","sources":["../../../src/components/NativeSelectOption/NativeSelectOption.component.tsx"],"names":[],"mappings":"AAKA,OAAc,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAE9D,MAAM,WAAW,uBAAwB,SAAQ,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IAC/G;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAEvB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAEvB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;;;;GAKG;AACH,eAAO,MAAM,kBAAkB,GAAI,iDAMhC,uBAAuB,KAAG,SAM5B,CAAA"}

package/build/components/NativeSelectOptionGroup/NativeSelectOptionGroup.component.d.ts

@@ -1,5 +1,5 @@
-import { default as React } from 'react';
-export interface NativeSelectOptionGroupProps extends React.OptgroupHTMLAttributes<HTMLOptGroupElement> {
+import { OptgroupHTMLAttributes, ReactNode } from 'react';
+export interface NativeSelectOptionGroupProps extends OptgroupHTMLAttributes<HTMLOptGroupElement> {
     /**
      * A visible label for the option group.
      * It will be displayed as the group heading in the dropdown.
@@ -8,21 +8,25 @@ export interface NativeSelectOptionGroupProps extends React.OptgroupHTMLAttribut
     /**
      * Determines whether the option group is disabled.
      * If true, all options within the group will also be disabled.
+     * @default false
      */
     disabled?: boolean;
     /**
      * Additional CSS classes to apply to the option group for custom styling.
+     * @default ""
      */
     className?: string;
     /**
      * Elements to be rendered within the option group.
      * Typically, these should be NativeSelectOption components.
      */
-    children?: React.ReactNode;
+    children?: ReactNode;
 }
 /**
- * The NativeSelectOptionGroup component groups related options within a dropdown list.
- * It should be used inside the <NativeSelect> component to group <NativeSelectOption> components.
+ * The `NativeSelectOptionGroup` categorizes related options within a dropdown list,
+ * enhancing semantic groupings for larger datasets in `NativeSelect`.
+ * @see https://cloudoperators.github.io/juno/?path=/docs/forms-nativeselect-nativeselectoptiongroup--docs
+ * @see {@link NativeSelectOptionGroupProps}
  */
-export declare const NativeSelectOptionGroup: React.FC<NativeSelectOptionGroupProps>;
+export declare const NativeSelectOptionGroup: ({ label, disabled, className, children, ...props }: NativeSelectOptionGroupProps) => ReactNode;
 //# sourceMappingURL=NativeSelectOptionGroup.component.d.ts.map

package/build/components/NativeSelectOptionGroup/NativeSelectOptionGroup.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NativeSelectOptionGroup.component.d.ts","sourceRoot":"","sources":["../../../src/components/NativeSelectOptionGroup/NativeSelectOptionGroup.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,WAAW,4BAA6B,SAAQ,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC;IACrG;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B;AAED;;;GAGG;AACH,eAAO,MAAM,uBAAuB,EAAE,KAAK,CAAC,EAAE,CAAC,4BAA4B,CAY1E,CAAA"}
+{"version":3,"file":"NativeSelectOptionGroup.component.d.ts","sourceRoot":"","sources":["../../../src/components/NativeSelectOptionGroup/NativeSelectOptionGroup.component.tsx"],"names":[],"mappings":"AAKA,OAAc,EAAE,sBAAsB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEhE,MAAM,WAAW,4BAA6B,SAAQ,sBAAsB,CAAC,mBAAmB,CAAC;IAC/F;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED;;;;;GAKG;AACH,eAAO,MAAM,uBAAuB,GAAI,oDAMrC,4BAA4B,KAAG,SAMjC,CAAA"}

package/build/components/Navigation/Navigation.component.d.ts

@@ -1,4 +1,4 @@
-import { default as React, ReactNode } from 'react';
+import { default as React, ReactNode, HTMLAttributes } from 'react';
 type ItemChangeHandler = (value: ReactNode) => void;
 type AddItemFunction = (key: ReactNode, children: ReactNode, label: string, value: string) => void;
 export interface NavigationContextType {
@@ -9,20 +9,40 @@ export interface NavigationContextType {
     navigationRole?: string;
 }
 export declare const NavigationContext: React.Context<NavigationContextType | undefined>;
-/** A generic Navigation component providing all the necessary functionality for a navigation. For internal use only. Not to be used directly, but to be wrapped by more role-specific / semantic navigation components such as `TabNavigation`, `TopNavigation`, `SideNavigation`. */
-export declare const Navigation: React.FC<NavigationProps>;
-export interface NavigationProps extends React.HTMLAttributes<HTMLUListElement> {
-    /** The currently active item. Pass the `value`, `label` prop, or the child string of the respective NavigationItem. */
+/**
+ * A generic `Navigation` component that offers context-managed item selection,
+ * designed for internal use with semantic wrappers like `SideNavigation`,
+ * `TabNavigation`, and `TopNavigation`.
+ * @see https://cloudoperators.github.io/juno/?path=/docs/internal-navigation--docs
+ * @see {@link NavigationProps}
+ */
+export declare const Navigation: ({ activeItem, ariaLabel, children, className, disabled, onActiveItemChange, ...props }: NavigationProps) => ReactNode;
+export interface NavigationProps extends HTMLAttributes<HTMLUListElement> {
+    /**
+     * The currently active item. Pass the `value`, `label` prop, or the child string of the respective NavigationItem.
+     */
     activeItem?: ReactNode;
-    /** The aria label of the navigation */
+    /**
+     * The aria label of the navigation for accessibility purposes.
+     */
     ariaLabel?: string;
-    /** The child navigation items of the navigation  */
+    /**
+     * The child navigation items to be rendered within the navigation component.
+     */
     children?: ReactNode;
-    /** Pass a custom className to the navigation parent element */
+    /**
+     * Pass a custom className to the navigation parent element.
+     * @default ""
+     */
     className?: string;
-    /** Whether the navigation is disabled. Will disable all children. */
+    /**
+     * Whether the navigation is disabled, affecting interactivity for all children.
+     * @default false
+     */
     disabled?: boolean;
-    /** Handler to execute when the active item changes. */
+    /**
+     * Handler to execute when the active item changes.
+     */
     onActiveItemChange?: ItemChangeHandler;
 }
 export {};

package/build/components/Navigation/Navigation.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Navigation.component.d.ts","sourceRoot":"","sources":["../../../src/components/Navigation/Navigation.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAAsC,SAAS,EAAE,MAAM,OAAO,CAAA;AAG5E,KAAK,iBAAiB,GAAG,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAA;AAGnD,KAAK,eAAe,GAAG,CAAC,GAAG,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;AAIlG,MAAM,WAAW,qBAAqB;IACpC,UAAU,CAAC,EAAE,SAAS,CAAA;IACtB,OAAO,CAAC,EAAE,eAAe,CAAA;IACzB,sBAAsB,CAAC,EAAE,iBAAiB,CAAA;IAC1C,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB;AAED,eAAO,MAAM,iBAAiB,kDAA8D,CAAA;AAY5F,sRAAsR;AACtR,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA2FhD,CAAA;AAED,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC;IAC7E,uHAAuH;IACvH,UAAU,CAAC,EAAE,SAAS,CAAA;IACtB,uCAAuC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,oDAAoD;IACpD,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,+DAA+D;IAC/D,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,qEAAqE;IACrE,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,uDAAuD;IACvD,kBAAkB,CAAC,EAAE,iBAAiB,CAAA;CACvC"}
+{"version":3,"file":"Navigation.component.d.ts","sourceRoot":"","sources":["../../../src/components/Navigation/Navigation.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAAsC,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAG5F,KAAK,iBAAiB,GAAG,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAA;AAGnD,KAAK,eAAe,GAAG,CAAC,GAAG,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;AAIlG,MAAM,WAAW,qBAAqB;IACpC,UAAU,CAAC,EAAE,SAAS,CAAA;IACtB,OAAO,CAAC,EAAE,eAAe,CAAA;IACzB,sBAAsB,CAAC,EAAE,iBAAiB,CAAA;IAC1C,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB;AAED,eAAO,MAAM,iBAAiB,kDAA8D,CAAA;AAY5F;;;;;;GAMG;AACH,eAAO,MAAM,UAAU,GAAI,wFAQxB,eAAe,KAAG,SAmFpB,CAAA;AAED,MAAM,WAAW,eAAgB,SAAQ,cAAc,CAAC,gBAAgB,CAAC;IACvE;;OAEG;IACH,UAAU,CAAC,EAAE,SAAS,CAAA;IAEtB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAA;IAEpB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,kBAAkB,CAAC,EAAE,iBAAiB,CAAA;CACvC"}

package/build/components/NavigationItem/NavigationItem.component.d.ts

@@ -1,32 +1,71 @@
-import { default as React, ReactNode } from 'react';
+import { ReactNode, HTMLAttributes, MouseEventHandler } from 'react';
 import { KnownIcons } from '../Icon/Icon.component';
-/** A generic Navigation Item component. For internal use only. Use to wrap more semantic, role-specific navigation item components such as `SidenavigationItem`, `TabNavigationItem` , `TopNavigationItem` around. */
-export declare const NavigationItem: React.FC<NavigationItemProps>;
-export interface NavigationItemProps extends React.HTMLAttributes<HTMLElement> {
-    /** Whether the navigation item is the currently active item. If an acitve item is set on the parent, the one on the parent will win. */
+/**
+ * `NavigationItem` acts as a singular navigational unit within a `Navigation`,
+ * offering styles for active and inactive states, and supporting disabled
+ * interactions internally.
+ * @see https://cloudoperators.github.io/juno/?path=/docs/internal-navigation-navigationitem--docs
+ * @see {@link NavigationItemProps}
+ */
+export declare const NavigationItem: ({ active, activeItemStyles, ariaLabel, children, className, disabled, icon, inactiveItemStyles, label, href, onClick, value, wrapperClassName, ...props }: NavigationItemProps) => ReactNode;
+export interface NavigationItemProps extends HTMLAttributes<HTMLElement> {
+    /**
+     * Whether the navigation item is the currently active item. If an active item is set on the parent, the one on the parent will win.
+     * @default false
+     */
     active?: boolean;
-    /** Styles to apply to the active item*/
+    /**
+     * Styles to apply when the item is active.
+     * @default ""
+     */
     activeItemStyles?: string;
-    /** The aria-label of the item */
+    /**
+     * The aria-label of the item for accessibility.
+     */
     ariaLabel?: string;
-    /** Pass custom classNames to the item itself. */
+    /**
+     * Pass custom classNames to the item itself.
+     * @default ""
+     */
     className?: string;
-    /** The child string of the item. Will override `label` when passed. */
+    /**
+     * The child nodes of the item, overriding `label` if specified.
+     */
     children?: ReactNode;
-    /** Whether the item is disabled */
+    /**
+     * Determines if the item is disabled.
+     * @default false
+     */
     disabled?: boolean;
-    /** An icon to render in the item */
+    /**
+     * An icon to render within the item for visual indication.
+     */
     icon?: KnownIcons;
+    /**
+     * Styles applied to inactive items, ensuring differentiation from active.
+     * @default ""
+     */
     inactiveItemStyles?: string;
-    /** The label of the item. Will be rendered if no children are passed */
+    /**
+     * The label of the item, displayed if `children` are not provided.
+     */
     label?: string;
-    /** The href of the item. The item will be rendered as an `<a>` element when passed, instead of a `<button>`.  */
+    /**
+     * Presence transforms the item into an anchor, enabling navigation.
+     */
     href?: string;
-    /** Handler to execute when the item is clicked */
-    onClick?: React.MouseEventHandler<EventTarget>;
-    /** The value of the item as a technical identifier. Use if needed to be different from the visble `label` or child string. Will only be rendered when no `label` prop and no children are passed. */
+    /**
+     * Handler executed during item clicks for operational logic.
+     */
+    onClick?: MouseEventHandler<EventTarget>;
+    /**
+     * Value for technical/item identification purposes, utilized when differing from `label` or child strings.
+     */
     value?: string;
-    /** Pass a custom className to the parent `<li>` element of the item. */
+    /**
+     * Pass className to parent `<li>` element, styling the container.
+     * @default ""
+     */
     wrapperClassName?: string;
 }
 //# sourceMappingURL=NavigationItem.component.d.ts.map

package/build/components/NavigationItem/NavigationItem.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationItem.component.d.ts","sourceRoot":"","sources":["../../../src/components/NavigationItem/NavigationItem.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAAmC,SAAS,EAAE,MAAM,OAAO,CAAA;AAGzE,OAAO,EAAQ,UAAU,EAAE,MAAM,wBAAwB,CAAA;AAYzD,sNAAsN;AACtN,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAgIxD,CAAA;AAED,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IAC5E,wIAAwI;IACxI,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,wCAAwC;IACxC,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,iCAAiC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,iDAAiD;IACjD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,uEAAuE;IACvE,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,mCAAmC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,oCAAoC;IACpC,IAAI,CAAC,EAAE,UAAU,CAAA;IAEjB,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,wEAAwE;IACxE,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,iHAAiH;IACjH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,kDAAkD;IAClD,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAA;IAC9C,qMAAqM;IACrM,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,wEAAwE;IACxE,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B"}
+{"version":3,"file":"NavigationItem.component.d.ts","sourceRoot":"","sources":["../../../src/components/NavigationItem/NavigationItem.component.tsx"],"names":[],"mappings":"AAKA,OAAc,EAAmC,SAAS,EAAc,cAAc,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAGxH,OAAO,EAAQ,UAAU,EAAE,MAAM,wBAAwB,CAAA;AAYzD;;;;;;GAMG;AACH,eAAO,MAAM,cAAc,GAAI,2JAe5B,mBAAmB,KAAG,SAiHxB,CAAA;AAED,MAAM,WAAW,mBAAoB,SAAQ,cAAc,CAAC,WAAW,CAAC;IACtE;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAEhB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAA;IAEzB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAA;IAEpB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,IAAI,CAAC,EAAE,UAAU,CAAA;IAEjB;;;OAGG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAE3B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IAEb;;OAEG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC,WAAW,CAAC,CAAA;IAExC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;;OAGG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B"}

package/build/components/PageFooter/PageFooter.component.d.ts

@@ -1,8 +1,11 @@
-import { default as React } from 'react';
-export interface PageFooterProps extends React.HTMLAttributes<HTMLDivElement> {
-    /** Additional custom styling class name for the footer container */
+import { HTMLAttributes, ReactNode } from 'react';
+export interface PageFooterProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * Additional custom styling class name for the footer container.
+     * @default ""
+     */
     className?: string;
-    /** The content to render inside the footer, typically links or informational text
+    /** The content to render inside the footer, typically links or informational text.
      * Use a list structure e.g. `<ul>` with `<li>` for grouped content or links, as in examples.
      * Available CSS classes for styling:
      * - `.juno-pagefooter-title`: Style for a title element within a column.
@@ -10,15 +13,18 @@ export interface PageFooterProps extends React.HTMLAttributes<HTMLDivElement> {
      * - `.juno-pagefooter-items-inline`: Style for a single line list with pipe separators.
      * - `.juno-pagefooter-item`: Style for individual list items.
      */
-    children?: React.ReactNode;
-    /** Optional copyright notice to display within the footer */
+    children?: ReactNode;
+    /**
+     * Optional copyright notice to display within the footer.
+     * @default ""
+     */
     copyright?: string;
 }
 /**
- * PageFooter component renders a footer at the bottom of the page.
- * It consists of a flexible content area for children and an optional copyright section.
- * Usage:
- * The component can be used to add legal disclaimers, links, or other contextual information at the page's footer.
+ * `PageFooter` component renders a footer at the bottom of the page.
+ * It can include links, informational text, and an optional copyright notice.
+ * @see https://cloudoperators.github.io/juno/?path=/docs/layout-pagefooter--docs
+ * @see {@link PageFooterProps}
  */
-export declare const PageFooter: React.FC<PageFooterProps>;
+export declare const PageFooter: ({ className, children, copyright, ...props }: PageFooterProps) => ReactNode;
 //# sourceMappingURL=PageFooter.component.d.ts.map

package/build/components/PageFooter/PageFooter.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PageFooter.component.d.ts","sourceRoot":"","sources":["../../../src/components/PageFooter/PageFooter.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,mBAAmB,CAAA;AAa1B,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC3E,oEAAoE;IACpE,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;;;;;;OAOG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,6DAA6D;IAC7D,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;;;;GAKG;AACH,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAShD,CAAA"}
+{"version":3,"file":"PageFooter.component.d.ts","sourceRoot":"","sources":["../../../src/components/PageFooter/PageFooter.component.tsx"],"names":[],"mappings":"AAKA,OAAc,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACxD,OAAO,mBAAmB,CAAA;AAa1B,MAAM,WAAW,eAAgB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACrE;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;;;;;;OAOG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;;;;GAKG;AACH,eAAO,MAAM,UAAU,GAAI,8CAAwD,eAAe,KAAG,SASpG,CAAA"}

package/build/components/PageFooter/PageFooter.stories.d.ts

@@ -2,7 +2,7 @@ import { default as React } from 'react';
 import { PageFooterProps } from './index';
 declare const _default: {
     title: string;
-    component: React.FC<PageFooterProps>;
+    component: ({ className, children, copyright, ...props }: PageFooterProps) => React.ReactNode;
     argTypes: {
         children: {
             control: boolean;

package/build/components/PageHeader/PageHeader.component.d.ts

@@ -1,38 +1,43 @@
-import { default as React, ReactElement, ReactNode } from 'react';
+import { HTMLAttributes, MouseEventHandler, ReactElement, ReactNode } from 'react';
 /**
- * The `PageHeader` component renders a header for an application with customisable `logo`, `title` and other options.
- * Ideally, the custom logo component should return an `<img />` or an inline `<svg>` element.
- * When using SVG, ensure the file is optimized to eliminate any superfluous elements or data that can contribute to increased file size and reduced performance. `Svgo` is a great tool to optimize `svg` files. Make sure the `viewBox` element is not removed when optimizing a file for usage a a header logo.
- * Pass as prop to `AppShell` so it gets slotted into the correct place in the layout. If building your layout manually without `AppShell` place as first child of AppBody.
+ * `PageHeader` component renders the top header of an application.
+ * It includes customizable `logo`, `title`, and other options.
+ * @see https://cloudoperators.github.io/juno/?path=/docs/layout-pageheader--docs
+ * @see {@link PageHeaderProps}
  */
-export declare const PageHeader: React.FC<PageHeaderProps>;
-export interface PageHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
+export declare const PageHeader: ({ heading, applicationName, href, className, logo, children, onClick, ...props }: PageHeaderProps) => ReactNode;
+export interface PageHeaderProps extends HTMLAttributes<HTMLDivElement> {
     /**
      * Name of the application.
+     * @default ""
      */
     applicationName?: string | ReactElement;
     /**
-     * @deprecated - Replaced by `applicationName`. If `applicationName` is provided, it will take precedence.
+     * Deprecated - Replaced by `applicationName`. If `applicationName` is provided, it takes precedence.
+     * @default ""
      */
     heading?: string | ReactElement;
     /**
-     * Link to open when applicationName or logo is clicked. If `onClick` is provided, it will take precedence.
+     * Link to open when applicationName or logo is clicked.
+     * @default ""
      */
     href?: string;
     /**
      * Custom class names.
+     * @default ""
      */
     className?: string;
     /**
      * Application logo.
+     * @default true
      */
     logo?: boolean | ReactElement;
     /**
-     * Handler executed when `applicationName` or `logo` are clicked.
+     * Handler executed on click of `applicationName` or `logo`.
      */
-    onClick?: React.MouseEventHandler<HTMLDivElement>;
+    onClick?: MouseEventHandler<HTMLDivElement>;
     /**
-     * Children to render in the header such as user name, avatar, log-in/out button, etc.
+     * Children to render in header like user info, avatar, log-in/out button, etc.
      */
     children?: ReactNode;
 }

package/build/components/PageHeader/PageHeader.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PageHeader.component.d.ts","sourceRoot":"","sources":["../../../src/components/PageHeader/PageHeader.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AA0DtD;;;;;GAKG;AAEH,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA4ChD,CAAA;AAED,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC3E;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,GAAG,YAAY,CAAA;IACvC;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,YAAY,CAAA;IAC/B;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,YAAY,CAAA;IAC7B;;OAEG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAAC,CAAA;IACjD;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB"}
+{"version":3,"file":"PageHeader.component.d.ts","sourceRoot":"","sources":["../../../src/components/PageHeader/PageHeader.component.tsx"],"names":[],"mappings":"AAKA,OAAc,EAAE,cAAc,EAAkB,iBAAiB,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AA0DzG;;;;;GAKG;AAEH,eAAO,MAAM,UAAU,GAAI,kFASxB,eAAe,KAAG,SAmCpB,CAAA;AAED,MAAM,WAAW,eAAgB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACrE;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,GAAG,YAAY,CAAA;IACvC;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,YAAY,CAAA;IAC/B;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,YAAY,CAAA;IAC7B;;OAEG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC,cAAc,CAAC,CAAA;IAC3C;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB"}

package/build/components/Pagination/Pagination.component.d.ts

@@ -1,5 +1,5 @@
-import { default as React } from 'react';
-export type PaginationProps = Omit<React.HTMLAttributes<HTMLDivElement>, "onBlur"> & {
+import { HTMLAttributes, ReactNode } from 'react';
+export type PaginationProps = Omit<HTMLAttributes<HTMLDivElement>, "onBlur"> & {
     /**
      * The variant determines the style and user interaction method of the Pagination component:
      * - "default": Renders previous and next buttons only.
@@ -67,6 +67,8 @@ export type PaginationProps = Omit<React.HTMLAttributes<HTMLDivElement>, "onBlur
 };
 /**
  * The Pagination component provides navigation controls for paginated content.
+ * @see https://cloudoperators.github.io/juno/?path=/docs/components-pagination--docs
+ * @see {@link PaginationProps}
  */
-export declare const Pagination: React.FC<PaginationProps>;
+export declare const Pagination: ({ variant, currentPage, totalPages, pages, disabled, isFirstPage, isLastPage, onPressPrevious, onPressNext, onSelectChange, onInputChange, onKeyPress, onBlur, progress, className, ...props }: PaginationProps) => ReactNode;
 //# sourceMappingURL=Pagination.component.d.ts.map

package/build/components/Pagination/Pagination.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Pagination.component.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/Pagination.component.tsx"],"names":[],"mappings":"AAOA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAkBlD,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,QAAQ,CAAC,GAAG;IACnF;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnD;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB;;OAEG;IACH,eAAe,CAAC,EAAE,CAAC,OAAO,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IAC5C;;OAEG;IACH,WAAW,CAAC,EAAE,CAAC,OAAO,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IACxC;;OAEG;IACH,cAAc,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;IAC3C;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,UAAU,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IAC7C;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,kBAAkB,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IAClD;;OAEG;IACH,MAAM,CAAC,EAAE,CAAC,kBAAkB,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IAC9C;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAuMhD,CAAA"}
+{"version":3,"file":"Pagination.component.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/Pagination.component.tsx"],"names":[],"mappings":"AAOA,OAAc,EAAe,cAAc,EAAE,SAAS,EAAsC,MAAM,OAAO,CAAA;AAkBzG,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,QAAQ,CAAC,GAAG;IAC7E;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnD;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB;;OAEG;IACH,eAAe,CAAC,EAAE,CAAC,OAAO,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IAC5C;;OAEG;IACH,WAAW,CAAC,EAAE,CAAC,OAAO,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IACxC;;OAEG;IACH,cAAc,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;IAC3C;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,UAAU,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IAC7C;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,kBAAkB,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IAClD;;OAEG;IACH,MAAM,CAAC,EAAE,CAAC,kBAAkB,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IAC9C;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,UAAU,GAAI,gMAiBxB,eAAe,KAAG,SAsLpB,CAAA"}

package/build/components/Panel/Panel.component.d.ts

@@ -1,4 +1,4 @@
-import { FC, HTMLAttributes, ReactNode, MouseEventHandler } from 'react';
+import { HTMLAttributes, ReactNode, MouseEventHandler } from 'react';
 type PanelSize = "default" | "large";
 export interface PanelProps extends HTMLAttributes<HTMLDivElement> {
     /**
@@ -33,7 +33,9 @@ export interface PanelProps extends HTMLAttributes<HTMLDivElement> {
 /**
  * A Panel component that slides in from the right side of the screen.
  * It can be used to display additional content/controls for the content area.
+ * @see https://cloudoperators.github.io/juno/?path=/docs/layout-panel-panel--docs
+ * @see {@link PanelProps}
  */
-export declare const Panel: FC<PanelProps>;
+export declare const Panel: ({ heading, size, opened, closeable, onClose, className, children, ...props }: PanelProps) => ReactNode;
 export {};
 //# sourceMappingURL=Panel.component.d.ts.map

package/build/components/Panel/Panel.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Panel.component.d.ts","sourceRoot":"","sources":["../../../src/components/Panel/Panel.component.tsx"],"names":[],"mappings":"AAKA,OAAc,EAA+B,EAAE,EAAE,cAAc,EAAE,SAAS,EAAc,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAsDxH,KAAK,SAAS,GAAG,SAAS,GAAG,OAAO,CAAA;AAEpC,MAAM,WAAW,UAAW,SAAQ,cAAc,CAAC,cAAc,CAAC;IAChE;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;;OAEG;IAEH,OAAO,CAAC,EAAE,iBAAiB,CAAC,WAAW,CAAC,CAAA;IACxC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED;;;GAGG;AACH,eAAO,MAAM,KAAK,EAAE,EAAE,CAAC,UAAU,CA8DhC,CAAA"}
+{"version":3,"file":"Panel.component.d.ts","sourceRoot":"","sources":["../../../src/components/Panel/Panel.component.tsx"],"names":[],"mappings":"AAKA,OAAc,EAA+B,cAAc,EAAE,SAAS,EAAc,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAsDpH,KAAK,SAAS,GAAG,SAAS,GAAG,OAAO,CAAA;AAEpC,MAAM,WAAW,UAAW,SAAQ,cAAc,CAAC,cAAc,CAAC;IAChE;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;;OAEG;IAEH,OAAO,CAAC,EAAE,iBAAiB,CAAC,WAAW,CAAC,CAAA;IACxC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED;;;;;GAKG;AACH,eAAO,MAAM,KAAK,GAAI,8EASnB,UAAU,KAAG,SAqDf,CAAA"}

package/build/components/PanelBody/PanelBody.component.d.ts

@@ -1,4 +1,4 @@
-import { default as React, ReactNode, ReactElement, HTMLAttributes } from 'react';
+import { ReactNode, ReactElement, HTMLAttributes } from 'react';
 export interface PanelBodyProps extends HTMLAttributes<HTMLDivElement> {
     /**
      * Additional CSS classes to apply to the panel body for custom styling.
@@ -18,6 +18,8 @@ export interface PanelBodyProps extends HTMLAttributes<HTMLDivElement> {
 /**
  * A PanelBody component is used to encapsulate the main content of a panel.
  * The primary content for the panel, such as forms or information, is rendered here.
+ * @see https://cloudoperators.github.io/juno/?path=/docs/layout-panel-panelbody--docs
+ * @see {@link PanelBodyProps}
  */
-export declare const PanelBody: React.FC<PanelBodyProps>;
+export declare const PanelBody: ({ className, footer, children, ...props }: PanelBodyProps) => ReactNode;
 //# sourceMappingURL=PanelBody.component.d.ts.map

package/build/components/PanelBody/PanelBody.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PanelBody.component.d.ts","sourceRoot":"","sources":["../../../src/components/PanelBody/PanelBody.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAOtE,MAAM,WAAW,cAAe,SAAQ,cAAc,CAAC,cAAc,CAAC;IACpE;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAA;IAEpB;;;OAGG;IACH,MAAM,CAAC,EAAE,YAAY,CAAA;CACtB;AAED;;;GAGG;AACH,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAO9C,CAAA"}
+{"version":3,"file":"PanelBody.component.d.ts","sourceRoot":"","sources":["../../../src/components/PanelBody/PanelBody.component.tsx"],"names":[],"mappings":"AAKA,OAAc,EAAE,SAAS,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAOtE,MAAM,WAAW,cAAe,SAAQ,cAAc,CAAC,cAAc,CAAC;IACpE;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAA;IAEpB;;;OAGG;IACH,MAAM,CAAC,EAAE,YAAY,CAAA;CACtB;AAED;;;;;GAKG;AACH,eAAO,MAAM,SAAS,GAAI,2CAAgD,cAAc,KAAG,SAO1F,CAAA"}

package/build/components/PanelFooter/PanelFooter.component.d.ts

@@ -1,4 +1,4 @@
-import { default as React, ReactNode, HTMLAttributes } from 'react';
+import { ReactNode, HTMLAttributes } from 'react';
 export interface PanelFooterProps extends HTMLAttributes<HTMLDivElement> {
     /**
      * Additional CSS classes to apply to the panel footer for custom styling.
@@ -14,6 +14,8 @@ export interface PanelFooterProps extends HTMLAttributes<HTMLDivElement> {
  * The PanelFooter component renders the footer section of a panel.
  * Typically used to contain footer elements like buttons, which can be added to the PanelBody component via its `footer` property.
  * Buttons placed inside will be automatically aligned to the right.
+ * @see https://cloudoperators.github.io/juno/?path=/docs/layout-panel-panelfooter--docs
+ * @see {@link PanelFooterProps}
  */
-export declare const PanelFooter: React.FC<PanelFooterProps>;
+export declare const PanelFooter: ({ className, children, ...props }: PanelFooterProps) => ReactNode;
 //# sourceMappingURL=PanelFooter.component.d.ts.map

package/build/components/PanelFooter/PanelFooter.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PanelFooter.component.d.ts","sourceRoot":"","sources":["../../../src/components/PanelFooter/PanelFooter.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAcxD,MAAM,WAAW,gBAAiB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACtE;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED;;;;GAIG;AACH,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAMlD,CAAA"}
+{"version":3,"file":"PanelFooter.component.d.ts","sourceRoot":"","sources":["../../../src/components/PanelFooter/PanelFooter.component.tsx"],"names":[],"mappings":"AAKA,OAAc,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAcxD,MAAM,WAAW,gBAAiB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACtE;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED;;;;;;GAMG;AACH,eAAO,MAAM,WAAW,GAAI,mCAAwC,gBAAgB,KAAG,SAMtF,CAAA"}

package/build/components/Pill/Pill.component.d.ts

@@ -1,10 +1,12 @@
-import { default as React, FC } from 'react';
-type EventHandler = (event: React.MouseEvent<HTMLElement>, id: string) => void;
+import { HTMLAttributes, ReactNode, MouseEvent } from 'react';
+type EventHandler = (event: MouseEvent<HTMLElement>, id: string) => void;
 /**
-A Pill to represent a value, or key and value. Can e.g. be used to represent selected filter values in a filter component. Can optionally be closed. On close the uid, if provided, or the pillKey is returned in the callback.
+ * A Pill to represent a value, or key and value. Can e.g. be used to represent selected filter values in a filter component. Can optionally be closed. On close the uid, if provided, or the pillKey is returned in the callback.
+ * @see https://cloudoperators.github.io/juno/?path=/docs/components-pill--docs
+ * @see {@link PillProps}
  */
-export declare const Pill: FC<PillProps>;
-export interface PillProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onClick"> {
+export declare const Pill: ({ uid, pillKey, pillKeyLabel, pillValue, pillValueLabel, closeable, onClick, onClose, className, ...props }: PillProps) => ReactNode;
+export interface PillProps extends Omit<HTMLAttributes<HTMLDivElement>, "onClick"> {
     /** The unique identifier of the pill. Returned by the onClose callback */
     uid?: string;
     /** The key of the filter the pill represents. Returned by the onClose callback if uid undefined. Optional. */

package/build/components/Pill/Pill.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Pill.component.d.ts","sourceRoot":"","sources":["../../../src/components/Pill/Pill.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAIjC,KAAK,YAAY,GAAG,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,EAAE,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;AAyC9E;;GAEG;AACH,eAAO,MAAM,IAAI,EAAE,EAAE,CAAC,SAAS,CAuC9B,CAAA;AAED,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,SAAS,CAAC;IACtF,0EAA0E;IAC1E,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,8GAA8G;IAC9G,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,wFAAwF;IACxF,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,6GAA6G;IAC7G,SAAS,EAAE,MAAM,CAAA;IACjB,4FAA4F;IAC5F,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,2CAA2C;IAC3C,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,yIAAyI;IACzI,OAAO,CAAC,EAAE,YAAY,CAAA;IACtB,2KAA2K;IAC3K,OAAO,CAAC,EAAE,YAAY,CAAA;CACvB"}
+{"version":3,"file":"Pill.component.d.ts","sourceRoot":"","sources":["../../../src/components/Pill/Pill.component.tsx"],"names":[],"mappings":"AAKA,OAAc,EAAE,cAAc,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAIpE,KAAK,YAAY,GAAG,CAAC,KAAK,EAAE,UAAU,CAAC,WAAW,CAAC,EAAE,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;AAyCxE;;;;GAIG;AACH,eAAO,MAAM,IAAI,GAAI,6GAWlB,SAAS,KAAG,SA4Bd,CAAA;AAED,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,SAAS,CAAC;IAChF,0EAA0E;IAC1E,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,8GAA8G;IAC9G,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,wFAAwF;IACxF,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,6GAA6G;IAC7G,SAAS,EAAE,MAAM,CAAA;IACjB,4FAA4F;IAC5F,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,2CAA2C;IAC3C,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,yIAAyI;IACzI,OAAO,CAAC,EAAE,YAAY,CAAA;IACtB,2KAA2K;IAC3K,OAAO,CAAC,EAAE,YAAY,CAAA;CACvB"}

package/build/components/PopupMenu/PopupMenu.component.d.ts

@@ -1,16 +1,11 @@
-import { default as React, ReactNode } from 'react';
-import { Menu as HeadlessMenu, MenuButton, MenuItem } from '@headlessui/react';
+import { default as React, ReactNode, HTMLAttributes, ElementType, ComponentPropsWithRef, Key } from 'react';
 import { KnownIcons } from '../Icon/Icon.component';
 export interface PopupMenuContextType {
     close: () => void;
     isOpen: boolean;
     menuSize: "normal" | "small";
 }
-export interface PopupMenuProps extends React.ComponentProps<typeof HeadlessMenu> {
-    /** The children to render. If no PopupMenu.Toggle child is passed, PopupMenu will render a default toggle. Pass a PopupMenu.Menu child in order to have a working component. */
-    children?: ReactNode;
-    /** Add a custom className to the wrapping element. NOTE: The Menu will be rendered into a Portal outside the wrapping parent element, so the Menu and its children will be outside the scope of the parent CSS selector.*/
-    className?: string;
+export interface PopupMenuProps extends HTMLAttributes<HTMLElement> {
     /** Whether the PopupMenu is disabled. */
     disabled?: boolean;
     /** The icon to render when using the default toggle. Will be ignored if a PopupMenu.Toggle child is passed. */
@@ -22,18 +17,27 @@ export interface PopupMenuProps extends React.ComponentProps<typeof HeadlessMenu
     /** Handler to run when the Menu opens. */
     onOpen?: () => void;
 }
-export interface PopupMenuToggleProps extends React.ComponentProps<typeof MenuButton> {
-    className?: string;
+export interface PopupMenuToggleProps extends HTMLAttributes<HTMLElement> {
+    /** Element type to render as */
+    as?: ElementType;
+    /** Whether the toggle is disabled */
+    disabled?: boolean;
 }
-type HeadlessMenuItemsProps = React.ComponentPropsWithRef<React.ElementType>;
+type HeadlessMenuItemsProps = ComponentPropsWithRef<ElementType>;
 export interface PopupMenuOptionsProps extends HeadlessMenuItemsProps {
-    as?: React.ElementType;
+    as?: ElementType;
     className?: string;
     children?: ReactNode;
-    key?: React.Key;
+    key?: Key;
+}
+export interface PopupMenuItemBag {
+    active: boolean;
+    disabled: boolean;
+    focus: boolean;
 }
-export interface PopupMenuItemProps extends React.ComponentProps<typeof MenuItem> {
-    as?: React.ElementType;
+export interface PopupMenuItemProps extends Omit<HTMLAttributes<HTMLElement>, "children"> {
+    as?: ElementType;
+    children?: ReactNode | ((_itemBag: PopupMenuItemBag) => ReactNode);
     className?: string;
     disabled?: boolean;
     href?: string;
@@ -57,13 +61,17 @@ export interface PopupMenuSectionSeparatorProps {
 declare const PopupMenuContext: React.Context<PopupMenuContextType | null>;
 export declare const usePopupMenuContext: () => PopupMenuContextType;
 export { PopupMenuContext };
-/** A Popup Menu component that wraps Headless UI Menu. The Menu will be rendered into a Juno Portal, so using Juno's PortalProvider (which is already included when using Juno's AppShell) is mandatory. */
-declare const PopupMenu: React.FC<PopupMenuProps>;
-export declare const PopupMenuToggle: React.FC<PopupMenuToggleProps>;
-export declare const PopupMenuOptions: React.FC<PopupMenuOptionsProps>;
-export declare const PopupMenuItem: React.FC<PopupMenuItemProps>;
-export declare const PopupMenuSection: React.FC<PopupMenuSectionProps>;
-export declare const PopupMenuSectionHeading: React.FC<PopupMenuSectionHeadingProps>;
-export declare const PopupMenuSectionSeparator: React.FC<PopupMenuSectionSeparatorProps>;
+/**
+ * A Popup Menu component that wraps Headless UI Menu. The Menu will be rendered into a Juno Portal, so using Juno's PortalProvider (which is already included when using Juno's AppShell) is mandatory.
+ * @see https://cloudoperators.github.io/juno/?path=/docs/wip-popupmenu--docs
+ * @see {@link PopupMenuProps}
+ */
+declare const PopupMenu: ({ children, className, disabled, icon, menuSize, onClose, onOpen, ...props }: PopupMenuProps) => ReactNode;
+export declare const PopupMenuToggle: ({ as, disabled, children, className, ...props }: PopupMenuToggleProps) => ReactNode;
+export declare const PopupMenuOptions: ({ children, className, ...props }: PopupMenuOptionsProps) => ReactNode;
+export declare const PopupMenuItem: ({ as, children, className, disabled, href, icon, label, rel, target, ...props }: PopupMenuItemProps) => ReactNode;
+export declare const PopupMenuSection: ({ children, className, ...props }: PopupMenuSectionProps) => ReactNode;
+export declare const PopupMenuSectionHeading: ({ children, label, className, ...props }: PopupMenuSectionHeadingProps) => ReactNode;
+export declare const PopupMenuSectionSeparator: ({ className, ...props }: PopupMenuSectionSeparatorProps) => ReactNode;
 export { PopupMenu };
 //# sourceMappingURL=PopupMenu.component.d.ts.map

package/build/components/PopupMenu/PopupMenu.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PopupMenu.component.d.ts","sourceRoot":"","sources":["../../../src/components/PopupMenu/PopupMenu.component.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"PopupMenu.component.d.ts","sourceRoot":"","sources":["../../../src/components/PopupMenu/PopupMenu.component.tsx"],"names":[],"mappings":"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"}