@jobber/components 6.44.0 → 6.44.1-scottthi-50f9f2e.5

package/dist/ResponsiveSwitcher/types.d.ts

@@ -1,10 +1,17 @@
+import { AtlantisBreakpoints } from "../sharedHelpers/getMappedBreakpointWidth";
 import { type CommonAllowedElements, type CommonAtlantisProps, type GapSpacing } from "../sharedHelpers/types";
 export interface ResponsiveSwitcherProps extends CommonAtlantisProps {
     readonly children: React.ReactNode;
     /** The minimum width of the top-level children. If this can't be met, the children will break to row. */
-    readonly threshold: string;
+    readonly threshold?: string;
     /** The amount of space between the children. Semantic tokens are available. */
     readonly gap?: GapSpacing;
+    /** The element to scale the children by. Defaults to `container`. */
+    scaleBy?: "container" | "screen";
+    /** The breakpoint to collapse the responsive switcher at. */
+    readonly collapseBelow?: keyof typeof AtlantisBreakpoints;
+    /** Force the responsive switcher to collapse. Use this when our breakpoints are not enough control. */
+    readonly collapsed?: boolean;
     /** The HTML tag to render the container as. Defaults to `div`. */
     as?: CommonAllowedElements;
     /** Useful for dynamic content. If the number of children is greater than this, the children will break to row. */

package/dist/ResponsiveSwitcher-cjs.js

@@ -4,10 +4,10 @@ var React = require('react');
 var classnames = require('classnames');
 var getMappedAtlantisSpaceToken = require('./getMappedAtlantisSpaceToken-cjs.js');
 
-var styles = {"responsiveSwitcher":"BQqkfvwFjbQ-","limit-1":"zpPbVPrtiLc-","limit-2":"FC2KY5S6p6E-","limit-3":"XJQ0uo0TZ2w-","limit-4":"QmUWX7VCL0A-","limit-5":"_0gKXd8nPCKU-","limit-6":"DvGgLdlE8Ac-","limit-7":"_4PxEtfehh4s-","limit-8":"DZPW3Q-N5ik-","limit-9":"_2BL9H-tmzMk-","spinning":"_71sUKXu-3yM-"};
+var styles = {"responsiveSwitcher":"BQqkfvwFjbQ-","sm":"-lmzVsvhDTc-","md":"_2-hgBFgHfQA-","lg":"qvgC1Lpk62Q-","xl":"QhS40t6RnPg-","scaleByScreen":"g9-3YxA1RxM-","collapsed":"hNRmsnqGQbc-","limit-1":"zpPbVPrtiLc-","limit-2":"FC2KY5S6p6E-","limit-3":"XJQ0uo0TZ2w-","limit-4":"QmUWX7VCL0A-","limit-5":"_0gKXd8nPCKU-","limit-6":"DvGgLdlE8Ac-","limit-7":"_4PxEtfehh4s-","limit-8":"DZPW3Q-N5ik-","limit-9":"_2BL9H-tmzMk-","spinning":"_71sUKXu-3yM-"};
 
-function ResponsiveSwitcher({ children, threshold, gap = getMappedAtlantisSpaceToken.spaceTokens.base, limit = 2, as: Tag = "div", dataAttributes, ariaAttributes, role, id, UNSAFE_className, UNSAFE_style, }) {
-    return (React.createElement(Tag, Object.assign({ role: role, id: id }, dataAttributes, ariaAttributes, { className: classnames(styles.responsiveSwitcher, styles[`limit-${limit}`], UNSAFE_className === null || UNSAFE_className === void 0 ? void 0 : UNSAFE_className.container), style: Object.assign({ "--public-responsive-switcher-threshold": threshold, "--public-responsive-switcher-space": getMappedAtlantisSpaceToken.getMappedAtlantisSpaceToken(gap), "--public-responsive-switcher-limit": limit }, UNSAFE_style === null || UNSAFE_style === void 0 ? void 0 : UNSAFE_style.container) }), children));
+function ResponsiveSwitcher({ children, threshold = "50%", gap = getMappedAtlantisSpaceToken.spaceTokens.base, limit = 2, scaleBy = "container", as: Tag = "div", dataAttributes, ariaAttributes, collapseBelow, collapsed, role, id, UNSAFE_className, UNSAFE_style, }) {
+    return (React.createElement(Tag, Object.assign({ role: role, id: id }, dataAttributes, ariaAttributes, { className: classnames(styles.responsiveSwitcher, scaleBy === "screen" && styles.scaleByScreen, styles[`limit-${limit}`], collapseBelow && styles[collapseBelow], collapsed ? styles.collapsed : undefined, UNSAFE_className === null || UNSAFE_className === void 0 ? void 0 : UNSAFE_className.container), style: Object.assign({ "--public-responsive-switcher-threshold": threshold, "--public-responsive-switcher-space": getMappedAtlantisSpaceToken.getMappedAtlantisSpaceToken(gap), "--public-responsive-switcher-limit": limit }, UNSAFE_style === null || UNSAFE_style === void 0 ? void 0 : UNSAFE_style.container) }), children));
 }
 
 exports.ResponsiveSwitcher = ResponsiveSwitcher;

package/dist/ResponsiveSwitcher-es.js

@@ -2,10 +2,10 @@ import React__default from 'react';
 import classnames from 'classnames';
 import { g as getMappedAtlantisSpaceToken, s as spaceTokens } from './getMappedAtlantisSpaceToken-es.js';
 
-var styles = {"responsiveSwitcher":"BQqkfvwFjbQ-","limit-1":"zpPbVPrtiLc-","limit-2":"FC2KY5S6p6E-","limit-3":"XJQ0uo0TZ2w-","limit-4":"QmUWX7VCL0A-","limit-5":"_0gKXd8nPCKU-","limit-6":"DvGgLdlE8Ac-","limit-7":"_4PxEtfehh4s-","limit-8":"DZPW3Q-N5ik-","limit-9":"_2BL9H-tmzMk-","spinning":"_71sUKXu-3yM-"};
+var styles = {"responsiveSwitcher":"BQqkfvwFjbQ-","sm":"-lmzVsvhDTc-","md":"_2-hgBFgHfQA-","lg":"qvgC1Lpk62Q-","xl":"QhS40t6RnPg-","scaleByScreen":"g9-3YxA1RxM-","collapsed":"hNRmsnqGQbc-","limit-1":"zpPbVPrtiLc-","limit-2":"FC2KY5S6p6E-","limit-3":"XJQ0uo0TZ2w-","limit-4":"QmUWX7VCL0A-","limit-5":"_0gKXd8nPCKU-","limit-6":"DvGgLdlE8Ac-","limit-7":"_4PxEtfehh4s-","limit-8":"DZPW3Q-N5ik-","limit-9":"_2BL9H-tmzMk-","spinning":"_71sUKXu-3yM-"};
 
-function ResponsiveSwitcher({ children, threshold, gap = spaceTokens.base, limit = 2, as: Tag = "div", dataAttributes, ariaAttributes, role, id, UNSAFE_className, UNSAFE_style, }) {
-    return (React__default.createElement(Tag, Object.assign({ role: role, id: id }, dataAttributes, ariaAttributes, { className: classnames(styles.responsiveSwitcher, styles[`limit-${limit}`], UNSAFE_className === null || UNSAFE_className === void 0 ? void 0 : UNSAFE_className.container), style: Object.assign({ "--public-responsive-switcher-threshold": threshold, "--public-responsive-switcher-space": getMappedAtlantisSpaceToken(gap), "--public-responsive-switcher-limit": limit }, UNSAFE_style === null || UNSAFE_style === void 0 ? void 0 : UNSAFE_style.container) }), children));
+function ResponsiveSwitcher({ children, threshold = "50%", gap = spaceTokens.base, limit = 2, scaleBy = "container", as: Tag = "div", dataAttributes, ariaAttributes, collapseBelow, collapsed, role, id, UNSAFE_className, UNSAFE_style, }) {
+    return (React__default.createElement(Tag, Object.assign({ role: role, id: id }, dataAttributes, ariaAttributes, { className: classnames(styles.responsiveSwitcher, scaleBy === "screen" && styles.scaleByScreen, styles[`limit-${limit}`], collapseBelow && styles[collapseBelow], collapsed ? styles.collapsed : undefined, UNSAFE_className === null || UNSAFE_className === void 0 ? void 0 : UNSAFE_className.container), style: Object.assign({ "--public-responsive-switcher-threshold": threshold, "--public-responsive-switcher-space": getMappedAtlantisSpaceToken(gap), "--public-responsive-switcher-limit": limit }, UNSAFE_style === null || UNSAFE_style === void 0 ? void 0 : UNSAFE_style.container) }), children));
 }
 
 export { ResponsiveSwitcher as R };

package/dist/Select/hooks/useSelectActions.d.ts

@@ -11,6 +11,5 @@ export declare function useSelectActions({ onChange, onBlur, onFocus, }: UseSele
     handleChange: (event: ChangeEvent<HTMLSelectElement>) => void;
     handleBlur: () => void;
     handleFocus: () => void;
-    handleClear: () => void;
 };
 export {};

package/dist/Select/index.cjs

@@ -47,15 +47,10 @@ function useSelectActions({ onChange, onBlur, onFocus, }) {
     function handleFocus() {
         onFocus === null || onFocus === void 0 ? void 0 : onFocus();
     }
-    // Noop for SelectRebuilt since onClear is a required prop for FormFieldWrapper
-    // but Select is not clearable.
-    // eslint-disable-next-line @typescript-eslint/no-empty-function
-    function handleClear() { }
     return {
         handleChange,
         handleBlur,
         handleFocus,
-        handleClear,
     };
 }
 
@@ -82,7 +77,7 @@ function SelectRebuilt(props) {
         nameProp: props.name,
         id: id,
     });
-    const { handleChange, handleBlur, handleFocus, handleClear } = useSelectActions({
+    const { handleChange, handleBlur, handleFocus } = useSelectActions({
         onChange: props.onChange,
         onBlur: props.onBlur,
         onFocus: props.onFocus,
@@ -100,7 +95,7 @@ function SelectRebuilt(props) {
         handleChange,
         handleBlur,
         handleFocus }));
-    return (React.createElement(FormField.FormFieldWrapper, { disabled: props.disabled, size: props.size, align: props.align, inline: props.inline, autofocus: props.autofocus, name: name, wrapperRef: wrapperRef, error: "", invalid: props.invalid, identifier: id, descriptionIdentifier: descriptionIdentifier, description: props.description, type: "select", placeholder: props.placeholder, value: props.value, prefix: props.prefix, suffix: props.suffix, onClear: handleClear, clearable: "never", maxLength: props.maxLength },
+    return (React.createElement(FormField.FormFieldWrapper, { disabled: props.disabled, size: props.size, align: props.align, inline: props.inline, autofocus: props.autofocus, name: name, wrapperRef: wrapperRef, error: "", invalid: props.invalid, identifier: id, descriptionIdentifier: descriptionIdentifier, description: props.description, type: "select", placeholder: props.placeholder, value: props.value, prefix: props.prefix, suffix: props.suffix, clearable: "never", maxLength: props.maxLength },
         React.createElement(React.Fragment, null,
             React.createElement("select", Object.assign({}, fieldProps, { ref: selectRef, className: inputStyle }), props.children),
             React.createElement(FormField.FormFieldPostFix, { variation: "select" }))));

package/dist/Select/index.mjs

@@ -45,15 +45,10 @@ function useSelectActions({ onChange, onBlur, onFocus, }) {
     function handleFocus() {
         onFocus === null || onFocus === void 0 ? void 0 : onFocus();
     }
-    // Noop for SelectRebuilt since onClear is a required prop for FormFieldWrapper
-    // but Select is not clearable.
-    // eslint-disable-next-line @typescript-eslint/no-empty-function
-    function handleClear() { }
     return {
         handleChange,
         handleBlur,
         handleFocus,
-        handleClear,
     };
 }
 
@@ -80,7 +75,7 @@ function SelectRebuilt(props) {
         nameProp: props.name,
         id: id,
     });
-    const { handleChange, handleBlur, handleFocus, handleClear } = useSelectActions({
+    const { handleChange, handleBlur, handleFocus } = useSelectActions({
         onChange: props.onChange,
         onBlur: props.onBlur,
         onFocus: props.onFocus,
@@ -98,7 +93,7 @@ function SelectRebuilt(props) {
         handleChange,
         handleBlur,
         handleFocus }));
-    return (React__default.createElement(FormFieldWrapper, { disabled: props.disabled, size: props.size, align: props.align, inline: props.inline, autofocus: props.autofocus, name: name, wrapperRef: wrapperRef, error: "", invalid: props.invalid, identifier: id, descriptionIdentifier: descriptionIdentifier, description: props.description, type: "select", placeholder: props.placeholder, value: props.value, prefix: props.prefix, suffix: props.suffix, onClear: handleClear, clearable: "never", maxLength: props.maxLength },
+    return (React__default.createElement(FormFieldWrapper, { disabled: props.disabled, size: props.size, align: props.align, inline: props.inline, autofocus: props.autofocus, name: name, wrapperRef: wrapperRef, error: "", invalid: props.invalid, identifier: id, descriptionIdentifier: descriptionIdentifier, description: props.description, type: "select", placeholder: props.placeholder, value: props.value, prefix: props.prefix, suffix: props.suffix, clearable: "never", maxLength: props.maxLength },
         React__default.createElement(React__default.Fragment, null,
             React__default.createElement("select", Object.assign({}, fieldProps, { ref: selectRef, className: inputStyle }), props.children),
             React__default.createElement(FormFieldPostFix, { variation: "select" }))));

package/dist/Stack/Stack.d.ts

@@ -1,2 +1,2 @@
 import { StackProps } from "./types";
-export declare function Stack({ gap, recursive, splitAfter, children, align, autoWidth, as: Tag, dataAttributes, ariaAttributes, role, id, UNSAFE_className, UNSAFE_style, }: StackProps): JSX.Element;
+export declare function Stack({ gap, recursive, splitAfter, children, align, autoWidth, as: Tag, dataAttributes, ariaAttributes, role, id, divider, UNSAFE_className, UNSAFE_style, }: StackProps): JSX.Element;

package/dist/Stack/types.d.ts

@@ -13,6 +13,8 @@ export interface StackProps extends CommonAtlantisProps {
     readonly align?: "start" | "center" | "end";
     /** Whether to allow the stack to take the width of the content. Defaults to 100% */
     readonly autoWidth?: boolean;
+    /** Element to divide the stack with. */
+    divider?: React.ReactNode;
     /** The HTML tag to render the container as. Defaults to `div`. */
     as?: CommonAllowedElements;
     /** **Use at your own risk:** Custom class names for specific elements. This should only be used as a

package/dist/Stack-cjs.js

@@ -6,10 +6,14 @@ var getMappedAtlantisSpaceToken = require('./getMappedAtlantisSpaceToken-cjs.js'
 
 var styles = {"stack":"_7bHFxCX3jv4-","start":"MoTsKGfy3zs-","center":"oXb2OHKGH4k-","end":"Clyb5sed46w-","topOnly":"_8ttf1JCju08-","recursive":"nzG883u-wZc-","splitAfter-1":"Y-Mt8C2tNsI-","splitAfter-2":"atxW7JGTiYI-","splitAfter-3":"QuY15WlcoVo-","splitAfter-4":"Vb-dwL9R1oQ-","splitAfter-5":"IjFGwSc9hoQ-","splitAfter-6":"xUe57aXJOOk-","splitAfter-7":"pSWCwyHJBsk-","splitAfter-8":"GAlopfCh8a8-","splitAfter-9":"WMC8WPjJ8TA-","splitAfter-10":"PxqAnvgqC24-","splitAfter-11":"fEFj-rRg7pw-","splitAfter-12":"eN-ykUdJrAU-","splitAfter-13":"Jic7p-x-iKg-","splitAfter-14":"PaC-tFnXMh8-","splitAfter-15":"isuG1fzSWMs-","spinning":"f07n6aE586M-"};
 
-function Stack({ gap = getMappedAtlantisSpaceToken.spaceTokens.base, recursive, splitAfter, children, align, autoWidth = false, as: Tag = "div", dataAttributes, ariaAttributes, role, id, UNSAFE_className, UNSAFE_style, }) {
+function Stack({ gap = getMappedAtlantisSpaceToken.spaceTokens.base, recursive, splitAfter, children, align, autoWidth = false, as: Tag = "div", dataAttributes, ariaAttributes, role, id, divider, UNSAFE_className, UNSAFE_style, }) {
     return (React.createElement(Tag, Object.assign({ role: role, id: id }, dataAttributes, ariaAttributes, { style: Object.assign({ "--public-stack-split": splitAfter, "--public-stack-space": getMappedAtlantisSpaceToken.getMappedAtlantisSpaceToken(gap), "--public-stack-width": autoWidth ? "auto" : "100%" }, UNSAFE_style === null || UNSAFE_style === void 0 ? void 0 : UNSAFE_style.container), className: classnames(styles.stack, recursive ? styles.recursive : styles.topOnly, splitAfter
             ? styles[`splitAfter-${splitAfter}`]
-            : undefined, align === "center" ? styles.center : undefined, align === "start" ? styles.start : undefined, align === "end" ? styles.end : undefined, UNSAFE_className === null || UNSAFE_className === void 0 ? void 0 : UNSAFE_className.container) }), children));
+            : undefined, align === "center" ? styles.center : undefined, align === "start" ? styles.start : undefined, align === "end" ? styles.end : undefined, UNSAFE_className === null || UNSAFE_className === void 0 ? void 0 : UNSAFE_className.container) }), divider && Array.isArray(children)
+        ? children.map((child, index) => (React.createElement(React.Fragment, null,
+            child,
+            index < children.length - 1 && divider)))
+        : children));
 }
 
 exports.Stack = Stack;

package/dist/Stack-es.js

@@ -4,10 +4,14 @@ import { g as getMappedAtlantisSpaceToken, s as spaceTokens } from './getMappedA
 
 var styles = {"stack":"_7bHFxCX3jv4-","start":"MoTsKGfy3zs-","center":"oXb2OHKGH4k-","end":"Clyb5sed46w-","topOnly":"_8ttf1JCju08-","recursive":"nzG883u-wZc-","splitAfter-1":"Y-Mt8C2tNsI-","splitAfter-2":"atxW7JGTiYI-","splitAfter-3":"QuY15WlcoVo-","splitAfter-4":"Vb-dwL9R1oQ-","splitAfter-5":"IjFGwSc9hoQ-","splitAfter-6":"xUe57aXJOOk-","splitAfter-7":"pSWCwyHJBsk-","splitAfter-8":"GAlopfCh8a8-","splitAfter-9":"WMC8WPjJ8TA-","splitAfter-10":"PxqAnvgqC24-","splitAfter-11":"fEFj-rRg7pw-","splitAfter-12":"eN-ykUdJrAU-","splitAfter-13":"Jic7p-x-iKg-","splitAfter-14":"PaC-tFnXMh8-","splitAfter-15":"isuG1fzSWMs-","spinning":"f07n6aE586M-"};
 
-function Stack({ gap = spaceTokens.base, recursive, splitAfter, children, align, autoWidth = false, as: Tag = "div", dataAttributes, ariaAttributes, role, id, UNSAFE_className, UNSAFE_style, }) {
+function Stack({ gap = spaceTokens.base, recursive, splitAfter, children, align, autoWidth = false, as: Tag = "div", dataAttributes, ariaAttributes, role, id, divider, UNSAFE_className, UNSAFE_style, }) {
     return (React__default.createElement(Tag, Object.assign({ role: role, id: id }, dataAttributes, ariaAttributes, { style: Object.assign({ "--public-stack-split": splitAfter, "--public-stack-space": getMappedAtlantisSpaceToken(gap), "--public-stack-width": autoWidth ? "auto" : "100%" }, UNSAFE_style === null || UNSAFE_style === void 0 ? void 0 : UNSAFE_style.container), className: classnames(styles.stack, recursive ? styles.recursive : styles.topOnly, splitAfter
             ? styles[`splitAfter-${splitAfter}`]
-            : undefined, align === "center" ? styles.center : undefined, align === "start" ? styles.start : undefined, align === "end" ? styles.end : undefined, UNSAFE_className === null || UNSAFE_className === void 0 ? void 0 : UNSAFE_className.container) }), children));
+            : undefined, align === "center" ? styles.center : undefined, align === "start" ? styles.start : undefined, align === "end" ? styles.end : undefined, UNSAFE_className === null || UNSAFE_className === void 0 ? void 0 : UNSAFE_className.container) }), divider && Array.isArray(children)
+        ? children.map((child, index) => (React__default.createElement(React__default.Fragment, null,
+            child,
+            index < children.length - 1 && divider)))
+        : children));
 }
 
 export { Stack as S };

package/dist/Text/Text.d.ts

@@ -5,6 +5,10 @@ export interface TextProps {
     readonly variation?: "default" | "subdued" | "success" | "error" | "warn" | "info" | "disabled";
     readonly align?: "start" | "center" | "end";
     readonly size?: "small" | "base" | "large";
+    /**
+     * @default "p"
+     */
+    readonly element?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "b" | "em" | "dd" | "dt" | "strong" | "span";
     /**
      * **Use at your own risk:** Custom classNames for specific elements. This should only be used as a
      * **last resort**. Using this may result in unexpected side effects.
@@ -18,4 +22,4 @@ export interface TextProps {
      */
     readonly UNSAFE_style?: TypographyProps["UNSAFE_style"];
 }
-export declare function Text({ variation, size, align, children, maxLines, UNSAFE_className, UNSAFE_style, }: PropsWithChildren<TextProps>): JSX.Element;
+export declare function Text({ variation, size, align, children, maxLines, element, UNSAFE_className, UNSAFE_style, }: PropsWithChildren<TextProps>): JSX.Element;

package/dist/Text-cjs.js

@@ -3,7 +3,7 @@
 var React = require('react');
 var Typography = require('./Typography-cjs.js');
 
-function Text({ variation = "default", size = "base", align = "start", children, maxLines = "unlimited", UNSAFE_className, UNSAFE_style, }) {
+function Text({ variation = "default", size = "base", align = "start", children, maxLines = "unlimited", element = "p", UNSAFE_className, UNSAFE_style, }) {
     const textColors = {
         default: "text",
         subdued: "textSecondary",
@@ -21,7 +21,7 @@ function Text({ variation = "default", size = "base", align = "start", children,
         larger: 16,
         unlimited: undefined,
     };
-    return (React.createElement(Typography.Typography, { textColor: textColors[variation], size: size, numberOfLines: maxLineToNumber[maxLines], align: align, UNSAFE_className: UNSAFE_className, UNSAFE_style: UNSAFE_style }, children));
+    return (React.createElement(Typography.Typography, { textColor: textColors[variation], size: size, numberOfLines: maxLineToNumber[maxLines], align: align, element: element, UNSAFE_className: UNSAFE_className, UNSAFE_style: UNSAFE_style }, children));
 }
 
 exports.Text = Text;

package/dist/Text-es.js

@@ -1,7 +1,7 @@
 import React__default from 'react';
 import { T as Typography } from './Typography-es.js';
 
-function Text({ variation = "default", size = "base", align = "start", children, maxLines = "unlimited", UNSAFE_className, UNSAFE_style, }) {
+function Text({ variation = "default", size = "base", align = "start", children, maxLines = "unlimited", element = "p", UNSAFE_className, UNSAFE_style, }) {
     const textColors = {
         default: "text",
         subdued: "textSecondary",
@@ -19,7 +19,7 @@ function Text({ variation = "default", size = "base", align = "start", children,
         larger: 16,
         unlimited: undefined,
     };
-    return (React__default.createElement(Typography, { textColor: textColors[variation], size: size, numberOfLines: maxLineToNumber[maxLines], align: align, UNSAFE_className: UNSAFE_className, UNSAFE_style: UNSAFE_style }, children));
+    return (React__default.createElement(Typography, { textColor: textColors[variation], size: size, numberOfLines: maxLineToNumber[maxLines], align: align, element: element, UNSAFE_className: UNSAFE_className, UNSAFE_style: UNSAFE_style }, children));
 }
 
 export { Text as T };

package/dist/index.cjs

@@ -58,6 +58,8 @@ var Frame = require('./Frame-cjs.js');
 var Gallery = require('./Gallery-cjs.js');
 var Glimmer = require('./Glimmer-cjs.js');
 var Grid = require('./Grid-cjs.js');
+var Hidden = require('./Hidden-cjs.js');
+var HiddenVisually = require('./HiddenVisually-cjs.js');
 var InlineLabel = require('./InlineLabel-cjs.js');
 var InputAvatar = require('./InputAvatar-cjs.js');
 var InputDate_index = require('./InputDate/index.cjs');
@@ -215,7 +217,7 @@ exports.Cluster = Cluster.Cluster;
 exports.Container = Container.Container;
 exports.Cover = Cover.Cover;
 exports.Checkbox = Checkbox_index.Checkbox;
-exports.Chip = Chip.Chip;
+exports.Chip = Chip.ChipNamespace;
 exports.ChipDismissible = ChipDismissible.ChipDismissible;
 exports.ChipSelectable = ChipDismissible.ChipSelectable;
 exports.Chips = Chips.Chips;
@@ -268,6 +270,8 @@ exports.GLIMMER_TEST_ID = Glimmer.GLIMMER_TEST_ID;
 exports.Glimmer = Glimmer.Glimmer;
 exports.GRID_TEST_ID = Grid.GRID_TEST_ID;
 exports.Grid = Grid.Grid;
+exports.Hidden = Hidden.Hidden;
+exports.HiddenVisually = HiddenVisually.HiddenVisually;
 exports.InlineLabel = InlineLabel.InlineLabel;
 exports.InputAvatar = InputAvatar.InputAvatar;
 exports.InputDate = InputDate_index.InputDate;

package/dist/index.d.mts

@@ -43,6 +43,8 @@ export * from "./Gallery";
 export * from "./Glimmer";
 export * from "./Grid";
 export * from "./Heading";
+export * from "./Hidden";
+export * from "./HiddenVisually";
 export * from "./Icon";
 export * from "./InlineLabel";
 export * from "./InputAvatar";

package/dist/index.d.ts

@@ -43,6 +43,8 @@ export * from "./Gallery";
 export * from "./Glimmer";
 export * from "./Grid";
 export * from "./Heading";
+export * from "./Hidden";
+export * from "./HiddenVisually";
 export * from "./Icon";
 export * from "./InlineLabel";
 export * from "./InputAvatar";

package/dist/index.mjs

@@ -56,6 +56,8 @@ export { F as Frame } from './Frame-es.js';
 export { G as Gallery } from './Gallery-es.js';
 export { a as GLIMMER_TEST_ID, G as Glimmer } from './Glimmer-es.js';
 export { G as GRID_TEST_ID, a as Grid } from './Grid-es.js';
+export { H as Hidden } from './Hidden-es.js';
+export { H as HiddenVisually } from './HiddenVisually-es.js';
 export { I as InlineLabel } from './InlineLabel-es.js';
 export { I as InputAvatar } from './InputAvatar-es.js';
 export { InputDate } from './InputDate/index.mjs';