@wix/site-ui 1.19.0 → 1.20.0

package/dist/Breadcrumbs/index.css

@@ -0,0 +1,47 @@
+.root-uwc56U {
+  font: var(--wst-paragraph-2-font);
+  color: var(--wst-paragraph-2-color, #000);
+}
+
+.list-HHG8hu {
+  align-items: center;
+  gap: 4px;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  display: flex;
+}
+
+.item-yTmapi {
+  align-items: center;
+  padding: 4px 0;
+  display: flex;
+}
+
+.link-GDIKcZ {
+  color: inherit;
+  text-decoration: none;
+}
+
+.link-GDIKcZ:hover, .link-GDIKcZ:focus-visible {
+  opacity: .7;
+}
+
+.page-adRf_w {
+  color: inherit;
+}
+
+.separator-Kz0pCd {
+  pointer-events: none;
+  justify-content: center;
+  align-items: center;
+  min-width: 1.5em;
+  min-height: 1.5em;
+  display: flex;
+}
+
+.separatorIcon-vONtbc {
+  width: 1.5em;
+  height: 1.5em;
+}
+

package/dist/Breadcrumbs/index.d.ts

@@ -0,0 +1,32 @@
+import { JSX as JSX_2 } from 'react/jsx-runtime';
+import { NavigationMenu } from '@base-ui/react/navigation-menu';
+import { NavigationMenuItemProps } from '@base-ui/react/navigation-menu';
+import { NavigationMenuLinkProps } from '@base-ui/react/navigation-menu';
+import { NavigationMenuListProps } from '@base-ui/react/navigation-menu';
+import * as React_2 from 'react';
+
+export declare const Breadcrumbs: {
+    Root: typeof Root;
+    List: React_2.ForwardRefExoticComponent<Omit<Omit<Omit<NavigationMenuListProps, "ref"> & React_2.RefAttributes<HTMLUListElement>, "ref">, "className"> & {
+        className?: string | undefined;
+    } & React_2.RefAttributes<HTMLUListElement>>;
+    Item: React_2.ForwardRefExoticComponent<Omit<Omit<Omit<NavigationMenuItemProps, "ref"> & React_2.RefAttributes<HTMLLIElement>, "ref">, "className"> & {
+        className?: string | undefined;
+    } & React_2.RefAttributes<HTMLLIElement>>;
+    Link: React_2.ForwardRefExoticComponent<Omit<Omit<Omit<NavigationMenuLinkProps, "ref"> & React_2.RefAttributes<HTMLAnchorElement>, "ref">, "className"> & {
+        className?: string | undefined;
+    } & React_2.RefAttributes<HTMLAnchorElement>>;
+    Page: React_2.ForwardRefExoticComponent<{
+        className?: string | undefined;
+    } & Omit<React_2.DetailedHTMLProps<React_2.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React_2.RefAttributes<HTMLSpanElement>>;
+};
+
+declare function Root<Value = any>({ className, dir, separator, 'aria-label': ariaLabel, ...props }: WithStringClassName<NavigationMenu.Root.Props<Value>> & {
+    separator?: React_2.ReactNode;
+}): JSX_2.Element;
+
+declare type WithStringClassName<P> = Omit<P, 'className'> & {
+    className?: string;
+};
+
+export { }

package/dist/Breadcrumbs/index.js

@@ -0,0 +1,81 @@
+import { jsx } from "react/jsx-runtime";
+import { NavigationMenu } from "@base-ui/react/navigation-menu";
+import { ChevronLeft, ChevronRight } from "@wix/wix-ui-icons-common";
+import clsx from "clsx";
+import * as __rspack_external_react from "react";
+const Breadcrumbs_module = {
+    root: "root-uwc56U",
+    list: "list-HHG8hu",
+    item: "item-yTmapi",
+    link: "link-GDIKcZ",
+    page: "page-adRf_w",
+    separator: "separator-Kz0pCd",
+    separatorIcon: "separatorIcon-vONtbc"
+};
+const BreadcrumbsContext = /*#__PURE__*/ __rspack_external_react.createContext({
+    separator: /*#__PURE__*/ jsx(ChevronRight, {
+        className: Breadcrumbs_module.separatorIcon
+    })
+});
+const List = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, children, ...props }, ref)=>{
+    const { separator } = __rspack_external_react.useContext(BreadcrumbsContext);
+    const childArray = __rspack_external_react.Children.toArray(children);
+    return /*#__PURE__*/ jsx(NavigationMenu.List, {
+        ref: ref,
+        className: clsx(Breadcrumbs_module.list, className),
+        ...props,
+        children: childArray.flatMap((child, index)=>0 === index ? [
+                child
+            ] : [
+                /*#__PURE__*/ jsx("li", {
+                    "aria-hidden": "true",
+                    role: "presentation",
+                    className: Breadcrumbs_module.separator,
+                    children: separator
+                }, `sep-${index}`),
+                child
+            ])
+    });
+});
+const Item = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(NavigationMenu.Item, {
+        ref: ref,
+        className: clsx(Breadcrumbs_module.item, className),
+        ...props
+    }));
+const Link = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(NavigationMenu.Link, {
+        ref: ref,
+        className: clsx(Breadcrumbs_module.link, className),
+        ...props
+    }));
+const Page = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("span", {
+        ref: ref,
+        "aria-current": "page",
+        ...props,
+        className: clsx(Breadcrumbs_module.page, className)
+    }));
+function Root({ className, dir, separator, 'aria-label': ariaLabel = 'Breadcrumbs', ...props }) {
+    const defaultSeparator = 'rtl' === dir ? /*#__PURE__*/ jsx(ChevronLeft, {
+        className: Breadcrumbs_module.separatorIcon
+    }) : /*#__PURE__*/ jsx(ChevronRight, {
+        className: Breadcrumbs_module.separatorIcon
+    });
+    return /*#__PURE__*/ jsx(BreadcrumbsContext.Provider, {
+        value: {
+            separator: separator ?? defaultSeparator
+        },
+        children: /*#__PURE__*/ jsx(NavigationMenu.Root, {
+            "aria-label": ariaLabel,
+            dir: dir,
+            ...props,
+            className: clsx(Breadcrumbs_module.root, className)
+        })
+    });
+}
+const Breadcrumbs = {
+    Root: Root,
+    List: List,
+    Item: Item,
+    Link: Link,
+    Page: Page
+};
+export { Breadcrumbs };

