reshaped 2.8.0 → 2.8.1

package/components/Accordion/Accordion.js

@@ -1,14 +0,0 @@
-import React from "react";
-import AccordionControlled from "./AccordionControlled.js";
-import AccordionUncontrolled from "./AccordionUncontrolled.js";
-import AccordionTrigger from "./AccordionTrigger.js";
-import AccordionContent from "./AccordionContent.js";
-const Accordion = (props) => {
-    const { active } = props;
-    if (active !== undefined)
-        return React.createElement(AccordionControlled, Object.assign({}, props));
-    return React.createElement(AccordionUncontrolled, Object.assign({}, props));
-};
-Accordion.Trigger = AccordionTrigger;
-Accordion.Content = AccordionContent;
-export default Accordion;

package/components/Accordion/Accordion.types.d.ts

@@ -1,39 +0,0 @@
-import React from "react";
-import type { IconProps } from "../Icon";
-import * as G from "../../types/global";
-export type BaseProps = {
-    iconSize?: IconProps["size"];
-    iconPosition?: "start" | "end";
-    children?: React.ReactNode;
-    onToggle?: (active: boolean) => void;
-    className?: G.ClassName;
-    attributes?: G.Attributes<"div", Props>;
-};
-export type TriggerProps = {
-    children?: ((attributes: {
-        "aria-expanded": boolean;
-        "aria-controls": string;
-        id: string;
-        onClick: () => void;
-    }, props: {
-        active: boolean;
-    }) => React.ReactNode) | React.ReactNode;
-};
-export type ContentProps = {
-    children?: React.ReactNode;
-};
-export type ControlledProps = BaseProps & {
-    active: boolean;
-    defaultActive?: never;
-};
-export type UncontrolledProps = BaseProps & {
-    active?: never;
-    defaultActive?: boolean;
-};
-export type Props = ControlledProps | UncontrolledProps;
-export type ContextProps = Pick<BaseProps, "iconSize" | "iconPosition"> & {
-    triggerId: string;
-    contentId: string;
-    active: boolean;
-    onToggle?: (active: boolean) => void;
-};

package/components/Accordion/AccordionContent.d.ts

@@ -1,4 +0,0 @@
-import React from "react";
-import type * as T from "./Accordion.types";
-declare const AccordionContent: (props: T.ContentProps) => React.JSX.Element;
-export default AccordionContent;

package/components/Accordion/AccordionContent.js

@@ -1,9 +0,0 @@
-import React from "react";
-import Expandable from "../_private/Expandable/index.js";
-import AccordionContext from "./Accordion.context.js";
-const AccordionContent = (props) => {
-    const { children } = props;
-    const { active, triggerId, contentId } = React.useContext(AccordionContext);
-    return (React.createElement(Expandable, { active: active, attributes: { "aria-labelledby": triggerId, id: contentId } }, children));
-};
-export default AccordionContent;

package/components/Accordion/AccordionControlled.d.ts

@@ -1,4 +0,0 @@
-import React from "react";
-import * as T from "./Accordion.types";
-declare const AccordionControlled: (props: T.ControlledProps) => React.JSX.Element;
-export default AccordionControlled;

package/components/Accordion/AccordionControlled.js

@@ -1,23 +0,0 @@
-"use client";
-import React from "react";
-import { classNames } from "../../utilities/helpers.js";
-import useElementId from "../../hooks/useElementId.js";
-import AccordionContext from "./Accordion.context.js";
-const AccordionControlled = (props) => {
-    const { children, onToggle, active, iconPosition, iconSize, className, attributes } = props;
-    const rootClassNames = classNames(className);
-    const id = useElementId();
-    const value = React.useMemo(() => ({
-        triggerId: `${id}-trigger`,
-        contentId: `${id}-content`,
-        active,
-        onToggle,
-        iconPosition,
-        iconSize,
-    }), 
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [active]);
-    return (React.createElement("div", Object.assign({}, attributes, { className: rootClassNames }),
-        React.createElement(AccordionContext.Provider, { value: value }, children)));
-};
-export default AccordionControlled;

