@arc-ui/components 10.1.0 → 10.2.0

package/dist/Align/index.d.ts

@@ -0,0 +1,25 @@
+import { FC, ReactNode } from "react";
+/**
+ * Use `Align` to align items horizontally or vertically.
+ */
+declare const Align: FC<AlignProps>;
+interface AlignProps {
+    /**
+     * Contents of the Align. Each item will be wrapped in an AlignItem component.
+     */
+    children: ReactNode;
+    /**
+     * Horizontal alignment of the Align children.
+     */
+    horizontal?: "left" | "center" | "right";
+    /**
+     * Should the Align child wrappers be visible for debugging and documentation
+     * purposes?
+     */
+    isDebugVisible?: boolean;
+    /**
+     * Vertical alignment of the Align children.
+     */
+    vertical?: "top" | "center" | "bottom";
+}
+export { Align };

package/dist/Align/index.js

@@ -0,0 +1,25 @@
+import { _ as __rest, a as __assign, f as filterDataAttrs } from '../_shared/index-e3c83626.js';
+import { c as classNames } from '../_shared/index-56d9df62.js';
+import React from 'react';
+import { s as suffixModifier } from '../_shared/suffix-modifier-2a93822c.js';
+
+/**
+ * Use `Align` to align items horizontally or vertically.
+ */
+var Align = function (_a) {
+    var _b;
+    var children = _a.children, _c = _a.horizontal, horizontal = _c === void 0 ? "left" : _c, _d = _a.isDebugVisible, isDebugVisible = _d === void 0 ? false : _d, _e = _a.vertical, vertical = _e === void 0 ? "top" : _e, props = __rest(_a, ["children", "horizontal", "isDebugVisible", "vertical"]);
+    var wrappedChildren = React.Children.map(children, function (child, i) { return (React.createElement(AlignItem, { key: i }, child)); });
+    return (React.createElement("div", __assign({ className: classNames((_b = {},
+            _b["arc-Align"] = true,
+            _b[suffixModifier("arc-Align--horizontal", horizontal)] = horizontal !== "left",
+            _b["arc-Align--debugVisible"] = isDebugVisible,
+            _b[suffixModifier("arc-Align--vertical", vertical)] = vertical !== "top",
+            _b)) }, filterDataAttrs(props)), wrappedChildren));
+};
+var AlignItem = function (_a) {
+    var children = _a.children;
+    return React.createElement("div", { className: "arc-Align-item" }, children);
+};
+
+export { Align };

package/dist/Base/index.d.ts

@@ -0,0 +1,16 @@
+import { FC } from "react";
+/**
+ * Use `Base` as the root component of the arc system.
+ */
+declare const Base: FC<BaseProps>;
+interface BaseProps {
+    /**
+     * Brand theme to apply to Base.
+     */
+    brand?: "bt" | null;
+    /**
+     * Content to display inside Base.
+     */
+    children: any;
+}
+export { Base };

package/dist/Base/index.js

@@ -0,0 +1,12 @@
+import { _ as __rest, a as __assign, f as filterDataAttrs } from '../_shared/index-e3c83626.js';
+import React from 'react';
+
+/**
+ * Use `Base` as the root component of the arc system.
+ */
+var Base = function (_a) {
+    var _b = _a.brand, brand = _b === void 0 ? "bt" : _b, children = _a.children, props = __rest(_a, ["brand", "children"]);
+    return (React.createElement("div", __assign({ className: "arc".concat(brand ? " arc-".concat(brand) : "") }, filterDataAttrs(props)), children));
+};
+
+export { Base };

package/dist/BrandLogo/index.d.ts

@@ -0,0 +1 @@
+export { BrandLogo } from "../_shared/BrandLogo-6cc8202e";

package/dist/BrandLogo/index.js

@@ -0,0 +1,6 @@
+export { B as BrandLogo } from '../_shared/BrandLogo-6cc8202e.js';
+import '../_shared/index-e3c83626.js';
+import '../_shared/index-56d9df62.js';
+import 'react';
+import '../_shared/suffix-modifier-2a93822c.js';
+import '../_shared/Surface-3fe44a2a.js';

package/dist/Breadcrumbs/index.d.ts

@@ -0,0 +1,57 @@
+/// <reference types="react" />
+import React from "react";
+import { FC, ReactNode } from "react";
+declare const BreadcrumbsItem: FC<ItemProps>;
+interface ItemProps {
+    /**
+     * Render child elements within `Breadcrumbs.Item`
+     */
+    children?: ReactNode;
+    /**
+     * Use icon as a spacer that will be positioned after `Breadcrumbs.Item`.
+     */
+    spacerIconAfter?: boolean;
+    /**
+     * Use icon as a spacer that will be positioned before `Breadcrumbs.Item`.
+     */
+    spacerIconBefore?: boolean;
+}
+declare const BreadcrumbsLink: FC<LinkProps>;
+interface LinkProps {
+    /**
+     * Where breadcrumb linkshould lead too
+     */
+    href?: string;
+    /**
+     * Pass a function to the breadcrumb item
+     */
+    onClick?: () => void;
+    /**
+     * Highlights item in breadcrumb (This also removes the a tag and any links)
+     */
+    isActive?: boolean;
+    /**
+     * Ref to `<a>` tag
+     */
+    ref?: React.Ref<HTMLAnchorElement>;
+    /**
+     * React router property
+     */
+    navigate?: () => void;
+}
+/** Use `Breadcrumbs` to add a secondary navigation scheme that reveals the user’s location. Each item should be wrapped with `Breadcrumbs.Item` */
+declare const Breadcrumbs: FC<BreadcrumbsProps> & {
+    Item: typeof BreadcrumbsItem;
+    Link: typeof BreadcrumbsLink;
+};
+interface BreadcrumbsProps {
+    /**
+     * Contents of the Breadcrumbs. Should only contain `Breadcrumb.Item`.
+     */
+    children: ReactNode;
+    /**
+     * Select if you want the Nav items to be Light
+     */
+    isLight?: boolean;
+}
+export { Breadcrumbs };