@arc-ui/components 11.4.2 → 11.6.0

package/dist/Card/Card.cjs.d.ts

@@ -1,130 +1 @@
-/// <reference types="react" />
-import React from "react";
-import { FC, HTMLAttributes } from "react";
-/**
- * Use `Card` to contain content and actions about a single subject.
- */
-declare const Card: FC<CardProps> & {
-    Block: typeof CardBlock;
-    Image: typeof CardImage;
-};
-/**
- * Internal `Card.Block` component to section blocks of content within a Card.
- */
-declare const CardBlock: FC<{
-    /**
-     * Contents of the CardBlock.
-     */
-    children: React.ReactNode;
-    /**
-     * How should the content of the block be aligned?
-     */
-    align?: "left" | "center" | "right";
-    /**
-     * Should the block stretch to the width of the Card?
-     */
-    isFullWidth?: boolean;
-    /**
-     * Should the block grow to the fill the available vertical space? Used when the Card appears in a column.
-     */
-    grow?: boolean;
-}>;
-/**
- * Internal `Card.Image` component to show an image within a Card.
- */
-declare const CardImage: FC<{
-    /**
-     * Alternative text for the Card.Image, shown if the image cannot be displayed.
-     */
-    alt?: string;
-    /**
-     * Height of the Card.Image.
-     */
-    height?: number;
-    /**
-     * Loading behaviour of the Card.Image.
-     */
-    loading?: "eager" | "lazy";
-    /**
-     * The HTML [sizes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#Example_4_Using_the_srcset_and_sizes_attributes) attribute. Required if srcSet is defined.
-     */
-    sizes?: string;
-    /**
-     * HTML src for the Card.Image.
-     */
-    src: string;
-    /**
-     * A comma-separated list indicating a set of possible image sources for the user agent to use for different screen sizes. Same format as [srcSet](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#Example_4_Using_the_srcset_and_sizes_attributes), i.e. `my-image-200.png 200w, my-image-200.png 200w`.
-     */
-    srcSet?: string;
-}>;
-type TitleSize = "xs" | "s" | "m" | "l" | "xl";
-interface CardProps extends HTMLAttributes<HTMLElement> {
-    /**
-     * The HTML ID passed to the Card Button for aria- attributes.
-     */
-    actionId?: string;
-    /**
-     * Label for the Card's Button. You should specify this if defining an href.
-     */
-    actionLabel?: string;
-    /**
-     * A `Card.Image` to use for the cover image.
-     */
-    coverImage?: React.ReactNode;
-    /**
-     * Card fill.
-     */
-    fill?: "solid" | "outlined" | "neutral";
-    /**
-     * A URL to link to when the Card is clicked or touched.
-     */
-    href: string;
-    /**
-     * Alternative text for the Card cover image, shown if the image cannot be displayed.
-     */
-    imageAlt?: string;
-    /**
-     * Height of the Card cover image.
-     */
-    imageHeight?: number;
-    /**
-     * Loading behaviour of the Card cover image.
-     */
-    imageLoading?: "eager" | "lazy";
-    /**
-     * HTML src for the Card cover image.
-     */
-    imageSrc?: string;
-    /**
-     * A comma-separated list indicating a set of possible image sources for the user agent to use for different screen sizes in the Card cover image. Same format as [srcSet](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#Example_4_Using_the_srcset_and_sizes_attributes), i.e. `my-image-200.png 200w, my-image-200.png 200w`.
-     */
-    imageSrcSet?: string;
-    /**
-     * Object of `data-` attributes to render on internal anchor element, e.g.
-     * `{ data-analytics-link: "My link"}` => `<a data-analytics-link="My link">`.
-     */
-    linkData?: {};
-    /**
-     * The minimum height of the card. Cards in a series of columns will match the
-     * height of the tallest Card.
-     */
-    minHeight?: number;
-    /**
-     * Link target attribute for the Card link.
-     */
-    target?: "_blank" | "_parent" | "_self" | "_top";
-    /**
-     * The title for the Card, describing the content. This is required to provide good accessibility to screen readers.
-     */
-    title: string;
-    /**
-     * The size for the Card title.
-     */
-    titleSize?: TitleSize;
-    /**
-     * On click handler.
-     */
-    onClick?: () => void;
-}
-export { Card };
+export { Card } from "../_shared/cjs/Card-804ab0e5";