package/components/Accordion/AccordionTrigger.d.ts

@@ -1,4 +0,0 @@
-import React from "react";
-import * as T from "./Accordion.types";
-declare const AccordionTrigger: (props: T.TriggerProps) => React.JSX.Element;
-export default AccordionTrigger;

package/components/Accordion/AccordionTrigger.js

@@ -1,26 +0,0 @@
-"use client";
-import React from "react";
-import { classNames } from "../../utilities/helpers.js";
-import Actionable from "../Actionable/index.js";
-import View from "../View/index.js";
-import Icon from "../Icon/index.js";
-import IconChevronDown from "../../icons/ChevronDown.js";
-import AccordionContext from "./Accordion.context.js";
-import s from "./Accordion.module.css";
-const AccordionTrigger = (props) => {
-    const { children } = props;
-    const { active, onToggle, triggerId, contentId, iconPosition = "end", iconSize, } = React.useContext(AccordionContext);
-    const iconClassNames = classNames(s.icon, active && s["icon--active"]);
-    const handleClick = () => {
-        onToggle === null || onToggle === void 0 ? void 0 : onToggle(!active);
-    };
-    const attributes = { "aria-expanded": active, "aria-controls": contentId, id: triggerId };
-    if (typeof children === "function") {
-        return React.createElement(React.Fragment, null, children(Object.assign(Object.assign({}, attributes), { onClick: handleClick }), { active }));
-    }
-    return (React.createElement(Actionable, { onClick: handleClick, fullWidth: true, attributes: attributes },
-        React.createElement(View, { gap: 2, direction: iconPosition === "start" ? "row-reverse" : "row", align: "center" },
-            React.createElement(View.Item, { grow: true }, children),
-            React.createElement(Icon, { size: iconSize || 4, svg: IconChevronDown, className: iconClassNames }))));
-};
-export default AccordionTrigger;

package/components/Accordion/AccordionUncontrolled.d.ts

@@ -1,4 +0,0 @@
-import React from "react";
-import * as T from "./Accordion.types";
-declare const AccordionUncontrolled: (props: T.UncontrolledProps) => React.JSX.Element;
-export default AccordionUncontrolled;

package/components/Accordion/AccordionUncontrolled.js

@@ -1,24 +0,0 @@
-"use client";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import React from "react";
-import AccordionControlled from "./AccordionControlled.js";
-const AccordionUncontrolled = (props) => {
-    const { defaultActive, onToggle } = props, controlledProps = __rest(props, ["defaultActive", "onToggle"]);
-    const [active, setActive] = React.useState(defaultActive || false);
-    const handleToggle = (active) => {
-        setActive(active);
-        onToggle === null || onToggle === void 0 ? void 0 : onToggle(active);
-    };
-    return React.createElement(AccordionControlled, Object.assign({}, controlledProps, { onToggle: handleToggle, active: active }));
-};
-export default AccordionUncontrolled;

package/components/ActionBar/ActionBar.d.ts

@@ -1,4 +0,0 @@
-import React from "react";
-import type * as T from "./ActionBar.types";
-declare const ActionBar: (props: T.Props) => React.JSX.Element;
-export default ActionBar;

package/components/ActionBar/ActionBar.js

@@ -1,10 +0,0 @@
-import React from "react";
-import { classNames } from "../../utilities/helpers.js";
-import View from "../View/index.js";
-import s from "./ActionBar.module.css";
-const ActionBar = (props) => {
-    const { position = "bottom", padding, paddingBlock = 3, paddingInline = 4, children, elevated, className, attributes, } = props;
-    const rootClassNames = classNames(s.root, elevated && s["--elevated"], position && s[`--position-${position}`], className);
-    return (React.createElement(View, { className: rootClassNames, attributes: attributes, paddingBlock: padding || paddingBlock, paddingInline: padding || paddingInline }, children));
-};
-export default ActionBar;