package/dist/index.d.ts

@@ -362,6 +362,22 @@ export declare const AvatarSize: {
 
 declare type BaseProps = WithStringClassName<React_2.ComponentPropsWithoutRef<typeof Button_2>>;
 
+export declare const Breadcrumbs: {
+    Root: typeof Root_2;
+    List: React_2.ForwardRefExoticComponent<Omit<Omit<Omit<NavigationMenuListProps, "ref"> & React_2.RefAttributes<HTMLUListElement>, "ref">, "className"> & {
+        className?: string | undefined;
+    } & React_2.RefAttributes<HTMLUListElement>>;
+    Item: React_2.ForwardRefExoticComponent<Omit<Omit<Omit<NavigationMenuItemProps, "ref"> & React_2.RefAttributes<HTMLLIElement>, "ref">, "className"> & {
+        className?: string | undefined;
+    } & React_2.RefAttributes<HTMLLIElement>>;
+    Link: React_2.ForwardRefExoticComponent<Omit<Omit<Omit<NavigationMenuLinkProps, "ref"> & React_2.RefAttributes<HTMLAnchorElement>, "ref">, "className"> & {
+        className?: string | undefined;
+    } & React_2.RefAttributes<HTMLAnchorElement>>;
+    Page: React_2.ForwardRefExoticComponent<{
+        className?: string | undefined;
+    } & Omit<React_2.DetailedHTMLProps<React_2.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React_2.RefAttributes<HTMLSpanElement>>;
+};
+
 export declare const Button: React_2.ForwardRefExoticComponent<ButtonProps & React_2.RefAttributes<HTMLElement>>;
 
 declare interface ButtonProps extends BaseProps {
@@ -741,7 +757,7 @@ export declare const NavigationMenu: {
     Icon: React_2.ForwardRefExoticComponent<Omit<Omit<Omit<NavigationMenuIconProps, "ref"> & React_2.RefAttributes<HTMLSpanElement>, "ref">, "className"> & {
         className?: string | undefined;
     } & React_2.RefAttributes<HTMLSpanElement>>;
-    Root: typeof Root_2;
+    Root: typeof Root_3;
     Portal: React_2.ForwardRefExoticComponent<Omit<NavigationMenuPortalProps, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
 };
 
@@ -855,7 +871,7 @@ export declare const Radio: {
     Indicator: React_2.ForwardRefExoticComponent<Omit<Omit<Omit<RadioIndicatorProps, "ref"> & React_2.RefAttributes<HTMLSpanElement>, "ref">, "className"> & {
         className?: string | undefined;
     } & React_2.RefAttributes<HTMLSpanElement>>;
-    Root: typeof Root_3;
+    Root: typeof Root_4;
 };
 
 export declare const RadioGroup: React_2.ForwardRefExoticComponent<Omit<Omit<RadioGroup_2.Props<unknown>, "ref">, "className"> & {
@@ -873,11 +889,15 @@ declare function Root<Value = any>({ className, size, variant, ...props }: WithS
     variant?: Variant;
 }): JSX_2.Element;
 
-declare function Root_2<Value = any>({ className, ...props }: WithStringClassName<NavigationMenu_2.Root.Props<Value>>): JSX_2.Element;
+declare function Root_2<Value = any>({ className, dir, separator, 'aria-label': ariaLabel, ...props }: WithStringClassName<NavigationMenu_2.Root.Props<Value>> & {
+    separator?: React_2.ReactNode;
+}): JSX_2.Element;
 
-declare function Root_3<Value>({ className, size, style, ...props }: RootProps<Value>): JSX_2.Element;
+declare function Root_3<Value = any>({ className, ...props }: WithStringClassName<NavigationMenu_2.Root.Props<Value>>): JSX_2.Element;
 
-declare function Root_4<Value extends number | readonly number[]>({ className, size, style, ...props }: RootProps_2<Value>): JSX_2.Element;
+declare function Root_4<Value>({ className, size, style, ...props }: RootProps<Value>): JSX_2.Element;
+
+declare function Root_5<Value extends number | readonly number[]>({ className, size, style, ...props }: RootProps_2<Value>): JSX_2.Element;
 
 declare type RootProps<Value> = WithStringClassName<Radio_2.Root.Props<Value>> & {
     size?: number;
@@ -987,7 +1007,7 @@ export declare const Slider: {
     Indicator: React_2.ForwardRefExoticComponent<Omit<Omit<Omit<SliderIndicatorProps, "ref"> & React_2.RefAttributes<HTMLDivElement>, "ref">, "className"> & {
         className?: string | undefined;
     } & React_2.RefAttributes<HTMLDivElement>>;
-    Root: typeof Root_4;
+    Root: typeof Root_5;
 };
 
 export declare const SliderSize: {

package/dist/index.js

@@ -2,6 +2,7 @@ export { Accordion, AccordionSize, AccordionVariant } from "./Accordion/index.js
 export { AlertDialog } from "./AlertDialog/index.js";
 export { Autocomplete } from "./Autocomplete/index.js";
 export { Avatar, AvatarSize } from "./Avatar/index.js";
+export { Breadcrumbs } from "./Breadcrumbs/index.js";
 export { Button } from "./Button/index.js";
 export { Checkbox, CheckboxSize } from "./Checkbox/index.js";
 export { CheckboxGroup } from "./CheckboxGroup/index.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/site-ui",
-  "version": "1.19.0",
+  "version": "1.20.0",
   "description": "Pure UI components for the Wix site builder",
   "license": "MIT",
   "type": "module",
@@ -78,5 +78,5 @@
     "registry": "https://registry.npmjs.org/",
     "access": "public"
   },
-  "falconPackageHash": "17e549237e9918f834dd2c826d1824086f56de229ed0139d0110d879"
+  "falconPackageHash": "b2b7a8518aee6afaa0290fba74856876f2786c40325b333c0b16cf14"
 }