@arc-ui/components 10.8.0 → 10.8.1

package/dist/Align/Align.cjs.js

@@ -0,0 +1,33 @@
+'use strict';
+
+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 suffixModifier = require('../_shared/cjs/suffix-modifier-edf7851e.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+/**
+ * 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 = index.__rest(_a, ["children", "horizontal", "isDebugVisible", "vertical"]);
+    var wrappedChildren = React__default["default"].Children.map(children, function (child, i) { return (React__default["default"].createElement(AlignItem, { key: i }, child)); });
+    return (React__default["default"].createElement("div", index.__assign({ className: index$1.classNames((_b = {},
+            _b["arc-Align"] = true,
+            _b[suffixModifier.suffixModifier("arc-Align--horizontal", horizontal)] = horizontal !== "left",
+            _b["arc-Align--debugVisible"] = isDebugVisible,
+            _b[suffixModifier.suffixModifier("arc-Align--vertical", vertical)] = vertical !== "top",
+            _b)) }, index.filterDataAttrs(props)), wrappedChildren));
+};
+var AlignItem = function (_a) {
+    var children = _a.children;
+    return React__default["default"].createElement("div", { className: "arc-Align-item" }, children);
+};
+
+exports.Align = Align;

package/dist/Align/Align.esm.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 → Align.esm.js}

@@ -1,7 +1,7 @@
-import { _ as __rest, a as __assign, f as filterDataAttrs } from '../_shared/index-e3c83626.js';
-import { c as classNames } from '../_shared/index-56d9df62.js';
+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 from 'react';
-import { s as suffixModifier } from '../_shared/suffix-modifier-2a93822c.js';
+import { s as suffixModifier } from '../_shared/esm/suffix-modifier-f5e28822.js';
 
 /**
  * Use `Align` to align items horizontally or vertically.

package/dist/Align/package.json

@@ -0,0 +1,7 @@
+{
+  "name": "@arc-ui/align",
+  "types": "./Align.esm.d.ts",
+  "main": "./Align.cjs.js",
+  "module": "./Align.esm.js",
+  "private": true
+}

package/dist/Base/Base.cjs.js

@@ -0,0 +1,23 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var index = require('../_shared/cjs/index-78b35bc1.js');
+var React = require('react');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var ArcRootElementContext = React.createContext(null);
+/**
+ * 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 = index.__rest(_a, ["brand", "children"]);
+    var _c = React__default["default"].useState(null), arcRoot = _c[0], setArcRoot = _c[1];
+    return (React__default["default"].createElement("div", index.__assign({ id: "arc-root", ref: setArcRoot, className: "arc".concat(brand ? " arc-".concat(brand) : "") }, index.filterDataAttrs(props)),
+        React__default["default"].createElement(ArcRootElementContext.Provider, { value: arcRoot }, children)));
+};
+
+exports.Base = Base;

package/dist/Base/Base.esm.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 → Base.esm.js}

@@ -1,4 +1,4 @@
-import { _ as __rest, a as __assign, f as filterDataAttrs } from '../_shared/index-e3c83626.js';
+import { _ as __rest, a as __assign, f as filterDataAttrs } from '../_shared/esm/index-229fc864.js';
 import React, { createContext } from 'react';
 
 var ArcRootElementContext = createContext(null);

package/dist/Base/package.json

@@ -0,0 +1,7 @@
+{
+  "name": "@arc-ui/base",
+  "types": "./Base.esm.d.ts",
+  "main": "./Base.cjs.js",
+  "module": "./Base.esm.js",
+  "private": true
+}

package/dist/BrandLogo/BrandLogo.cjs.d.ts

@@ -0,0 +1 @@
+export { BrandLogo } from "../_shared/cjs/BrandLogo-3c6102ef";

package/dist/BrandLogo/BrandLogo.cjs.js

@@ -0,0 +1,14 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var BrandLogo = require('../_shared/cjs/BrandLogo-3c6102ef.js');
+require('../_shared/cjs/index-78b35bc1.js');
+require('../_shared/cjs/index-45bfb67b.js');
+require('react');
+require('../_shared/cjs/suffix-modifier-edf7851e.js');
+require('../_shared/cjs/Surface-d6b8010e.js');
+
+
+
+exports.BrandLogo = BrandLogo.BrandLogo;

package/dist/BrandLogo/BrandLogo.esm.d.ts

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

package/dist/BrandLogo/BrandLogo.esm.js

@@ -0,0 +1,6 @@
+export { B as BrandLogo } from '../_shared/esm/BrandLogo-ea3dd0e6.js';
+import '../_shared/esm/index-229fc864.js';
+import '../_shared/esm/index-2ae58626.js';
+import 'react';
+import '../_shared/esm/suffix-modifier-f5e28822.js';
+import '../_shared/esm/Surface-d515d212.js';

package/dist/BrandLogo/package.json

@@ -0,0 +1,7 @@
+{
+  "name": "@arc-ui/brandlogo",
+  "types": "./BrandLogo.esm.d.ts",
+  "main": "./BrandLogo.cjs.js",
+  "module": "./BrandLogo.esm.js",
+  "private": true
+}