package/components/ActionBar/ActionBar.types.d.ts

@@ -1,10 +0,0 @@
-import React from "react";
-import type { ViewProps } from "../View";
-import type * as G from "../../types/global";
-export type Props = Pick<ViewProps, "paddingBlock" | "paddingInline" | "padding"> & {
-    position?: "top" | "bottom";
-    elevated?: boolean;
-    children?: React.ReactNode;
-    className?: G.ClassName;
-    attributes?: G.Attributes<"div", Props>;
-};

package/components/Actionable/Actionable.js

@@ -1,65 +0,0 @@
-"use client";
-import React from "react";
-import { classNames } from "../../utilities/helpers.js";
-import s from "./Actionable.module.css";
-const Actionable = (props, ref) => {
-    const { children, href, onClick, type, disabled, insetFocus, borderRadius, as, fullWidth, className, attributes, } = props;
-    const rootClassNames = classNames(s.root, className, disabled && s["--disabled"], borderRadius && s[`--radius-${borderRadius}`], insetFocus && s["--inset"], fullWidth && s["--full-width"]);
-    const rootAttributes = Object.assign({}, attributes);
-    const repeatRef = React.useRef(false);
-    const hasClickHandler = onClick || (attributes === null || attributes === void 0 ? void 0 : attributes.onClick);
-    const hasFocusHandler = (attributes === null || attributes === void 0 ? void 0 : attributes.onFocus) || (attributes === null || attributes === void 0 ? void 0 : attributes.onBlur);
-    const isLink = Boolean(href || (attributes === null || attributes === void 0 ? void 0 : attributes.href));
-    const isButton = Boolean(hasClickHandler || hasFocusHandler || type);
-    let TagName;
-    if (isLink) {
-        rootAttributes.href = disabled ? undefined : href || (attributes === null || attributes === void 0 ? void 0 : attributes.href);
-        TagName = "a";
-    }
-    else if (isButton && (!as || as === "button")) {
-        TagName = "button";
-        rootAttributes.type = type || (attributes === null || attributes === void 0 ? void 0 : attributes.type) || "button";
-        rootAttributes.disabled = disabled || (attributes === null || attributes === void 0 ? void 0 : attributes.disabled);
-    }
-    else if (isButton) {
-        const isFocusable = as === "label";
-        const simulateButton = !isFocusable || hasClickHandler || hasFocusHandler;
-        TagName = as || "span";
-        rootAttributes.role = simulateButton ? "button" : undefined;
-        rootAttributes.tabIndex = simulateButton ? 0 : undefined;
-    }
-    else {
-        TagName = as || "span";
-    }
-    const handlePress = (event) => {
-        var _a;
-        if (disabled)
-            return;
-        /**
-         * - Holding enter keep onClick getting triggered
-         * - Storybook environment is triggering onClick twice on each enter press
-         */
-        if (repeatRef.current)
-            return;
-        onClick === null || onClick === void 0 ? void 0 : onClick(event);
-        (_a = attributes === null || attributes === void 0 ? void 0 : attributes.onClick) === null || _a === void 0 ? void 0 : _a.call(attributes, event);
-    };
-    const handleKeyDown = (event) => {
-        const simulatingButton = rootAttributes.role === "button";
-        // These cases are handled correctly by the browsers
-        if (simulatingButton || isLink)
-            return;
-        const isSpace = event.key === " ";
-        const isEnter = event.key === "Enter";
-        if (!isSpace && !isEnter)
-            return;
-        event.preventDefault();
-        handlePress(event);
-        repeatRef.current = true;
-        requestAnimationFrame(() => {
-            repeatRef.current = false;
-        });
-    };
-    return (React.createElement(TagName, Object.assign({ ref: ref }, rootAttributes, { className: rootClassNames, onClick: handlePress, onKeyDown: handleKeyDown }), children));
-};
-export default React.forwardRef(Actionable);

package/components/Alert/Alert.d.ts

