@easypost/easy-ui 1.0.0-alpha.4 → 1.0.0-alpha.6

package/CodeBlock/index.js

@@ -19,13 +19,13 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const _import = require("../__chunks__/import-63bf0645.js");
+const _import = require("../__chunks__/import-a1e0f814.js");
 const React = require("react");
-const Card = require("../__chunks__/Card-dac53c75.js");
+const Card_index = require("../Card/index.js");
 const omit = require("../__chunks__/omit-fca26542.js");
 const tokens = require("../__chunks__/tokens-e696ca96.js");
 const utilities_css = require("../utilities/css.js");
-const overlayscrollbarsReact_es = require("../__chunks__/overlayscrollbars-react.es-20563393.js");
+const overlayscrollbarsReact_es = require("../__chunks__/overlayscrollbars-react.es-f2a0bcff.js");
 function _objectWithoutPropertiesLoose(source, excluded) {
   if (source == null)
     return {};
@@ -5120,25 +5120,22 @@ SyntaxHighlighter$1.registerLanguage(SnippetLanguage.PYTHON, python$1);
 SyntaxHighlighter$1.registerLanguage(SnippetLanguage.RUBY, ruby$1);
 SyntaxHighlighter$1.registerLanguage(SnippetLanguage.SHELL, shellSession$1);
 function useEasyUiSyntaxHighlighterTheme(maxLines) {
-  return React.useMemo(
-    () => buildTheme({
-      maxLines,
-      fontFamily: tokens.ezuiTokens["font.family.mono"],
-      fontSize: `${utilities_css.pxToRem(14)}rem`,
-      base: tokens.ezuiTokens["theme.base.color.text.code.base"],
-      lineNumber: tokens.ezuiTokens["theme.base.color.text.code.lineNumber"],
-      comment: tokens.ezuiTokens["theme.base.color.text.code.comment"],
-      punctuation: tokens.ezuiTokens["theme.base.color.text.code.punctuation"],
-      property: tokens.ezuiTokens["theme.base.color.text.code.property"],
-      selector: tokens.ezuiTokens["theme.base.color.text.code.selector"],
-      operator: tokens.ezuiTokens["theme.base.color.text.code.operator"],
-      operatorBg: "transparent",
-      variable: tokens.ezuiTokens["theme.base.color.text.code.variable"],
-      function: tokens.ezuiTokens["theme.base.color.text.code.function"],
-      keyword: tokens.ezuiTokens["theme.base.color.text.code.keyword"]
-    }),
-    [maxLines]
-  );
+  return React.useMemo(() => buildTheme({
+    maxLines,
+    fontFamily: tokens.ezuiTokens["font.family.mono"],
+    fontSize: `${utilities_css.pxToRem(14)}rem`,
+    base: tokens.ezuiTokens["theme.base.color.text.code.base"],
+    lineNumber: tokens.ezuiTokens["theme.base.color.text.code.lineNumber"],
+    comment: tokens.ezuiTokens["theme.base.color.text.code.comment"],
+    punctuation: tokens.ezuiTokens["theme.base.color.text.code.punctuation"],
+    property: tokens.ezuiTokens["theme.base.color.text.code.property"],
+    selector: tokens.ezuiTokens["theme.base.color.text.code.selector"],
+    operator: tokens.ezuiTokens["theme.base.color.text.code.operator"],
+    operatorBg: "transparent",
+    variable: tokens.ezuiTokens["theme.base.color.text.code.variable"],
+    function: tokens.ezuiTokens["theme.base.color.text.code.function"],
+    keyword: tokens.ezuiTokens["theme.base.color.text.code.keyword"]
+  }), [maxLines]);
 }
 function buildTheme(config) {
   return {
@@ -5347,7 +5344,12 @@ function useScrollbar(codeBlockRef) {
     const $block = codeBlockRef.current;
     const $pre = $block == null ? void 0 : $block.querySelector("pre");
     if ($block && $pre) {
-      initialize({ target: $block, elements: { viewport: $pre } });
+      initialize({
+        target: $block,
+        elements: {
+          viewport: $pre
+        }
+      });
       let innerTimeout;
       const outerTimeout = setTimeout(() => {
         const ogTabIndex = $block.getAttribute("tabindex");
@@ -5369,34 +5371,26 @@ function useScrollbar(codeBlockRef) {
     }
   }, [initialize, codeBlockRef]);
 }
-const CodeBlock$1 = "_CodeBlock_1l4k8_5";
+const CodeBlock$1 = "_CodeBlock_1f5ii_5";
 const styles = {
   CodeBlock: CodeBlock$1
 };
-const CodeBlock = React.forwardRef(
-  (props, ref) => {
-    const { code, language, maxLines, showLineNumbers } = props;
-    const codeBlockRef = React.useRef(null);
-    const syntaxTheme = useEasyUiSyntaxHighlighterTheme(maxLines);
-    useScrollbar(codeBlockRef);
-    return /* @__PURE__ */ React.createElement(Card.Card, { background: "primary" }, /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        className: styles.CodeBlock,
-        ref: _import.$5dc95899b306f630$export$c9058316764c140e(ref, codeBlockRef),
-        tabIndex: maxLines != null ? 0 : void 0
-      },
-      /* @__PURE__ */ React.createElement(
-        SyntaxHighlighter$1,
-        {
-          language,
-          style: syntaxTheme,
-          showLineNumbers
-        },
-        code
-      )
-    ));
-  }
-);
+const CodeBlock = React.forwardRef((props, ref) => {
+  const { code, language, maxLines, showLineNumbers } = props;
+  const codeBlockRef = React.useRef(null);
+  const syntaxTheme = useEasyUiSyntaxHighlighterTheme(maxLines);
+  useScrollbar(codeBlockRef);
+  return React.createElement(Card_index.Card, {
+    background: "primary"
+  }, React.createElement("div", {
+    className: styles.CodeBlock,
+    ref: _import.$5dc95899b306f630$export$c9058316764c140e(ref, codeBlockRef),
+    tabIndex: maxLines != null ? 0 : void 0
+  }, React.createElement(SyntaxHighlighter$1, {
+    language,
+    style: syntaxTheme,
+    showLineNumbers
+  }, code)));
+});
 CodeBlock.displayName = "CodeBlock";
 exports.CodeBlock = CodeBlock;

package/CodeBlock/index.mjs

@@ -17,13 +17,13 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-import { n as $5dc95899b306f630$export$c9058316764c140e } from "../__chunks__/import-b7971a11.mjs";
+import { z as $5dc95899b306f630$export$c9058316764c140e } from "../__chunks__/import-19bc38ac.mjs";
 import React__default, { useMemo, useEffect, forwardRef, useRef } from "react";
-import { C as Card } from "../__chunks__/Card-7bbd41e0.mjs";
+import { Card } from "../Card/index.mjs";
 import { c as commonjsGlobal, g as getDefaultExportFromCjs } from "../__chunks__/omit-f17deb8f.mjs";
 import { e as ezuiTokens } from "../__chunks__/tokens-6be8e137.mjs";
 import { pxToRem } from "../utilities/css.mjs";
-import { S } from "../__chunks__/overlayscrollbars-react.es-c8369a03.mjs";
+import { S } from "../__chunks__/overlayscrollbars-react.es-7f332a3b.mjs";
 function _objectWithoutPropertiesLoose(source, excluded) {
   if (source == null)
     return {};
@@ -5118,25 +5118,22 @@ SyntaxHighlighter$1.registerLanguage(SnippetLanguage.PYTHON, python$1);
 SyntaxHighlighter$1.registerLanguage(SnippetLanguage.RUBY, ruby$1);
 SyntaxHighlighter$1.registerLanguage(SnippetLanguage.SHELL, shellSession$1);
 function useEasyUiSyntaxHighlighterTheme(maxLines) {
-  return useMemo(
-    () => buildTheme({
-      maxLines,
-      fontFamily: ezuiTokens["font.family.mono"],
-      fontSize: `${pxToRem(14)}rem`,
-      base: ezuiTokens["theme.base.color.text.code.base"],
-      lineNumber: ezuiTokens["theme.base.color.text.code.lineNumber"],
-      comment: ezuiTokens["theme.base.color.text.code.comment"],
-      punctuation: ezuiTokens["theme.base.color.text.code.punctuation"],
-      property: ezuiTokens["theme.base.color.text.code.property"],
-      selector: ezuiTokens["theme.base.color.text.code.selector"],
-      operator: ezuiTokens["theme.base.color.text.code.operator"],
-      operatorBg: "transparent",
-      variable: ezuiTokens["theme.base.color.text.code.variable"],
-      function: ezuiTokens["theme.base.color.text.code.function"],
-      keyword: ezuiTokens["theme.base.color.text.code.keyword"]
-    }),
-    [maxLines]
-  );
+  return useMemo(() => buildTheme({
+    maxLines,
+    fontFamily: ezuiTokens["font.family.mono"],
+    fontSize: `${pxToRem(14)}rem`,
+    base: ezuiTokens["theme.base.color.text.code.base"],
+    lineNumber: ezuiTokens["theme.base.color.text.code.lineNumber"],
+    comment: ezuiTokens["theme.base.color.text.code.comment"],
+    punctuation: ezuiTokens["theme.base.color.text.code.punctuation"],
+    property: ezuiTokens["theme.base.color.text.code.property"],
+    selector: ezuiTokens["theme.base.color.text.code.selector"],
+    operator: ezuiTokens["theme.base.color.text.code.operator"],
+    operatorBg: "transparent",
+    variable: ezuiTokens["theme.base.color.text.code.variable"],
+    function: ezuiTokens["theme.base.color.text.code.function"],
+    keyword: ezuiTokens["theme.base.color.text.code.keyword"]
+  }), [maxLines]);
 }
 function buildTheme(config) {
   return {
@@ -5345,7 +5342,12 @@ function useScrollbar(codeBlockRef) {
     const $block = codeBlockRef.current;
     const $pre = $block == null ? void 0 : $block.querySelector("pre");
     if ($block && $pre) {
-      initialize({ target: $block, elements: { viewport: $pre } });
+      initialize({
+        target: $block,
+        elements: {
+          viewport: $pre
+        }
+      });
       let innerTimeout;
       const outerTimeout = setTimeout(() => {
         const ogTabIndex = $block.getAttribute("tabindex");
@@ -5367,35 +5369,27 @@ function useScrollbar(codeBlockRef) {
     }
   }, [initialize, codeBlockRef]);
 }
-const CodeBlock$1 = "_CodeBlock_1l4k8_5";
+const CodeBlock$1 = "_CodeBlock_1f5ii_5";
 const styles = {
   CodeBlock: CodeBlock$1
 };
-const CodeBlock = forwardRef(
-  (props, ref) => {
-    const { code, language, maxLines, showLineNumbers } = props;
-    const codeBlockRef = useRef(null);
-    const syntaxTheme = useEasyUiSyntaxHighlighterTheme(maxLines);
-    useScrollbar(codeBlockRef);
-    return /* @__PURE__ */ React__default.createElement(Card, { background: "primary" }, /* @__PURE__ */ React__default.createElement(
-      "div",
-      {
-        className: styles.CodeBlock,
-        ref: $5dc95899b306f630$export$c9058316764c140e(ref, codeBlockRef),
-        tabIndex: maxLines != null ? 0 : void 0
-      },
-      /* @__PURE__ */ React__default.createElement(
-        SyntaxHighlighter$1,
-        {
-          language,
-          style: syntaxTheme,
-          showLineNumbers
-        },
-        code
-      )
-    ));
-  }
-);
+const CodeBlock = forwardRef((props, ref) => {
+  const { code, language, maxLines, showLineNumbers } = props;
+  const codeBlockRef = useRef(null);
+  const syntaxTheme = useEasyUiSyntaxHighlighterTheme(maxLines);
+  useScrollbar(codeBlockRef);
+  return React__default.createElement(Card, {
+    background: "primary"
+  }, React__default.createElement("div", {
+    className: styles.CodeBlock,
+    ref: $5dc95899b306f630$export$c9058316764c140e(ref, codeBlockRef),
+    tabIndex: maxLines != null ? 0 : void 0
+  }, React__default.createElement(SyntaxHighlighter$1, {
+    language,
+    style: syntaxTheme,
+    showLineNumbers
+  }, code)));
+});
 CodeBlock.displayName = "CodeBlock";
 export {
   CodeBlock

package/DropdownButton/DropdownButton.d.ts

@@ -12,6 +12,54 @@ export type DropdownButtonProps = AriaButtonProps & {
     /** Content inside button  */
     children?: ReactNode;
 };
+/**
+ * Typically used as a trigger to display a set of options for
+ * the user to choose from.
+ *
+ * @remarks
+ * Can be used alongside Easy UI's `<Menu />` as the trigger element.
+ * Comes pre-styled with separator and right-aligned arrow icon. Supports
+ * multiple colors and an outlined variant. Underlying element is a button.
+ *
+ * @example
+ * _Default:_
+ * ```tsx
+ * import { DropdownButton } from "@easypost/easy-ui/DropdownButton";
+ *
+ * export function Component() {
+ *  return (
+ *   <DropdownButton onPress={() => alert("clicked")}>Button</DropdownButton>
+ *  );
+ * }
+ * ```
+ *
+ * @example
+ * _Outlined variant:_
+ * ```tsx
+ * import { DropdownButton } from "@easypost/easy-ui/DropdownButton";
+ *
+ * export function Component() {
+ *  return (
+ *    <DropdownButton onPress={() => alert("clicked")} variant="outlined">
+ *      Button
+ *    </DropdownButton>
+ *  );
+ * }
+ * ```
+ * @example
+ * _Success color:_
+ * ```tsx
+ * import { DropdownButton } from "@easypost/easy-ui/DropdownButton";
+ *
+ * export function Component() {
+ *  return (
+ *    <DropdownButton onPress={() => alert("clicked")} color="success">
+ *      Button
+ *    </DropdownButton>
+ *  );
+ * }
+ * ```
+ */
 export declare const DropdownButton: React.ForwardRefExoticComponent<AriaButtonProps<"button"> & {
     /** Button color */
     color?: ButtonColor | undefined;

package/DropdownButton/DropdownButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownButton.d.ts","sourceRoot":"","sources":["../../src/DropdownButton/DropdownButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAc,MAAM,OAAO,CAAC;AACrD,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAOxC,MAAM,MAAM,qBAAqB,GAAG,QAAQ,GAAG,UAAU,CAAC;AAE1D,MAAM,MAAM,mBAAmB,GAAG,eAAe,GAAG;IAClD,mBAAmB;IACnB,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,qBAAqB;IACrB,OAAO,CAAC,EAAE,qBAAqB,CAAC;IAChC,sBAAsB;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,6BAA6B;IAC7B,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,cAAc;IAVzB,mBAAmB;;IAEnB,qBAAqB;;IAErB,sBAAsB;;IAEtB,6BAA6B;eAClB,SAAS;8BAgCrB,CAAC"}
+{"version":3,"file":"DropdownButton.d.ts","sourceRoot":"","sources":["../../src/DropdownButton/DropdownButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAc,MAAM,OAAO,CAAC;AACrD,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAOxC,MAAM,MAAM,qBAAqB,GAAG,QAAQ,GAAG,UAAU,CAAC;AAE1D,MAAM,MAAM,mBAAmB,GAAG,eAAe,GAAG;IAClD,mBAAmB;IACnB,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,qBAAqB;IACrB,OAAO,CAAC,EAAE,qBAAqB,CAAC;IAChC,sBAAsB;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,6BAA6B;IAC7B,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+CG;AACH,eAAO,MAAM,cAAc;IA1DzB,mBAAmB;;IAEnB,qBAAqB;;IAErB,sBAAsB;;IAEtB,6BAA6B;eAClB,SAAS;8BAgFrB,CAAC"}

package/DropdownButton/index.js

@@ -28,79 +28,25 @@ var __objRest = (source, exclude) => {
   return target;
 };
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const ExpandMore400 = require("../__chunks__/ExpandMore400-92646971.js");
 const React = require("react");
-const UnstyledButton = require("../__chunks__/UnstyledButton-96172ec0.js");
-const Icon = require("../__chunks__/Icon-3d00481a.js");
+const UnstyledButton_index = require("../__chunks__/index-3985350a.js");
+const Icon_index = require("../Icon/index.js");
 const utilities_css = require("../utilities/css.js");
-require("../__chunks__/import-63bf0645.js");
+require("../__chunks__/import-a1e0f814.js");
 require("../__chunks__/omit-fca26542.js");
-require("../__chunks__/import-0d1b4d93.js");
-function _interopNamespaceDefault(e) {
-  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
-  if (e) {
-    for (const k in e) {
-      if (k !== "default") {
-        const d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: () => e[k]
-        });
-      }
-    }
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
-var __defProp2 = Object.defineProperty;
-var __getOwnPropSymbols2 = Object.getOwnPropertySymbols;
-var __hasOwnProp2 = Object.prototype.hasOwnProperty;
-var __propIsEnum2 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp2 = (obj, key, value) => key in obj ? __defProp2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues2 = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp2.call(b, prop))
-      __defNormalProp2(a, prop, b[prop]);
-  if (__getOwnPropSymbols2)
-    for (var prop of __getOwnPropSymbols2(b)) {
-      if (__propIsEnum2.call(b, prop))
-        __defNormalProp2(a, prop, b[prop]);
-    }
-  return a;
-};
-var __objRest2 = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp2.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols2)
-    for (var prop of __getOwnPropSymbols2(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum2.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-const ExpandMore400 = (_a) => {
-  var _b = _a, {
-    title,
-    titleId
-  } = _b, props = __objRest2(_b, [
-    "title",
-    "titleId"
-  ]);
-  return /* @__PURE__ */ React__namespace.createElement("svg", __spreadValues2({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", "aria-labelledby": titleId }, props), title ? /* @__PURE__ */ React__namespace.createElement("title", { id: titleId }, title) : null, /* @__PURE__ */ React__namespace.createElement("path", { d: "M480-345 240-585l43-43 197 198 197-197 43 43-240 239Z" }));
-};
-const DropdownButton$1 = "_DropdownButton_11vxe_5";
-const colorPrimary = "_colorPrimary_11vxe_26";
-const colorSecondary = "_colorSecondary_11vxe_34";
-const colorSuccess = "_colorSuccess_11vxe_42";
-const colorWarning = "_colorWarning_11vxe_50";
-const colorNeutral = "_colorNeutral_11vxe_58";
-const colorSupport = "_colorSupport_11vxe_66";
-const colorInverse = "_colorInverse_11vxe_72";
-const variantOutlined = "_variantOutlined_11vxe_78";
-const variantFilled = "_variantFilled_11vxe_109";
-const pipeSeparator = "_pipeSeparator_11vxe_136";
+require("../__chunks__/import-2b302763.js");
+const DropdownButton$1 = "_DropdownButton_1ynin_5";
+const colorPrimary = "_colorPrimary_1ynin_26";
+const colorSecondary = "_colorSecondary_1ynin_34";
+const colorSuccess = "_colorSuccess_1ynin_42";
+const colorWarning = "_colorWarning_1ynin_50";
+const colorNeutral = "_colorNeutral_1ynin_58";
+const colorSupport = "_colorSupport_1ynin_66";
+const colorInverse = "_colorInverse_1ynin_72";
+const variantOutlined = "_variantOutlined_1ynin_78";
+const variantFilled = "_variantFilled_1ynin_109";
+const pipeSeparator = "_pipeSeparator_1ynin_136";
 const styles = {
   DropdownButton: DropdownButton$1,
   colorPrimary,
@@ -114,36 +60,18 @@ const styles = {
   variantFilled,
   pipeSeparator
 };
-const DropdownButton = React.forwardRef(
-  (props, inRef) => {
-    const _a = props, {
-      color = "primary",
-      variant = "filled",
-      isDisabled = false,
-      children = "Button"
-    } = _a, restProps = __objRest(_a, [
-      "color",
-      "variant",
-      "isDisabled",
-      "children"
-    ]);
-    UnstyledButton.logWarningIfInvalidColorVariantCombination(color, variant);
-    return /* @__PURE__ */ React.createElement(
-      UnstyledButton.UnstyledButton,
-      __spreadValues({
-        isDisabled,
-        ref: inRef,
-        className: utilities_css.classNames(
-          styles.DropdownButton,
-          styles[utilities_css.variationName("variant", variant)],
-          styles[utilities_css.variationName("color", color)]
-        )
-      }, restProps),
-      /* @__PURE__ */ React.createElement("span", null, children),
-      /* @__PURE__ */ React.createElement("span", { className: utilities_css.classNames(styles.pipeSeparator) }),
-      /* @__PURE__ */ React.createElement(Icon.Icon, { symbol: ExpandMore400 })
-    );
-  }
-);
+const DropdownButton = React.forwardRef((props, inRef) => {
+  const _a = props, { color = "primary", variant = "filled", isDisabled = false, children = "Button" } = _a, restProps = __objRest(_a, ["color", "variant", "isDisabled", "children"]);
+  UnstyledButton_index.logWarningIfInvalidColorVariantCombination(color, variant);
+  return React.createElement(UnstyledButton_index.UnstyledButton, __spreadValues({
+    isDisabled,
+    ref: inRef,
+    className: utilities_css.classNames(styles.DropdownButton, styles[utilities_css.variationName("variant", variant)], styles[utilities_css.variationName("color", color)])
+  }, restProps), React.createElement("span", null, children), React.createElement("span", {
+    className: utilities_css.classNames(styles.pipeSeparator)
+  }), React.createElement(Icon_index.Icon, {
+    symbol: ExpandMore400.ExpandMore400
+  }));
+});
 DropdownButton.displayName = "DropdownButton";
 exports.DropdownButton = DropdownButton;

package/DropdownButton/index.mjs

@@ -26,63 +26,25 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
-import * as React from "react";
+import { E as ExpandMore400 } from "../__chunks__/ExpandMore400-7c5263a4.mjs";
 import React__default, { forwardRef } from "react";
-import { l as logWarningIfInvalidColorVariantCombination, U as UnstyledButton } from "../__chunks__/UnstyledButton-883f0c6c.mjs";
-import { I as Icon } from "../__chunks__/Icon-a75b5201.mjs";
+import { l as logWarningIfInvalidColorVariantCombination, U as UnstyledButton } from "../__chunks__/index-29d7bca9.mjs";
+import { Icon } from "../Icon/index.mjs";
 import { classNames, variationName } from "../utilities/css.mjs";
-import "../__chunks__/import-b7971a11.mjs";
+import "../__chunks__/import-19bc38ac.mjs";
 import "../__chunks__/omit-f17deb8f.mjs";
-import "../__chunks__/import-ab878fb6.mjs";
-var __defProp2 = Object.defineProperty;
-var __getOwnPropSymbols2 = Object.getOwnPropertySymbols;
-var __hasOwnProp2 = Object.prototype.hasOwnProperty;
-var __propIsEnum2 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp2 = (obj, key, value) => key in obj ? __defProp2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues2 = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp2.call(b, prop))
-      __defNormalProp2(a, prop, b[prop]);
-  if (__getOwnPropSymbols2)
-    for (var prop of __getOwnPropSymbols2(b)) {
-      if (__propIsEnum2.call(b, prop))
-        __defNormalProp2(a, prop, b[prop]);
-    }
-  return a;
-};
-var __objRest2 = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp2.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols2)
-    for (var prop of __getOwnPropSymbols2(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum2.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-const ExpandMore400 = (_a) => {
-  var _b = _a, {
-    title,
-    titleId
-  } = _b, props = __objRest2(_b, [
-    "title",
-    "titleId"
-  ]);
-  return /* @__PURE__ */ React.createElement("svg", __spreadValues2({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", "aria-labelledby": titleId }, props), title ? /* @__PURE__ */ React.createElement("title", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement("path", { d: "M480-345 240-585l43-43 197 198 197-197 43 43-240 239Z" }));
-};
-const DropdownButton$1 = "_DropdownButton_11vxe_5";
-const colorPrimary = "_colorPrimary_11vxe_26";
-const colorSecondary = "_colorSecondary_11vxe_34";
-const colorSuccess = "_colorSuccess_11vxe_42";
-const colorWarning = "_colorWarning_11vxe_50";
-const colorNeutral = "_colorNeutral_11vxe_58";
-const colorSupport = "_colorSupport_11vxe_66";
-const colorInverse = "_colorInverse_11vxe_72";
-const variantOutlined = "_variantOutlined_11vxe_78";
-const variantFilled = "_variantFilled_11vxe_109";
-const pipeSeparator = "_pipeSeparator_11vxe_136";
+import "../__chunks__/import-3d962a94.mjs";
+const DropdownButton$1 = "_DropdownButton_1ynin_5";
+const colorPrimary = "_colorPrimary_1ynin_26";
+const colorSecondary = "_colorSecondary_1ynin_34";
+const colorSuccess = "_colorSuccess_1ynin_42";
+const colorWarning = "_colorWarning_1ynin_50";
+const colorNeutral = "_colorNeutral_1ynin_58";
+const colorSupport = "_colorSupport_1ynin_66";
+const colorInverse = "_colorInverse_1ynin_72";
+const variantOutlined = "_variantOutlined_1ynin_78";
+const variantFilled = "_variantFilled_1ynin_109";
+const pipeSeparator = "_pipeSeparator_1ynin_136";
 const styles = {
   DropdownButton: DropdownButton$1,
   colorPrimary,
@@ -96,37 +58,19 @@ const styles = {
   variantFilled,
   pipeSeparator
 };
-const DropdownButton = forwardRef(
-  (props, inRef) => {
-    const _a = props, {
-      color = "primary",
-      variant = "filled",
-      isDisabled = false,
-      children = "Button"
-    } = _a, restProps = __objRest(_a, [
-      "color",
-      "variant",
-      "isDisabled",
-      "children"
-    ]);
-    logWarningIfInvalidColorVariantCombination(color, variant);
-    return /* @__PURE__ */ React__default.createElement(
-      UnstyledButton,
-      __spreadValues({
-        isDisabled,
-        ref: inRef,
-        className: classNames(
-          styles.DropdownButton,
-          styles[variationName("variant", variant)],
-          styles[variationName("color", color)]
-        )
-      }, restProps),
-      /* @__PURE__ */ React__default.createElement("span", null, children),
-      /* @__PURE__ */ React__default.createElement("span", { className: classNames(styles.pipeSeparator) }),
-      /* @__PURE__ */ React__default.createElement(Icon, { symbol: ExpandMore400 })
-    );
-  }
-);
+const DropdownButton = forwardRef((props, inRef) => {
+  const _a = props, { color = "primary", variant = "filled", isDisabled = false, children = "Button" } = _a, restProps = __objRest(_a, ["color", "variant", "isDisabled", "children"]);
+  logWarningIfInvalidColorVariantCombination(color, variant);
+  return React__default.createElement(UnstyledButton, __spreadValues({
+    isDisabled,
+    ref: inRef,
+    className: classNames(styles.DropdownButton, styles[variationName("variant", variant)], styles[variationName("color", color)])
+  }, restProps), React__default.createElement("span", null, children), React__default.createElement("span", {
+    className: classNames(styles.pipeSeparator)
+  }), React__default.createElement(Icon, {
+    symbol: ExpandMore400
+  }));
+});
 DropdownButton.displayName = "DropdownButton";
 export {
   DropdownButton

package/HorizontalGrid/index.js

@@ -20,14 +20,7 @@ const React = require("react");
 const utilities_css = require("../utilities/css.js");
 function formatHorizontalGrid(columns) {
   if (typeof columns === "object" && columns !== null && !Array.isArray(columns)) {
-    return Object.fromEntries(
-      Object.entries(columns).map(
-        ([breakpointAlias, breakpointHorizontalGrid]) => [
-          breakpointAlias,
-          getColumnValue(breakpointHorizontalGrid)
-        ]
-      )
-    );
+    return Object.fromEntries(Object.entries(columns).map(([breakpointAlias, breakpointHorizontalGrid]) => [breakpointAlias, getColumnValue(breakpointHorizontalGrid)]));
   }
   return getColumnValue(columns);
 }
@@ -54,31 +47,18 @@ function getColumnValue(columns) {
     }
   }).join(" ");
 }
-const HorizontalGrid$1 = "_HorizontalGrid_vzocn_5";
+const HorizontalGrid$1 = "_HorizontalGrid_1wcnj_5";
 const styles = {
   HorizontalGrid: HorizontalGrid$1
 };
-const HorizontalGrid = React.forwardRef(
-  (props, ref) => {
-    const {
-      alignItems,
-      as: As = "div",
-      children,
-      columns,
-      gap,
-      inline
-    } = props;
-    const style = __spreadValues(__spreadValues(__spreadValues(__spreadValues({}, utilities_css.getResponsiveValue(
-      "horizontal-grid",
-      "grid-template-columns",
-      formatHorizontalGrid(columns)
-    )), utilities_css.getResponsiveDesignToken("horizontal-grid", "gap", "space", gap)), utilities_css.getComponentToken("horizontal-grid", "align-items", alignItems)), utilities_css.getComponentToken(
-      "horizontal-grid",
-      "display",
-      inline ? "inline-grid" : "grid"
-    ));
-    return /* @__PURE__ */ React.createElement(As, { className: styles.HorizontalGrid, style, ref }, children);
-  }
-);
+const HorizontalGrid = React.forwardRef((props, ref) => {
+  const { alignItems, as: As = "div", children, columns, gap, inline } = props;
+  const style = __spreadValues(__spreadValues(__spreadValues(__spreadValues({}, utilities_css.getResponsiveValue("horizontal-grid", "grid-template-columns", formatHorizontalGrid(columns))), utilities_css.getResponsiveDesignToken("horizontal-grid", "gap", "space", gap)), utilities_css.getComponentToken("horizontal-grid", "align-items", alignItems)), utilities_css.getComponentToken("horizontal-grid", "display", inline ? "inline-grid" : "grid"));
+  return React.createElement(As, {
+    className: styles.HorizontalGrid,
+    style,
+    ref
+  }, children);
+});
 HorizontalGrid.displayName = "HorizontalGrid";
 exports.HorizontalGrid = HorizontalGrid;