@muraldevkit/ui-toolkit 2.10.0-dev.3 → 2.10.1

package/dist/components/form/select/MrlSelect/MrlSelect.d.ts

@@ -13,7 +13,7 @@ export interface MrlSelectProptypes extends React.HTMLAttributes<HTMLDivElement>
     defaultValue?: string;
     /**
      * Because this is a custom element, we can't use a standard "for" attribute setup. The label
-     * element needs to have an id and then we reference via the select with aria.
+     * element needs to have an id and then we reference via the select with aria
      */
     labelId: string;
     /**

package/dist/components/navigation-sidebar/MrlSidebarNavItem/MrlSidebarNavItem.d.ts

@@ -0,0 +1,30 @@
+import React from 'react';
+interface MrlSidebarNavItemProps {
+    /** Additional class to add to the li element */
+    className?: string;
+    /** Leading icon of the sidebar nav item */
+    icon?: Record<string, unknown>;
+    /** Sets the selected state for the sidebar nav item */
+    isSelected?: boolean;
+    /**
+     * Render function used to wrap the sidebar nav item with a link component.
+     * It allows users to wrap the sidebar nav item with different link implementations, react-router's link for example.
+     *
+     * @example
+     * <MrlSidebarNavItem renderLink={({linkContent}) => <Link to="/">{linkContent}</Link>}/>
+     * <MrlSidebarNavItem renderLink={({linkContent}) => <a href="/">{linkContent}</a>}/>
+     */
+    renderLink: ({ linkContent }: {
+        linkContent: React.ReactNode;
+    }) => JSX.Element;
+    /** The text of the sidebar item */
+    text?: React.ReactNode;
+}
+/**
+ * Sidebar nav item component
+ *
+ * @param {MrlSidebarNavItemProps} props - the component props
+ * @returns a sidebar nav item
+ */
+export declare function MrlSidebarNavItem({ className, icon, isSelected, text, renderLink }: MrlSidebarNavItemProps): JSX.Element;
+export {};

package/dist/components/navigation-sidebar/MrlSidebarNavItem/index.d.ts

@@ -0,0 +1 @@
+export * from './MrlSidebarNavItem';

package/dist/components/svg/config.d.ts

@@ -115,7 +115,7 @@ export declare const colorPictoStoryData: {
 export declare const animateStoryData: {
     args: {
         delay: number;
-        state: "play" | "stop";
+        state: "stop" | "play";
     };
     argTypes: {
         delay: {