@@ -1,4 +0,0 @@
-import React from "react";
-import * as T from "./Alert.types";
-declare const Alert: (props: T.Props) => React.JSX.Element;
-export default Alert;

package/components/Alert/Alert.js

@@ -1,31 +0,0 @@
-import React from "react";
-import Icon from "../Icon/index.js";
-import View from "../View/index.js";
-import Text from "../Text/index.js";
-const Alert = (props) => {
-    const { title, children, icon, actionsSlot, color = "neutral", inline, bleed, className, attributes, } = props;
-    const isNeutral = color === "neutral";
-    const renderContent = () => {
-        if (inline) {
-            return (React.createElement(React.Fragment, null,
-                title && (React.createElement(Text, { variant: "body-3", weight: "medium", as: "span" }, title)),
-                title && children && " ",
-                children && (React.createElement(Text, { variant: "body-3", as: "span" }, children))));
-        }
-        return (React.createElement(View, { gap: 1 },
-            title && (React.createElement(Text, { variant: "body-3", weight: "medium" }, title)),
-            children && React.createElement(Text, { variant: "body-3" }, children)));
-    };
-    const applyActions = (content) => {
-        if (!actionsSlot)
-            return content;
-        return (React.createElement(View, { gap: 2, direction: inline ? "row" : "column" },
-            inline ? React.createElement(View.Item, { grow: true }, content) : content,
-            actionsSlot && (React.createElement(Text, { variant: "body-3", weight: "medium" },
-                React.createElement(View, { direction: "row", gap: 3 }, actionsSlot)))));
-    };
-    return (React.createElement(View, { direction: "row", gap: 3, padding: 4, bleed: bleed, borderRadius: "medium", borderColor: `${color}-faded`, backgroundColor: `${color}-faded`, className: className, attributes: Object.assign(Object.assign({}, attributes), { role: color === "critical" ? "alert" : "status" }) }, icon ? (React.createElement(React.Fragment, null,
-        React.createElement(Icon, { svg: icon, size: 5, color: isNeutral ? "primary" : color }),
-        React.createElement(View.Item, { grow: true }, applyActions(renderContent())))) : (applyActions(renderContent()))));
-};
-export default Alert;

package/components/Alert/Alert.types.d.ts

@@ -1,14 +0,0 @@
-import React from "react";
-import type { IconProps } from "../Icon";
-import type * as G from "../../types/global";
-export type Props = {
-    icon?: IconProps["svg"];
-    title?: React.ReactNode;
-    children?: React.ReactNode;
-    actionsSlot?: React.ReactNode;
-    color?: "neutral" | "critical" | "warning" | "positive" | "primary";
-    inline?: boolean;
-    bleed?: G.Responsive<number>;
-    className?: G.ClassName;
-    attributes?: G.Attributes<"div", Props>;
-};

package/components/Autocomplete/Autocomplete.d.ts

@@ -1,7 +0,0 @@
-import React from "react";
-import * as T from "./Autocomplete.types";
-declare const Autocomplete: {
-    (props: T.Props): React.JSX.Element;
-    Item: (props: T.ItemProps) => React.JSX.Element;
-};
-export default Autocomplete;

package/components/Autocomplete/Autocomplete.js