package/dist/Card/Card.cjs.js

@@ -2,125 +2,18 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index = require('../_shared/cjs/index-78b35bc1.js');
-var index$1 = require('../_shared/cjs/index-45bfb67b.js');
-var React = require('react');
-var BtIconChevronRightMid = require('../_shared/cjs/BtIconChevronRightMid-5a38d855.js');
-var Icon = require('../_shared/cjs/Icon-719d13d4.js');
-var Image = require('../_shared/cjs/Image-fe760a06.js');
-var Heading = require('../_shared/cjs/Heading-cc38c3ec.js');
-var suffixModifier = require('../_shared/cjs/suffix-modifier-edf7851e.js');
-var Surface = require('../_shared/cjs/Surface-d6b8010e.js');
-var handleLinkClick = require('../_shared/cjs/handle-link-click-17a44cf4.js');
+var Card = require('../_shared/cjs/Card-804ab0e5.js');
+require('../_shared/cjs/filter-data-attrs-a30dcf5f.js');
+require('../_shared/cjs/index-45bfb67b.js');
+require('react');
+require('../_shared/cjs/BtIconChevronRightMid-5a38d855.js');
+require('../_shared/cjs/Icon-9ae8dbe1.js');
+require('../_shared/cjs/suffix-modifier-1ee2da04.js');
+require('../_shared/cjs/Surface-6da0a78e.js');
+require('../_shared/cjs/Image-3bf4b4f3.js');
+require('../_shared/cjs/Heading-d45f6a7f.js');
+require('../_shared/cjs/handle-link-click-17a44cf4.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-/**
- * Detect interaction mode
- */
-var useInteractionMode = function () {
-    var _a = React.useState("pointer"), interactionMode = _a[0], setInteractionMode = _a[1];
-    React.useEffect(function () {
-        var onKeyDown = function (event) {
-            if (event.altKey || event.ctrlKey || event.metaKey) {
-                return;
-            }
-            setInteractionMode("keyboard");
-        };
-        var onPointerDown = function () {
-            setInteractionMode("pointer");
-        };
-        if (typeof window !== "undefined") {
-            document.addEventListener("keydown", onKeyDown, true);
-            document.addEventListener("click", onPointerDown, true);
-        }
-        return function () {
-            if (typeof window !== "undefined") {
-                document.removeEventListener("keydown", onKeyDown);
-                document.removeEventListener("click", onPointerDown);
-            }
-        };
-    }, []);
-    return { interactionMode: interactionMode };
-};
-
-/**
- * Use `Card` to contain content and actions about a single subject.
- */
-var Card = function (_a) {
-    var _b;
-    var actionId = _a.actionId, _c = _a.actionLabel, actionLabel = _c === void 0 ? "Read more" : _c, children = _a.children, _d = _a.fill, fill = _d === void 0 ? "solid" : _d, href = _a.href, imageAlt = _a.imageAlt, imageHeight = _a.imageHeight, imageLoading = _a.imageLoading, imageSrc = _a.imageSrc, imageSrcSet = _a.imageSrcSet, linkData = _a.linkData, minHeight = _a.minHeight, onClick = _a.onClick, target = _a.target, title = _a.title, _e = _a.titleSize, titleSize = _e === void 0 ? "s" : _e, props = index.__rest(_a, ["actionId", "actionLabel", "children", "fill", "href", "imageAlt", "imageHeight", "imageLoading", "imageSrc", "imageSrcSet", "linkData", "minHeight", "onClick", "target", "title", "titleSize"]);
-    var surface = React.useContext(Surface.Context).surface;
-    var interactionMode = useInteractionMode().interactionMode;
-    var Wrapper = function (_a) {
-        var children = _a.children;
-        return fill === "outlined" || fill === "neutral" ? (React__default["default"].createElement("div", null, children)) : (React__default["default"].createElement(Surface.Surface, { background: surface === "dark" ? "white" : "darker" }, children));
-    };
-    var coverImage = imageSrc && (React__default["default"].createElement(CardImage, { alt: imageAlt, height: imageHeight, loading: imageLoading, src: imageSrc, srcSet: imageSrcSet }));
-    return (React__default["default"].createElement("div", index.__assign({ className: index$1.classNames((_b = {
-                "arc-Card": true,
-                "arc-Card--onDarkSurface": surface === "dark"
-            },
-            _b[suffixModifier.suffixModifier("arc-Card--fill", fill)] = fill !== "solid",
-            _b["arc-is-".concat(interactionMode, "InteractionMode")] = interactionMode,
-            _b)) }, index.filterDataAttrs(props)),
-        React__default["default"].createElement(Wrapper, null,
-            React__default["default"].createElement("div", { className: "arc-Card-inner", style: { minHeight: minHeight } },
-                React__default["default"].createElement("div", { className: "arc-Card-header" },
-                    React__default["default"].createElement("div", { className: "arc-Card-title" },
-                        React__default["default"].createElement(Heading.Heading, { size: titleSize },
-                            React__default["default"].createElement(CardLink, { stretch: true, onClick: onClick, actionId: actionId, fill: fill, href: href, linkData: linkData, target: target }, title))),
-                    coverImage),
-                React__default["default"].createElement("div", { className: "arc-Card-children" },
-                    React__default["default"].createElement(Card.Block, null, children)),
-                href && (React__default["default"].createElement(CardBlock, null,
-                    React__default["default"].createElement(CardLink, { href: href, fill: fill, actionId: actionId, onClick: onClick, isButton: true }, actionLabel)))))));
-};
-/**
- * Internal `Card.Block` component to section blocks of content within a Card.
- */
-var CardBlock = function (_a) {
-    var _b = _a.align, align = _b === void 0 ? "left" : _b, children = _a.children, _c = _a.isFullWidth, isFullWidth = _c === void 0 ? false : _c, _d = _a.grow, grow = _d === void 0 ? false : _d;
-    return (React__default["default"].createElement("div", { className: index$1.classNames({
-            "arc-Card-block": true,
-            "arc-Card-block--alignCenter": align === "center",
-            "arc-Card-block--alignRight": align === "right",
-            "arc-Card-block--fullWidth": isFullWidth,
-            "arc-Card-block--grow": grow
-        }) },
-        React__default["default"].createElement("div", { className: "arc-Card-blockInner" }, children)));
-};
-CardBlock.displayName = "Card.Block";
-Card.Block = CardBlock;
-/**
- * Internal `Card.Image` component to show an image within a Card.
- */
-var CardImage = function (_a) {
-    var _b = _a.alt, alt = _b === void 0 ? "" : _b, _c = _a.height, height = _c === void 0 ? 176 : _c, loading = _a.loading, sizes = _a.sizes, src = _a.src, srcSet = _a.srcSet;
-    return (React__default["default"].createElement("div", { className: index$1.classNames({
-            "arc-Card-image": true
-        }) },
-        React__default["default"].createElement(Image.Image, { alt: alt, fit: "cover", height: height, loading: loading, sizes: sizes, src: src, srcSet: srcSet })));
-};
-CardImage.displayName = "Card.Image";
-Card.Image = CardImage;
-/**
- * Internal `CardLink` component.
- */
-var CardLink = function (_a) {
-    var actionId = _a.actionId, isButton = _a.isButton, children = _a.children, fill = _a.fill, href = _a.href, _b = _a.linkData, linkData = _b === void 0 ? {} : _b, onClick = _a.onClick, stretch = _a.stretch, target = _a.target;
-    var surface = React.useContext(Surface.Context).surface;
-    return (React__default["default"].createElement("a", index.__assign({ onClick: handleLinkClick.handleLinkClick({ handler: onClick }), "aria-describedby": actionId, className: index$1.classNames({
-            "arc-Card-link": true,
-            "arc-Card-link--button": isButton,
-            "arc-Card-link--onDarkSurface": surface === "dark" && fill !== "neutral",
-            "arc-Card-link--stretch": stretch
-        }), href: href, rel: target === "_blank" ? "noopener noreferrer" : undefined, tabIndex: isButton ? -1 : undefined, target: target }, index.filterDataAttrs(linkData)),
-        React__default["default"].createElement("span", { className: "arc-Card-linkText" }, children),
-        isButton && (React__default["default"].createElement("span", { className: "arc-Card-linkIcon" },
-            React__default["default"].createElement(Icon.Icon, { testId: "cardIcon", icon: BtIconChevronRightMid.BtIconChevronRightMid_2, size: 24 })))));
-};
-
-exports.Card = Card;
+exports.Card = Card.Card;

package/dist/Card/Card.esm.d.ts

@@ -1,130 +1 @@
-/// <reference types="react" />
-import React from "react";
-import { FC, HTMLAttributes } from "react";
-/**
- * Use `Card` to contain content and actions about a single subject.
- */
-declare const Card: FC<CardProps> & {
-    Block: typeof CardBlock;
-    Image: typeof CardImage;
-};
-/**
- * Internal `Card.Block` component to section blocks of content within a Card.
- */
-declare const CardBlock: FC<{
-    /**
-     * Contents of the CardBlock.
-     */
-    children: React.ReactNode;
-    /**
-     * How should the content of the block be aligned?
-     */
-    align?: "left" | "center" | "right";
-    /**
-     * Should the block stretch to the width of the Card?
-     */
-    isFullWidth?: boolean;
-    /**
-     * Should the block grow to the fill the available vertical space? Used when the Card appears in a column.
-     */
-    grow?: boolean;
-}>;
-/**
- * Internal `Card.Image` component to show an image within a Card.
- */
-declare const CardImage: FC<{
-    /**
-     * Alternative text for the Card.Image, shown if the image cannot be displayed.
-     */
-    alt?: string;
-    /**
-     * Height of the Card.Image.
-     */
-    height?: number;
-    /**
-     * Loading behaviour of the Card.Image.
-     */
-    loading?: "eager" | "lazy";
-    /**
-     * The HTML [sizes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#Example_4_Using_the_srcset_and_sizes_attributes) attribute. Required if srcSet is defined.
-     */
-    sizes?: string;
-    /**
-     * HTML src for the Card.Image.
-     */
-    src: string;
-    /**
-     * A comma-separated list indicating a set of possible image sources for the user agent to use for different screen sizes. Same format as [srcSet](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#Example_4_Using_the_srcset_and_sizes_attributes), i.e. `my-image-200.png 200w, my-image-200.png 200w`.
-     */
-    srcSet?: string;
-}>;
-type TitleSize = "xs" | "s" | "m" | "l" | "xl";
-interface CardProps extends HTMLAttributes<HTMLElement> {
-    /**
-     * The HTML ID passed to the Card Button for aria- attributes.
-     */
-    actionId?: string;
-    /**
-     * Label for the Card's Button. You should specify this if defining an href.
-     */
-    actionLabel?: string;
-    /**
-     * A `Card.Image` to use for the cover image.
-     */
-    coverImage?: React.ReactNode;
-    /**
-     * Card fill.
-     */
-    fill?: "solid" | "outlined" | "neutral";
-    /**
-     * A URL to link to when the Card is clicked or touched.
-     */
-    href: string;
-    /**
-     * Alternative text for the Card cover image, shown if the image cannot be displayed.
-     */
-    imageAlt?: string;
-    /**
-     * Height of the Card cover image.
-     */
-    imageHeight?: number;
-    /**
-     * Loading behaviour of the Card cover image.
-     */
-    imageLoading?: "eager" | "lazy";
-    /**
-     * HTML src for the Card cover image.
-     */
-    imageSrc?: string;
-    /**
-     * A comma-separated list indicating a set of possible image sources for the user agent to use for different screen sizes in the Card cover image. Same format as [srcSet](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#Example_4_Using_the_srcset_and_sizes_attributes), i.e. `my-image-200.png 200w, my-image-200.png 200w`.
-     */
-    imageSrcSet?: string;
-    /**
-     * Object of `data-` attributes to render on internal anchor element, e.g.
-     * `{ data-analytics-link: "My link"}` => `<a data-analytics-link="My link">`.
-     */
-    linkData?: {};
-    /**
-     * The minimum height of the card. Cards in a series of columns will match the
-     * height of the tallest Card.
-     */
-    minHeight?: number;
-    /**
-     * Link target attribute for the Card link.
-     */
-    target?: "_blank" | "_parent" | "_self" | "_top";
-    /**
-     * The title for the Card, describing the content. This is required to provide good accessibility to screen readers.
-     */
-    title: string;
-    /**
-     * The size for the Card title.
-     */
-    titleSize?: TitleSize;
-    /**
-     * On click handler.
-     */
-    onClick?: () => void;
-}
-export { Card };
+export { Card } from "../_shared/esm/Card-e79eb6c8";

package/dist/Card/Card.esm.js

@@ -1,118 +1,11 @@
-import { _ as __rest, a as __assign, f as filterDataAttrs } from '../_shared/esm/index-229fc864.js';
-import { c as classNames } from '../_shared/esm/index-2ae58626.js';
-import React__default, { useState, useEffect, useContext } from 'react';
-import { B as BtIconChevronRightMid_2 } from '../_shared/esm/BtIconChevronRightMid-d9b11761.js';
-import { I as Icon } from '../_shared/esm/Icon-61f7237a.js';
-import { I as Image } from '../_shared/esm/Image-c0f3d42f.js';
-import { H as Heading } from '../_shared/esm/Heading-eb1e42db.js';
-import { s as suffixModifier } from '../_shared/esm/suffix-modifier-f5e28822.js';
-import { C as Context, S as Surface } from '../_shared/esm/Surface-bf201530.js';
-import { h as handleLinkClick } from '../_shared/esm/handle-link-click-f64f55a2.js';
-
-/**
- * Detect interaction mode
- */
-var useInteractionMode = function () {
-    var _a = useState("pointer"), interactionMode = _a[0], setInteractionMode = _a[1];
-    useEffect(function () {
-        var onKeyDown = function (event) {
-            if (event.altKey || event.ctrlKey || event.metaKey) {
-                return;
-            }
-            setInteractionMode("keyboard");
-        };
-        var onPointerDown = function () {
-            setInteractionMode("pointer");
-        };
-        if (typeof window !== "undefined") {
-            document.addEventListener("keydown", onKeyDown, true);
-            document.addEventListener("click", onPointerDown, true);
-        }
-        return function () {
-            if (typeof window !== "undefined") {
-                document.removeEventListener("keydown", onKeyDown);
-                document.removeEventListener("click", onPointerDown);
-            }
-        };
-    }, []);
-    return { interactionMode: interactionMode };
-};
-
-/**
- * Use `Card` to contain content and actions about a single subject.
- */
-var Card = function (_a) {
-    var _b;
-    var actionId = _a.actionId, _c = _a.actionLabel, actionLabel = _c === void 0 ? "Read more" : _c, children = _a.children, _d = _a.fill, fill = _d === void 0 ? "solid" : _d, href = _a.href, imageAlt = _a.imageAlt, imageHeight = _a.imageHeight, imageLoading = _a.imageLoading, imageSrc = _a.imageSrc, imageSrcSet = _a.imageSrcSet, linkData = _a.linkData, minHeight = _a.minHeight, onClick = _a.onClick, target = _a.target, title = _a.title, _e = _a.titleSize, titleSize = _e === void 0 ? "s" : _e, props = __rest(_a, ["actionId", "actionLabel", "children", "fill", "href", "imageAlt", "imageHeight", "imageLoading", "imageSrc", "imageSrcSet", "linkData", "minHeight", "onClick", "target", "title", "titleSize"]);
-    var surface = useContext(Context).surface;
-    var interactionMode = useInteractionMode().interactionMode;
-    var Wrapper = function (_a) {
-        var children = _a.children;
-        return fill === "outlined" || fill === "neutral" ? (React__default.createElement("div", null, children)) : (React__default.createElement(Surface, { background: surface === "dark" ? "white" : "darker" }, children));
-    };
-    var coverImage = imageSrc && (React__default.createElement(CardImage, { alt: imageAlt, height: imageHeight, loading: imageLoading, src: imageSrc, srcSet: imageSrcSet }));
-    return (React__default.createElement("div", __assign({ className: classNames((_b = {
-                "arc-Card": true,
-                "arc-Card--onDarkSurface": surface === "dark"
-            },
-            _b[suffixModifier("arc-Card--fill", fill)] = fill !== "solid",
-            _b["arc-is-".concat(interactionMode, "InteractionMode")] = interactionMode,
-            _b)) }, filterDataAttrs(props)),
-        React__default.createElement(Wrapper, null,
-            React__default.createElement("div", { className: "arc-Card-inner", style: { minHeight: minHeight } },
-                React__default.createElement("div", { className: "arc-Card-header" },
-                    React__default.createElement("div", { className: "arc-Card-title" },
-                        React__default.createElement(Heading, { size: titleSize },
-                            React__default.createElement(CardLink, { stretch: true, onClick: onClick, actionId: actionId, fill: fill, href: href, linkData: linkData, target: target }, title))),
-                    coverImage),
-                React__default.createElement("div", { className: "arc-Card-children" },
-                    React__default.createElement(Card.Block, null, children)),
-                href && (React__default.createElement(CardBlock, null,
-                    React__default.createElement(CardLink, { href: href, fill: fill, actionId: actionId, onClick: onClick, isButton: true }, actionLabel)))))));
-};
-/**
- * Internal `Card.Block` component to section blocks of content within a Card.
- */
-var CardBlock = function (_a) {
-    var _b = _a.align, align = _b === void 0 ? "left" : _b, children = _a.children, _c = _a.isFullWidth, isFullWidth = _c === void 0 ? false : _c, _d = _a.grow, grow = _d === void 0 ? false : _d;
-    return (React__default.createElement("div", { className: classNames({
-            "arc-Card-block": true,
-            "arc-Card-block--alignCenter": align === "center",
-            "arc-Card-block--alignRight": align === "right",
-            "arc-Card-block--fullWidth": isFullWidth,
-            "arc-Card-block--grow": grow
-        }) },
-        React__default.createElement("div", { className: "arc-Card-blockInner" }, children)));
-};
-CardBlock.displayName = "Card.Block";
-Card.Block = CardBlock;
-/**
- * Internal `Card.Image` component to show an image within a Card.
- */
-var CardImage = function (_a) {
-    var _b = _a.alt, alt = _b === void 0 ? "" : _b, _c = _a.height, height = _c === void 0 ? 176 : _c, loading = _a.loading, sizes = _a.sizes, src = _a.src, srcSet = _a.srcSet;
-    return (React__default.createElement("div", { className: classNames({
-            "arc-Card-image": true
-        }) },
-        React__default.createElement(Image, { alt: alt, fit: "cover", height: height, loading: loading, sizes: sizes, src: src, srcSet: srcSet })));
-};
-CardImage.displayName = "Card.Image";
-Card.Image = CardImage;
-/**
- * Internal `CardLink` component.
- */
-var CardLink = function (_a) {
-    var actionId = _a.actionId, isButton = _a.isButton, children = _a.children, fill = _a.fill, href = _a.href, _b = _a.linkData, linkData = _b === void 0 ? {} : _b, onClick = _a.onClick, stretch = _a.stretch, target = _a.target;
-    var surface = useContext(Context).surface;
-    return (React__default.createElement("a", __assign({ onClick: handleLinkClick({ handler: onClick }), "aria-describedby": actionId, className: classNames({
-            "arc-Card-link": true,
-            "arc-Card-link--button": isButton,
-            "arc-Card-link--onDarkSurface": surface === "dark" && fill !== "neutral",
-            "arc-Card-link--stretch": stretch
-        }), href: href, rel: target === "_blank" ? "noopener noreferrer" : undefined, tabIndex: isButton ? -1 : undefined, target: target }, filterDataAttrs(linkData)),
-        React__default.createElement("span", { className: "arc-Card-linkText" }, children),
-        isButton && (React__default.createElement("span", { className: "arc-Card-linkIcon" },
-            React__default.createElement(Icon, { testId: "cardIcon", icon: BtIconChevronRightMid_2, size: 24 })))));
-};
-
-export { Card };
+export { C as Card } from '../_shared/esm/Card-e79eb6c8.js';
+import '../_shared/esm/filter-data-attrs-afdb7d32.js';
+import '../_shared/esm/index-2ae58626.js';
+import 'react';
+import '../_shared/esm/BtIconChevronRightMid-d9b11761.js';
+import '../_shared/esm/Icon-fd247973.js';
+import '../_shared/esm/suffix-modifier-7e640670.js';
+import '../_shared/esm/Surface-bb100ef8.js';
+import '../_shared/esm/Image-3596ce55.js';
+import '../_shared/esm/Heading-b61432fb.js';
+import '../_shared/esm/handle-link-click-f64f55a2.js';

package/dist/Checkbox/Checkbox.cjs.d.ts

@@ -1,59 +1 @@
-/// <reference types="react" />
-import React from "react";
-type EventType = React.ChangeEvent<HTMLInputElement>;
-/**
- *  Use `Checkbox` to allow users to select individual options.
- */
-declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>>;
-interface CheckboxProps {
-    /**
-     * Error message for the Checkbox.
-     */
-    errorMessage?: string;
-    /**
-     * Helper text for the Checkbox, shown below the label.
-     */
-    helper?: React.ReactNode;
-    /**
-     * ID for the Checkbox.
-     */
-    id: string;
-    /**
-     * Is the input checked?
-     */
-    checked?: boolean;
-    /**
-     * Should the Checkbox be disabled?
-     */
-    isDisabled?: boolean;
-    /**
-     * Is the Checkbox required?
-     */
-    isRequired?: boolean;
-    /**
-     * Label for the Checkbox.
-     */
-    label: React.ReactNode;
-    /**
-     * Name for the Checkbox.
-     */
-    name?: string;
-    /**
-     * Function to call when the Checkbox loses focus.
-     */
-    onBlur?: (e: EventType) => void;
-    /**
-     * Callback function to update the Checkbox's controlled `checked` prop, for
-     * example `e => setChecked(e.target.checked)`.
-     */
-    onChange?: (event: EventType) => void;
-    /**
-     * Size of the Checkbox.
-     */
-    size?: "s" | "l";
-    /**
-     * Value for the Checkbox.
-     */
-    value?: string;
-}
-export { Checkbox };
+export { Checkbox } from "../_shared/cjs/Checkbox-21d3c4f6";