@@ -1,75 +0,0 @@
-"use client";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import React from "react";
-import TextField from "../TextField/index.js";
-import DropdownMenu from "../DropdownMenu/index.js";
-import useHotkeys from "../../hooks/useHotkeys.js";
-import * as keys from "../../constants/keys.js";
-const AutocompleteContext = React.createContext({});
-const Autocomplete = (props) => {
-    const { children, onChange, onItemSelect, name } = props, textFieldProps = __rest(props, ["children", "onChange", "onItemSelect", "name"]);
-    const inputRef = React.useRef(null);
-    const [active, setActive] = React.useState(false);
-    // Prevent dropdown from opening on selecting an item
-    const [locked, setLocked] = React.useState(false);
-    const hasChildren = !!React.Children.toArray(children).filter(Boolean).length;
-    const handleOpen = React.useCallback(() => setActive(true), []);
-    const handleClose = () => setActive(false);
-    useHotkeys({
-        [`${keys.UP},${keys.DOWN}`]: () => handleOpen(),
-    }, [handleOpen], { ref: inputRef });
-    const handleChange = (args) => {
-        onChange === null || onChange === void 0 ? void 0 : onChange(args);
-        setLocked(false);
-        handleOpen();
-    };
-    const handleItemClick = (args) => {
-        onChange === null || onChange === void 0 ? void 0 : onChange({ value: args.value, name });
-        onItemSelect === null || onItemSelect === void 0 ? void 0 : onItemSelect({ value: args.value });
-        setLocked(true);
-    };
-    const handleFocus = (e) => {
-        var _a;
-        requestAnimationFrame(() => {
-            if (!locked)
-                return;
-            setActive(false);
-            setLocked(false);
-        });
-        (_a = textFieldProps.onFocus) === null || _a === void 0 ? void 0 : _a.call(textFieldProps, e);
-    };
-    return (React.createElement(AutocompleteContext.Provider, { value: { onItemClick: handleItemClick } },
-        React.createElement(DropdownMenu, { position: "bottom", width: "trigger", triggerType: "focus", trapFocusMode: "selection-menu", active: !locked && hasChildren && active, onClose: handleClose, onOpen: handleOpen, disableHideAnimation: true },
-            React.createElement(DropdownMenu.Trigger, null, (_a) => {
-                var { ref } = _a, attributes = __rest(_a, ["ref"]);
-                return (React.createElement(TextField, Object.assign({}, textFieldProps, { name: name, onChange: handleChange, 
-                    // Ignoring the type check since TS can't infer the correct html element type
-                    attributes: Object.assign(Object.assign({}, textFieldProps.attributes), { ref }), inputAttributes: Object.assign(Object.assign({}, textFieldProps.inputAttributes), { onFocus: (e) => {
-                            var _a;
-                            (_a = attributes.onFocus) === null || _a === void 0 ? void 0 : _a.call(attributes);
-                            handleFocus(e);
-                        }, ref: inputRef, role: "combobox" }) })));
-            }),
-            React.createElement(DropdownMenu.Content, null, children))));
-};
-const AutocompleteItem = (props) => {
-    const { value, onClick } = props, menuItemProps = __rest(props, ["value", "onClick"]);
-    const { onItemClick } = React.useContext(AutocompleteContext);
-    const hanleClick = (e) => {
-        onClick === null || onClick === void 0 ? void 0 : onClick(e);
-        onItemClick({ value });
-    };
-    return (React.createElement(DropdownMenu.Item, Object.assign({}, menuItemProps, { attributes: Object.assign(Object.assign({}, menuItemProps.attributes), { role: "option" }), onClick: hanleClick })));
-};
-Autocomplete.Item = AutocompleteItem;
-export default Autocomplete;

package/components/Avatar/Avatar.d.ts

@@ -1,4 +0,0 @@
-import React from "react";
-import type * as T from "./Avatar.types";
-declare const Avatar: (props: T.Props) => React.JSX.Element;
-export default Avatar;

package/components/Avatar/Avatar.js

@@ -1,29 +0,0 @@
-import React from "react";
-import { classNames, responsivePropDependency } from "../../utilities/helpers.js";
-import getHeightStyles from "../../styles/height/index.js";
-import Icon from "../Icon/index.js";
-import View from "../View/index.js";
-import s from "./Avatar.module.css";
-const Avatar = (props) => {
-    const { color = "neutral", variant, src, size = 12, squared, initials, icon, alt, className, attributes, } = props;
-    const radius = squared
-        ? responsivePropDependency(size, (size) => {
-            if (size >= 24)
-                return "large";
-            if (size >= 12)
-                return "medium";
-            return "small";
-        })
-        : "circular";
-    const heightStyles = getHeightStyles(size);
-    const rootClassNames = classNames(s.root, className, heightStyles === null || heightStyles === void 0 ? void 0 : heightStyles.classNames, color && s[`--color-${color}`], variant && s[`--variant-${variant}`]);
-    const renderContent = () => {
-        if (src)
-            return (React.createElement("img", { role: !initials ? "presentation" : undefined, src: src, alt: alt, className: s.img }));
-        if (icon)
-            return (React.createElement(Icon, { svg: icon, size: responsivePropDependency(size, (size) => Math.ceil(size * 0.4)) }));
-        return initials;
-    };
-    return (React.createElement(View, { borderRadius: radius, attributes: Object.assign(Object.assign({}, attributes), { style: Object.assign({}, heightStyles === null || heightStyles === void 0 ? void 0 : heightStyles.variables) }), backgroundColor: variant === "faded" ? `${color}-${variant}` : color, className: rootClassNames }, renderContent()));
-};
-export default Avatar;

package/components/Badge/Badge.d.ts

@@ -1,7 +0,0 @@
-import React from "react";
-import type * as T from "./Badge.types";
-declare const Badge: {
-    (props: T.Props): React.JSX.Element;
-    Container: (props: T.ContainerProps) => React.JSX.Element;
-};
-export default Badge;

package/components/Badge/Badge.js

@@ -1,24 +0,0 @@
-import React from "react";
-import { classNames } from "../../utilities/helpers.js";
-import Text from "../Text/index.js";
-import Icon from "../Icon/index.js";
-import IconClose from "../../icons/Close.js";
-import Actionable from "../Actionable/index.js";
-import BadgeContainer from "./BadgeContainer.js";
-import s from "./Badge.module.css";
-const Badge = (props) => {
-    const { children, color, rounded, size = "medium", icon, endIcon, variant, hidden, href, onClick, onDismiss, dismissAriaLabel, className, attributes, } = props;
-    const isActionable = !!(onClick || href);
-    const iconSize = size === "large" ? 4 : 3.5;
-    const rootClassName = classNames(s.root, className, rounded && s["--rounded"], hidden && s["--hidden"], size && s[`--size-${size}`], color && s[`--color-${color}`], variant && s[`--variant-${variant}`], isActionable && s["--actionable"]);
-    return (React.createElement(Actionable, { onClick: onClick, href: href, className: rootClassName, attributes: attributes },
-        icon && React.createElement(Icon, { svg: icon, autoWidth: true, size: iconSize }),
-        children && (React.createElement(Text, { variant: size === "large" ? "body-3" : "caption-1", weight: "medium", attributes: {
-                "aria-hidden": hidden ? "true" : undefined,
-            } }, children)),
-        endIcon && React.createElement(Icon, { svg: endIcon, autoWidth: true, size: iconSize }),
-        onDismiss && (React.createElement(Actionable, { onClick: onDismiss, className: s.dismiss, as: "span", attributes: { "aria-label": dismissAriaLabel } },
-            React.createElement(Icon, { svg: IconClose, size: iconSize })))));
-};
-Badge.Container = BadgeContainer;
-export default Badge;

package/components/Badge/BadgeContainer.d.ts

@@ -1,4 +0,0 @@
-import React from "react";
-import type * as T from "./Badge.types";
-declare const BadgeContainer: (props: T.ContainerProps) => React.JSX.Element;
-export default BadgeContainer;

package/components/Badge/BadgeContainer.js

@@ -1,9 +0,0 @@
-import React from "react";
-import { classNames } from "../../utilities/helpers.js";
-import s from "./Badge.module.css";
-const BadgeContainer = (props) => {
-    const { children, position = "top-end", overlap, className, attributes } = props;
-    const rootClassNames = classNames(s.container, className, overlap && s["--container-overlap"], position && s[`--container-position-${position}`]);
-    return (React.createElement("div", Object.assign({}, attributes, { className: rootClassNames }), children));
-};
-export default BadgeContainer;

package/components/Breadcrumbs/Breadcrumbs.d.ts

@@ -1,4 +0,0 @@
-import React from "react";
-import * as T from "./Breadcrumbs.types";
-declare const Breadcrumbs: (props: T.Props) => React.JSX.Element;
-export default Breadcrumbs;

package/components/Breadcrumbs/Breadcrumbs.js

@@ -1,45 +0,0 @@
-"use client";
-import React from "react";
-import { classNames } from "../../utilities/helpers.js";
-import View from "../View/index.js";
-import Icon from "../Icon/index.js";
-import Text from "../Text/index.js";
-import Button from "../Button/index.js";
-import IconChevronRight from "../../icons/ChevronRight.js";
-import IconDotsHorizontal from "../../icons/DotsHorizontal.js";
-const Breadcrumbs = (props) => {
-    const { children, separator, color, defaultVisibleItems, ariaLabel, className, attributes } = props;
-    const visibleItems = defaultVisibleItems && defaultVisibleItems >= 2 ? defaultVisibleItems : null;
-    const [expanded, setExpanded] = React.useState(false);
-    const rootClassNames = classNames(className);
-    const childrenLength = React.Children.count(children);
-    let renderIndex = 0;
-    const handleExpand = () => {
-        setExpanded(true);
-    };
-    return (React.createElement("nav", Object.assign({}, attributes, { "aria-label": ariaLabel || (attributes === null || attributes === void 0 ? void 0 : attributes["aria-label"]), className: rootClassNames }),
-        React.createElement(View, { as: "ol", direction: "row", gap: 2, align: "center" }, React.Children.map(children, (child, index) => {
-            if (!child)
-                return null;
-            const lastCollapsedIndex = childrenLength - (visibleItems || 0);
-            const isBeforeCollapse = renderIndex === 0;
-            const isAfterCollapse = renderIndex > lastCollapsedIndex;
-            const isDisplayed = !visibleItems || isBeforeCollapse || isAfterCollapse || expanded;
-            const isCollapseButton = renderIndex === lastCollapsedIndex;
-            renderIndex += 1;
-            let itemNode = null;
-            if (isDisplayed) {
-                itemNode = child;
-            }
-            else if (isCollapseButton) {
-                itemNode = (React.createElement(Button.Aligner, null,
-                    React.createElement(Button, { variant: "ghost", size: "small", icon: IconDotsHorizontal, onClick: handleExpand })));
-            }
-            if (itemNode === null)
-                return null;
-            return (React.createElement(View, { as: "li", key: index, gap: 2, direction: "row", align: "center" },
-                index > 0 && (isDisplayed || isCollapseButton) && (React.createElement(Text, { color: "neutral-faded" }, separator || React.createElement(Icon, { svg: IconChevronRight, size: 3 }))),
-                React.createElement(Text, { variant: "body-3", color: color === "primary" ? "primary" : "neutral-faded" }, itemNode)));
-        }))));
-};
-export default Breadcrumbs;

package/components/Breadcrumbs/Breadcrumbs.types.d.ts

@@ -1,13 +0,0 @@
-import React from "react";
-import type { LinkProps } from "../Link";
-import type * as G from "../../types/global";
-export type Props = {
-    children: React.ReactElement | React.ReactElement[];
-    separator?: React.ReactNode;
-    color?: "neutral" | "primary";
-    defaultVisibleItems?: number;
-    ariaLabel?: string;
-    className?: G.ClassName;
-    attributes?: G.Attributes<"nav", Props>;
-};
-export type ItemProps = Pick<LinkProps, "icon" | "href" | "onClick" | "disabled" | "children">;

package/components/Breadcrumbs/BreadcrumbsItem.d.ts

@@ -1,4 +0,0 @@
-import React from "react";
-import type * as T from "./Breadcrumbs.types";
-declare const BreadcrumbsItem: (props: T.ItemProps) => React.JSX.Element;
-export default BreadcrumbsItem;

package/components/Breadcrumbs/BreadcrumbsItem.js

@@ -1,11 +0,0 @@
-import React from "react";
-import Text from "../Text/index.js";
-import Link from "../Link/index.js";
-const BreadcrumbsItem = (props) => {
-    const { children, onClick, href, icon, disabled } = props;
-    if (!href && !onClick && !disabled) {
-        return (React.createElement(Text, { variant: "body-3", weight: "medium", color: "neutral" }, children));
-    }
-    return (React.createElement(Link, { onClick: onClick, href: href, icon: icon, disabled: disabled, variant: "plain", color: "inherit" }, children));
-};
-export default BreadcrumbsItem;

package/components/Breadcrumbs/index.d.ts

@@ -1,8 +0,0 @@
-import BreadcrumbsItem from "./BreadcrumbsItem";
-type CompoundComponent = typeof Breadcrumbs & {
-    Item: typeof BreadcrumbsItem;
-};
-declare const Breadcrumbs: (props: import("./Breadcrumbs.types").Props) => import("react").JSX.Element;
-export type { Props as BreadcrumbsProps } from "./Breadcrumbs.types";
-declare const _default: CompoundComponent;
-export default _default;

package/components/Button/Button.js

@@ -1,39 +0,0 @@
-import React from "react";
-import { classNames, responsiveClassNames, responsivePropDependency } from "../../utilities/helpers.js";
-import Icon from "../Icon/index.js";
-import Loader from "../Loader/index.js";
-import Actionable from "../Actionable/index.js";
-import ButtonGroup from "./ButtonGroup.js";
-import ButtonAligner from "./ButtonAligner.js";
-import s from "./Button.module.css";
-const ButtonBase = (props, ref) => {
-    const { variant = "solid", color = "neutral", elevated, highlighted, fullWidth, loading, disabled, type, href, size = "medium", className, children, rounded, attributes, onClick, icon, endIcon, } = props;
-    const iconOnly = (icon || endIcon) && !children;
-    const rootClassName = classNames(s.root, className, color && s[`--color-${color}`], variant && s[`--variant-${variant}`], responsiveClassNames(s, "--size", size), responsiveClassNames(s, "--full-width", fullWidth), elevated && variant !== "ghost" && s["--elevated"], rounded && s["--rounded"], disabled && s["--disabled"], loading && s["--loading"], highlighted && s["--highlighted"], iconOnly && s["--icon-only"]);
-    const renderIcon = (position) => {
-        const isStartValid = position === "start" && icon;
-        const isEndValid = position === "end" && endIcon;
-        const isInvalid = !(isStartValid || isEndValid);
-        if (isInvalid)
-            return null;
-        const iconClassName = classNames(s.icon, position === "end" && s["--icon-position-end"]);
-        const iconSize = responsivePropDependency(size, (size) => {
-            if (size === "large")
-                return 5;
-            if (size === "xlarge")
-                return 6;
-            return 4;
-        });
-        return (React.createElement(Icon, { className: iconClassName, svg: (position === "start" ? icon : endIcon), size: iconSize, autoWidth: true }));
-    };
-    return (React.createElement(Actionable, { disabled: disabled || loading, className: rootClassName, attributes: Object.assign(Object.assign({}, attributes), { "data-rs-aligner-target": true }), type: type, onClick: onClick, href: href, ref: ref },
-        loading && (React.createElement("div", { className: s.loader },
-            React.createElement(Loader, { size: "small", color: "inherit" }))),
-        renderIcon("start"),
-        children && React.createElement("span", { className: s.text }, children),
-        renderIcon("end")));
-};
-const Button = React.forwardRef(ButtonBase);
-Button.Group = ButtonGroup;
-Button.Aligner = ButtonAligner;
-export default Button;

package/components/Button/ButtonAligner.d.ts

@@ -1,4 +0,0 @@
-import React from "react";
-import type * as T from "./Button.types";
-declare const ButtonAligner: (props: T.AlignerProps) => React.JSX.Element;
-export default ButtonAligner;