@salt-ds/core 1.0.0

package/dist-cjs/packages/core/src/flex-item/FlexItem.js

@@ -0,0 +1,56 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var makePrefixer = require('../utils/makePrefixer.js');
+require('../utils/useId.js');
+var useResponsiveProp = require('../utils/useResponsiveProp.js');
+require('./FlexItem.css.js');
+var cx = require('classnames');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
+
+const withBaseName = makePrefixer.makePrefixer("saltFlexItem");
+const FLEX_ITEM_ALIGNMENTS = [
+  "start",
+  "end",
+  "center",
+  "stretch"
+];
+const FlexItem = React.forwardRef(
+  ({
+    as,
+    align,
+    children,
+    className,
+    shrink,
+    grow,
+    style,
+    ...rest
+  }, ref) => {
+    const Component = as || "div";
+    const flexItemShrink = useResponsiveProp.useResponsiveProp(shrink, 1);
+    const flexItemGrow = useResponsiveProp.useResponsiveProp(grow, 0);
+    const itemStyle = {
+      "--saltFlexItem-alignment": align,
+      "--saltFlexItem-shrink": flexItemShrink,
+      "--saltFlexItem-grow": flexItemGrow,
+      ...style
+    };
+    return /* @__PURE__ */ jsxRuntime.jsx(Component, {
+      className: cx__default["default"](className, withBaseName()),
+      ref,
+      style: itemStyle,
+      ...rest,
+      children
+    });
+  }
+);
+
+exports.FLEX_ITEM_ALIGNMENTS = FLEX_ITEM_ALIGNMENTS;
+exports.FlexItem = FlexItem;
+//# sourceMappingURL=FlexItem.js.map

package/dist-cjs/packages/core/src/flex-item/FlexItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FlexItem.js","sources":["../src/flex-item/FlexItem.tsx"],"sourcesContent":["import { forwardRef, ElementType, ReactElement } from \"react\";\nimport {\n  makePrefixer,\n  ResponsiveProp,\n  useResponsiveProp,\n  PolymorphicComponentPropWithRef,\n  PolymorphicRef,\n} from \"../utils\";\nimport \"./FlexItem.css\";\nimport cx from \"classnames\";\n\nconst withBaseName = makePrefixer(\"saltFlexItem\");\nexport const FLEX_ITEM_ALIGNMENTS = [\n  \"start\",\n  \"end\",\n  \"center\",\n  \"stretch\",\n] as const;\n\nexport type flexItemAlignment = typeof FLEX_ITEM_ALIGNMENTS[number];\n\nexport type FlexItemProps<T extends ElementType> =\n  PolymorphicComponentPropWithRef<\n    T,\n    {\n      /**\n       * Allows the alignment specified by parent to be overridden for individual items, default is \"start\".\n       */\n      align?: flexItemAlignment;\n      /**\n   * Defines the ability for an item to shrink x times more compared to it's siblings, default is 1.\n\n   */\n      shrink?: ResponsiveProp<number>;\n      /**\n       * Defines the ability for an item to grow x times more compared to it's siblings, default is 0.\n       */\n      grow?: ResponsiveProp<number>;\n    }\n  >;\n\ntype FlexItemComponent = <T extends ElementType = \"div\">(\n  props: FlexItemProps<T>\n) => ReactElement | null;\n\nexport const FlexItem: FlexItemComponent = forwardRef(\n  <T extends ElementType = \"div\">(\n    {\n      as,\n      align,\n      children,\n      className,\n      shrink,\n      grow,\n      style,\n      ...rest\n    }: FlexItemProps<T>,\n    ref?: PolymorphicRef<T>\n  ) => {\n    const Component = as || \"div\";\n    const flexItemShrink = useResponsiveProp(shrink, 1);\n    const flexItemGrow = useResponsiveProp(grow, 0);\n\n    const itemStyle = {\n      \"--saltFlexItem-alignment\": align,\n      \"--saltFlexItem-shrink\": flexItemShrink,\n      \"--saltFlexItem-grow\": flexItemGrow,\n      ...style,\n    };\n    return (\n      <Component\n        className={cx(className, withBaseName())}\n        ref={ref}\n        style={itemStyle}\n        {...rest}\n      >\n        {children}\n      </Component>\n    );\n  }\n);\n"],"names":["makePrefixer","forwardRef","useResponsiveProp","jsx","cx"],"mappings":";;;;;;;;;;;;;;;;AAWA,MAAM,YAAA,GAAeA,0BAAa,cAAc,CAAA,CAAA;AACzC,MAAM,oBAAuB,GAAA;AAAA,EAClC,OAAA;AAAA,EACA,KAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA;AACF,EAAA;AA4BO,MAAM,QAA8B,GAAAC,gBAAA;AAAA,EACzC,CACE;AAAA,IACE,EAAA;AAAA,IACA,KAAA;AAAA,IACA,QAAA;AAAA,IACA,SAAA;AAAA,IACA,MAAA;AAAA,IACA,IAAA;AAAA,IACA,KAAA;AAAA,IACG,GAAA,IAAA;AAAA,KAEL,GACG,KAAA;AACH,IAAA,MAAM,YAAY,EAAM,IAAA,KAAA,CAAA;AACxB,IAAM,MAAA,cAAA,GAAiBC,mCAAkB,CAAA,MAAA,EAAQ,CAAC,CAAA,CAAA;AAClD,IAAM,MAAA,YAAA,GAAeA,mCAAkB,CAAA,IAAA,EAAM,CAAC,CAAA,CAAA;AAE9C,IAAA,MAAM,SAAY,GAAA;AAAA,MAChB,0BAA4B,EAAA,KAAA;AAAA,MAC5B,uBAAyB,EAAA,cAAA;AAAA,MACzB,qBAAuB,EAAA,YAAA;AAAA,MACvB,GAAG,KAAA;AAAA,KACL,CAAA;AACA,IAAA,uBACGC,cAAA,CAAA,SAAA,EAAA;AAAA,MACC,SAAW,EAAAC,sBAAA,CAAG,SAAW,EAAA,YAAA,EAAc,CAAA;AAAA,MACvC,GAAA;AAAA,MACA,KAAO,EAAA,SAAA;AAAA,MACN,GAAG,IAAA;AAAA,MAEH,QAAA;AAAA,KACH,CAAA,CAAA;AAAA,GAEJ;AACF;;;;;"}

package/dist-cjs/packages/core/src/flex-layout/FlexLayout.css.js

@@ -0,0 +1,9 @@
+'use strict';
+
+var styleInject_es = require('../../../../node_modules/style-inject/dist/style-inject.es.js');
+
+var css_248z = ".salt-density-touch {\n  --flexLayout-gap-density-multiplier: 2;\n}\n\n/* Default variables applied to the root element */\n.saltFlexLayout {\n  --flexLayout-gap-multiplier: var(--flexLayout-gap-density-multiplier, 3);\n  --flexLayout-layout-display: flex;\n  --flexLayout-direction: row;\n  --flexLayout-wrap: nowrap;\n  --flexLayout-justify: flex-start;\n  --flexLayout-align: stretch;\n  --flexLayout-separator: var(--salt-size-border);\n  --flexLayout-gap: calc(var(--salt-size-unit) * var(--flexLayout-gap-multiplier));\n}\n\n/* Style applied to the root element */\n.saltFlexLayout {\n  gap: var(--flexLayout-gap);\n  display: var(--flexLayout-layout-display);\n  flex-direction: var(--flexLayout-direction);\n  flex-wrap: var(--flexLayout-wrap);\n  justify-content: var(--flexLayout-justify);\n  align-items: var(--flexLayout-align);\n}\n\n.saltFlexLayout-separator-wrapper {\n  display: contents;\n}\n.saltFlexLayout-separator > *:not(:last-child)::after {\n  position: relative;\n  display: block;\n  content: \"\";\n  background-color: var(--salt-separable-secondary-borderColor);\n}\n\n/* Row separator */\n\n.saltFlexLayout-separator-row > .saltFlexLayout-separator-wrapper {\n  height: 100%;\n}\n\n.saltFlexLayout-separator-row > *:not(:last-child)::after {\n  width: var(--flexLayout-separator);\n  top: 0;\n}\n.saltFlexLayout-separator-row-start > *:not(:last-child)::after {\n  right: calc(var(--flexLayout-gap) * 1);\n}\n.saltFlexLayout-separator-row-center > *:not(:last-child)::after {\n  right: 0;\n}\n.saltFlexLayout-separator-row-end > *:not(:last-child)::after {\n  right: calc(var(--flexLayout-gap) * -1);\n}\n\n/* Column separator */\n.saltFlexLayout-separator-column > .saltFlexLayout-separator-wrapper {\n  width: 100%;\n}\n\n.saltFlexLayout-separator-column > *:not(:last-child)::after {\n  height: var(--flexLayout-separator);\n  left: 0;\n  width: 100%;\n}\n.saltFlexLayout-separator-column-start > *:not(:last-child)::after {\n  bottom: calc(var(--flexLayout-gap) * 1);\n}\n.saltFlexLayout-separator-column-center > *:not(:last-child)::after {\n  bottom: 0;\n}\n.saltFlexLayout-separator-column-end > *:not(:last-child)::after {\n  bottom: calc(var(--flexLayout-gap) * -1);\n}\n";
+styleInject_es(css_248z);
+
+module.exports = css_248z;
+//# sourceMappingURL=FlexLayout.css.js.map

package/dist-cjs/packages/core/src/flex-layout/FlexLayout.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FlexLayout.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}

package/dist-cjs/packages/core/src/flex-layout/FlexLayout.js

@@ -0,0 +1,77 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var cx = require('classnames');
+var makePrefixer = require('../utils/makePrefixer.js');
+require('../utils/useId.js');
+var useResponsiveProp = require('../utils/useResponsiveProp.js');
+require('./FlexLayout.css.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
+
+const withBaseName = makePrefixer.makePrefixer("saltFlexLayout");
+const FLEX_ALIGNMENT_BASE = ["start", "end", "center"];
+const FLEX_CONTENT_ALIGNMENT_BASE = [
+  ...FLEX_ALIGNMENT_BASE,
+  "space-between",
+  "space-around",
+  "space-evenly"
+];
+const FlexLayout = React.forwardRef(
+  ({
+    as,
+    align,
+    children,
+    className,
+    direction,
+    gap,
+    justify,
+    separators,
+    style,
+    wrap,
+    ...rest
+  }, ref) => {
+    const Component = as || "div";
+    const separatorAlignment = separators === true ? "center" : separators;
+    const addPrefix = (style2) => {
+      return style2 === "start" || style2 === "end" ? `flex-${style2}` : style2;
+    };
+    const flexGap = useResponsiveProp.useResponsiveProp(gap, 3);
+    const flexDirection = useResponsiveProp.useResponsiveProp(direction, "row");
+    const flexWrap = useResponsiveProp.useResponsiveProp(wrap, false);
+    const flexLayoutStyles = {
+      ...style,
+      "--flexLayout-align": align && addPrefix(align),
+      "--flexLayout-direction": flexDirection,
+      "--flexLayout-gap-multiplier": flexGap,
+      "--flexLayout-justify": justify && addPrefix(justify),
+      "--flexLayout-wrap": flexWrap ? "wrap" : "nowrap"
+    };
+    return /* @__PURE__ */ jsxRuntime.jsx(Component, {
+      className: cx__default["default"](className, withBaseName(), {
+        [withBaseName("separator")]: separatorAlignment && !wrap,
+        [withBaseName(
+          `separator-${flexDirection || "row"}-${separatorAlignment || "center"}`
+        )]: separatorAlignment && !wrap,
+        [withBaseName(`separator-${flexDirection || "row"}`)]: separatorAlignment && !wrap
+      }),
+      ref,
+      style: flexLayoutStyles,
+      ...rest,
+      children: separators ? React.Children.map(children, (child) => /* @__PURE__ */ jsxRuntime.jsx("div", {
+        className: withBaseName("separator-wrapper"),
+        children: child
+      })) : children
+    });
+  }
+);
+
+exports.FLEX_ALIGNMENT_BASE = FLEX_ALIGNMENT_BASE;
+exports.FLEX_CONTENT_ALIGNMENT_BASE = FLEX_CONTENT_ALIGNMENT_BASE;
+exports.FlexLayout = FlexLayout;
+//# sourceMappingURL=FlexLayout.js.map

package/dist-cjs/packages/core/src/flex-layout/FlexLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FlexLayout.js","sources":["../src/flex-layout/FlexLayout.tsx"],"sourcesContent":["import { Children, ElementType, forwardRef, ReactElement } from \"react\";\nimport cx from \"classnames\";\n\nimport {\n  makePrefixer,\n  ResponsiveProp,\n  useResponsiveProp,\n  PolymorphicComponentPropWithRef,\n  PolymorphicRef,\n} from \"../utils\";\n\nimport \"./FlexLayout.css\";\n\nconst withBaseName = makePrefixer(\"saltFlexLayout\");\n\nexport type LayoutSeparator = \"start\" | \"center\" | \"end\";\nexport type LayoutDirection = \"row\" | \"column\";\n\nexport const FLEX_ALIGNMENT_BASE = [\"start\", \"end\", \"center\"] as const;\nexport const FLEX_CONTENT_ALIGNMENT_BASE = [\n  ...FLEX_ALIGNMENT_BASE,\n  \"space-between\",\n  \"space-around\",\n  \"space-evenly\",\n] as const;\n\nexport type FlexAlignment = typeof FLEX_ALIGNMENT_BASE[number];\nexport type FlexContentAlignment = typeof FLEX_CONTENT_ALIGNMENT_BASE[number];\n\nexport type FlexLayoutProps<T extends ElementType> =\n  PolymorphicComponentPropWithRef<\n    T,\n    {\n      /**\n       * Defines the default behavior for how flex items are laid out along the cross axis on the current line, default is \"stretch\".\n       */\n      align?: FlexAlignment | \"stretch\" | \"baseline\";\n      /**\n       * Establishes the main-axis, defining the direction children are placed. Default is \"row\".\n       */\n      direction?: ResponsiveProp<LayoutDirection>;\n      /**\n       * Controls the space between items, default is 3.\n       */\n      gap?: ResponsiveProp<number>;\n      /**\n       * Defines the alignment along the main axis, default is \"start\".\n       */\n      justify?: FlexContentAlignment;\n      /**\n       * Adds a separator between elements if wrap is not active, default is false.\n       */\n      separators?: LayoutSeparator | true;\n      /**\n       * Allow the items to wrap as needed, default is false.\n       */\n      wrap?: ResponsiveProp<boolean>;\n    }\n  >;\n\ntype FlexLayoutComponent = <T extends ElementType = \"div\">(\n  props: FlexLayoutProps<T>\n) => ReactElement | null;\n\nexport const FlexLayout: FlexLayoutComponent = forwardRef(\n  <T extends ElementType = \"div\">(\n    {\n      as,\n      align,\n      children,\n      className,\n      direction,\n      gap,\n      justify,\n      separators,\n      style,\n      wrap,\n      ...rest\n    }: FlexLayoutProps<T>,\n    ref?: PolymorphicRef<T>\n  ) => {\n    const Component = as || \"div\";\n    const separatorAlignment = separators === true ? \"center\" : separators;\n    const addPrefix = (style: string) => {\n      return style === \"start\" || style === \"end\" ? `flex-${style}` : style;\n    };\n\n    const flexGap = useResponsiveProp(gap, 3);\n    const flexDirection = useResponsiveProp(direction, \"row\");\n    const flexWrap = useResponsiveProp(wrap, false);\n    const flexLayoutStyles = {\n      ...style,\n      \"--flexLayout-align\": align && addPrefix(align),\n      \"--flexLayout-direction\": flexDirection,\n      \"--flexLayout-gap-multiplier\": flexGap,\n      \"--flexLayout-justify\": justify && addPrefix(justify),\n      \"--flexLayout-wrap\": flexWrap ? \"wrap\" : \"nowrap\",\n    };\n\n    return (\n      <Component\n        className={cx(className, withBaseName(), {\n          [withBaseName(\"separator\")]: separatorAlignment && !wrap,\n          [withBaseName(\n            `separator-${flexDirection || \"row\"}-${\n              separatorAlignment || \"center\"\n            }`\n          )]: separatorAlignment && !wrap,\n          [withBaseName(`separator-${flexDirection || \"row\"}`)]:\n            separatorAlignment && !wrap,\n        })}\n        ref={ref}\n        style={flexLayoutStyles}\n        {...rest}\n      >\n        {separators\n          ? Children.map(children, (child) => (\n              <div className={withBaseName(\"separator-wrapper\")}>{child}</div>\n            ))\n          : children}\n      </Component>\n    );\n  }\n);\n"],"names":["makePrefixer","forwardRef","style","useResponsiveProp","jsx","cx","Children"],"mappings":";;;;;;;;;;;;;;;;AAaA,MAAM,YAAA,GAAeA,0BAAa,gBAAgB,CAAA,CAAA;AAK3C,MAAM,mBAAsB,GAAA,CAAC,OAAS,EAAA,KAAA,EAAO,QAAQ,EAAA;AACrD,MAAM,2BAA8B,GAAA;AAAA,EACzC,GAAG,mBAAA;AAAA,EACH,eAAA;AAAA,EACA,cAAA;AAAA,EACA,cAAA;AACF,EAAA;AAwCO,MAAM,UAAkC,GAAAC,gBAAA;AAAA,EAC7C,CACE;AAAA,IACE,EAAA;AAAA,IACA,KAAA;AAAA,IACA,QAAA;AAAA,IACA,SAAA;AAAA,IACA,SAAA;AAAA,IACA,GAAA;AAAA,IACA,OAAA;AAAA,IACA,UAAA;AAAA,IACA,KAAA;AAAA,IACA,IAAA;AAAA,IACG,GAAA,IAAA;AAAA,KAEL,GACG,KAAA;AACH,IAAA,MAAM,YAAY,EAAM,IAAA,KAAA,CAAA;AACxB,IAAM,MAAA,kBAAA,GAAqB,UAAe,KAAA,IAAA,GAAO,QAAW,GAAA,UAAA,CAAA;AAC5D,IAAM,MAAA,SAAA,GAAY,CAACC,MAAkB,KAAA;AACnC,MAAA,OAAOA,MAAU,KAAA,OAAA,IAAWA,MAAU,KAAA,KAAA,GAAQ,QAAQA,MAAUA,CAAAA,CAAAA,GAAAA,MAAAA,CAAAA;AAAA,KAClE,CAAA;AAEA,IAAM,MAAA,OAAA,GAAUC,mCAAkB,CAAA,GAAA,EAAK,CAAC,CAAA,CAAA;AACxC,IAAM,MAAA,aAAA,GAAgBA,mCAAkB,CAAA,SAAA,EAAW,KAAK,CAAA,CAAA;AACxD,IAAM,MAAA,QAAA,GAAWA,mCAAkB,CAAA,IAAA,EAAM,KAAK,CAAA,CAAA;AAC9C,IAAA,MAAM,gBAAmB,GAAA;AAAA,MACvB,GAAG,KAAA;AAAA,MACH,oBAAA,EAAsB,KAAS,IAAA,SAAA,CAAU,KAAK,CAAA;AAAA,MAC9C,wBAA0B,EAAA,aAAA;AAAA,MAC1B,6BAA+B,EAAA,OAAA;AAAA,MAC/B,sBAAA,EAAwB,OAAW,IAAA,SAAA,CAAU,OAAO,CAAA;AAAA,MACpD,mBAAA,EAAqB,WAAW,MAAS,GAAA,QAAA;AAAA,KAC3C,CAAA;AAEA,IAAA,uBACGC,cAAA,CAAA,SAAA,EAAA;AAAA,MACC,SAAW,EAAAC,sBAAA,CAAG,SAAW,EAAA,YAAA,EAAgB,EAAA;AAAA,QACvC,CAAC,YAAA,CAAa,WAAW,CAAA,GAAI,sBAAsB,CAAC,IAAA;AAAA,QACpD,CAAC,YAAA;AAAA,UACC,CAAA,UAAA,EAAa,aAAiB,IAAA,KAAA,CAAA,CAAA,EAC5B,kBAAsB,IAAA,QAAA,CAAA,CAAA;AAAA,SAE1B,GAAI,sBAAsB,CAAC,IAAA;AAAA,QAC3B,CAAC,YAAa,CAAA,CAAA,UAAA,EAAa,iBAAiB,KAAO,CAAA,CAAA,CAAA,GACjD,sBAAsB,CAAC,IAAA;AAAA,OAC1B,CAAA;AAAA,MACD,GAAA;AAAA,MACA,KAAO,EAAA,gBAAA;AAAA,MACN,GAAG,IAAA;AAAA,MAEH,uBACGC,cAAS,CAAA,GAAA,CAAI,QAAU,EAAA,CAAC,0BACrBF,cAAA,CAAA,KAAA,EAAA;AAAA,QAAI,SAAA,EAAW,aAAa,mBAAmB,CAAA;AAAA,QAAI,QAAA,EAAA,KAAA;AAAA,OAAM,CAC3D,CACD,GAAA,QAAA;AAAA,KACN,CAAA,CAAA;AAAA,GAEJ;AACF;;;;;;"}

package/dist-cjs/packages/core/src/flow-layout/FlowLayout.js

@@ -0,0 +1,21 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var FlexLayout = require('../flex-layout/FlexLayout.js');
+
+const FlowLayout = React.forwardRef(
+  function FlowLayout2({ ...rest }, ref) {
+    return /* @__PURE__ */ jsxRuntime.jsx(FlexLayout.FlexLayout, {
+      direction: "row",
+      ref,
+      wrap: true,
+      ...rest
+    });
+  }
+);
+
+exports.FlowLayout = FlowLayout;
+//# sourceMappingURL=FlowLayout.js.map

package/dist-cjs/packages/core/src/flow-layout/FlowLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FlowLayout.js","sources":["../src/flow-layout/FlowLayout.tsx"],"sourcesContent":["import { ElementType, forwardRef, HTMLAttributes } from \"react\";\nimport { FlexLayout, FlexLayoutProps } from \"../flex-layout\";\n\nexport interface FlowLayoutProps extends HTMLAttributes<HTMLDivElement> {\n  /**\n   * Defines the default behavior for how flex items are laid out along the cross axis on the current line, default is \"stretch\".\n   */\n  align?: FlexLayoutProps<ElementType>[\"align\"];\n  /**\n   * Controls the space between items, default is 3.\n   */\n  gap?: FlexLayoutProps<ElementType>[\"gap\"];\n  /**\n   * Defines the alignment along the main axis, default is \"start\"\n   */\n  justify?: FlexLayoutProps<ElementType>[\"justify\"];\n}\nexport const FlowLayout = forwardRef<HTMLDivElement, FlowLayoutProps>(\n  function FlowLayout({ ...rest }, ref) {\n    return <FlexLayout direction=\"row\" ref={ref} wrap {...rest} />;\n  }\n);\n"],"names":["forwardRef","FlowLayout","jsx","FlexLayout"],"mappings":";;;;;;;;AAiBO,MAAM,UAAa,GAAAA,gBAAA;AAAA,EACxB,SAASC,WAAAA,CAAW,EAAK,GAAA,IAAA,IAAQ,GAAK,EAAA;AACpC,IAAA,uBAAQC,cAAA,CAAAC,qBAAA,EAAA;AAAA,MAAW,SAAU,EAAA,KAAA;AAAA,MAAM,GAAA;AAAA,MAAU,IAAI,EAAA,IAAA;AAAA,MAAE,GAAG,IAAA;AAAA,KAAM,CAAA,CAAA;AAAA,GAC9D;AACF;;;;"}

package/dist-cjs/packages/core/src/grid-item/GridItem.css.js

@@ -0,0 +1,9 @@
+'use strict';
+
+var styleInject_es = require('../../../../node_modules/style-inject/dist/style-inject.es.js');
+
+var css_248z = "/* Style applied to the root element */\n.saltGridItem {\n  justify-self: var(--gridItem-justifySelf);\n  align-self: var(--gridItem-alignSelf);\n  grid-row-start: var(--gridItem-gridRowStart);\n  grid-column-start: var(--gridItem-gridColumnStart);\n  grid-row-end: var(--gridItem-gridRowEnd);\n  grid-column-end: var(--gridItem-gridColumnEnd);\n}\n\n.saltGridItem-area {\n  grid-area: var(--gridItem-gridArea);\n}\n";
+styleInject_es(css_248z);
+
+module.exports = css_248z;
+//# sourceMappingURL=GridItem.css.js.map

package/dist-cjs/packages/core/src/grid-item/GridItem.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GridItem.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}

package/dist-cjs/packages/core/src/grid-item/GridItem.js

@@ -0,0 +1,68 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var cx = require('classnames');
+var makePrefixer = require('../utils/makePrefixer.js');
+require('../utils/useId.js');
+var useResponsiveProp = require('../utils/useResponsiveProp.js');
+require('./GridItem.css.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
+
+const GRID_ALIGNMENT_BASE = [
+  "start",
+  "end",
+  "center",
+  "stretch"
+];
+const withBaseName = makePrefixer.makePrefixer("saltGridItem");
+const colStart = "auto";
+const colEnd = "auto";
+const rowStart = "auto";
+const rowEnd = "auto";
+const GridItem = React.forwardRef(
+  ({
+    as,
+    children,
+    className,
+    colSpan,
+    rowSpan,
+    horizontalAlignment = "stretch",
+    verticalAlignment = "stretch",
+    style,
+    ...rest
+  }, ref) => {
+    const Component = as || "div";
+    const gridItemColSpan = useResponsiveProp.useResponsiveProp(colSpan, "auto");
+    const gridItemRowSpan = useResponsiveProp.useResponsiveProp(rowSpan, "auto");
+    const gridColumnStart = gridItemColSpan ? `span ${gridItemColSpan}` : colStart;
+    const gridColumnEnd = gridItemColSpan ? `span ${gridItemColSpan}` : colEnd;
+    const gridRowStart = gridItemRowSpan ? `span ${gridItemRowSpan}` : rowStart;
+    const gridRowEnd = gridItemRowSpan ? `span ${gridItemRowSpan}` : rowEnd;
+    const gridStyles = {
+      ...style,
+      "--gridItem-justifySelf": horizontalAlignment,
+      "--gridItem-alignSelf": verticalAlignment,
+      "--gridItem-gridRowStart": gridRowStart,
+      "--gridItem-gridColumnStart": gridColumnStart,
+      "--gridItem-gridRowEnd": gridRowEnd,
+      "--gridItem-gridColumnEnd": gridColumnEnd
+    };
+    return /* @__PURE__ */ jsxRuntime.jsx(Component, {
+      className: cx__default["default"](withBaseName(), className),
+      style: gridStyles,
+      ref,
+      ...rest,
+      children
+    });
+  }
+);
+
+exports.GRID_ALIGNMENT_BASE = GRID_ALIGNMENT_BASE;
+exports.GridItem = GridItem;
+//# sourceMappingURL=GridItem.js.map

package/dist-cjs/packages/core/src/grid-item/GridItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GridItem.js","sources":["../src/grid-item/GridItem.tsx"],"sourcesContent":["import { forwardRef, ElementType, ReactElement } from \"react\";\nimport cx from \"classnames\";\n\nimport {\n  makePrefixer,\n  ResponsiveProp,\n  useResponsiveProp,\n  PolymorphicRef,\n  PolymorphicComponentPropWithRef,\n} from \"../utils\";\nimport \"./GridItem.css\";\n\nexport const GRID_ALIGNMENT_BASE = [\n  \"start\",\n  \"end\",\n  \"center\",\n  \"stretch\",\n] as const;\n\ntype GridAlignment = typeof GRID_ALIGNMENT_BASE[number];\n\ntype GridProperty = number | \"auto\";\nexport type GridItemProps<T extends ElementType> =\n  PolymorphicComponentPropWithRef<\n    T,\n    {\n      /**\n       * The item will span across the provided number of grid columns. Defaults to \"auto\"\n       */\n      colSpan?: ResponsiveProp<GridProperty>;\n      /**\n       * The item will span across the provided number of grid rows. Defaults to \"auto\"\n       */\n      rowSpan?: ResponsiveProp<GridProperty>;\n      /**\n       * Aligns a grid item inside a cell along the inline (row) axis. Defaults to \"stretch\"\n       */\n      horizontalAlignment?: GridAlignment;\n      /**\n       * Aligns a grid item inside a cell along the block (column) axis. Defaults to \"stretch\"\n       */\n      verticalAlignment?: GridAlignment;\n    }\n  >;\n\nconst withBaseName = makePrefixer(\"saltGridItem\");\n\nconst colStart = \"auto\";\nconst colEnd = \"auto\";\nconst rowStart = \"auto\";\nconst rowEnd = \"auto\";\n\ntype GridItemComponent = <T extends ElementType = \"div\">(\n  props: GridItemProps<T>\n) => ReactElement | null;\n\nexport const GridItem: GridItemComponent = forwardRef(\n  <T extends ElementType = \"div\">(\n    {\n      as,\n      children,\n      className,\n      colSpan,\n      rowSpan,\n      horizontalAlignment = \"stretch\",\n      verticalAlignment = \"stretch\",\n      style,\n      ...rest\n    }: GridItemProps<T>,\n    ref?: PolymorphicRef<T>\n  ) => {\n    const Component = as || \"div\";\n    const gridItemColSpan = useResponsiveProp(colSpan, \"auto\");\n\n    const gridItemRowSpan = useResponsiveProp(rowSpan, \"auto\");\n\n    const gridColumnStart = gridItemColSpan\n      ? `span ${gridItemColSpan}`\n      : colStart;\n\n    const gridColumnEnd = gridItemColSpan ? `span ${gridItemColSpan}` : colEnd;\n\n    const gridRowStart = gridItemRowSpan ? `span ${gridItemRowSpan}` : rowStart;\n\n    const gridRowEnd = gridItemRowSpan ? `span ${gridItemRowSpan}` : rowEnd;\n\n    const gridStyles = {\n      ...style,\n      \"--gridItem-justifySelf\": horizontalAlignment,\n      \"--gridItem-alignSelf\": verticalAlignment,\n      \"--gridItem-gridRowStart\": gridRowStart,\n      \"--gridItem-gridColumnStart\": gridColumnStart,\n      \"--gridItem-gridRowEnd\": gridRowEnd,\n      \"--gridItem-gridColumnEnd\": gridColumnEnd,\n    };\n\n    return (\n      <Component\n        className={cx(withBaseName(), className)}\n        style={gridStyles}\n        ref={ref}\n        {...rest}\n      >\n        {children}\n      </Component>\n    );\n  }\n);\n"],"names":["makePrefixer","forwardRef","useResponsiveProp","jsx","cx"],"mappings":";;;;;;;;;;;;;;;;AAYO,MAAM,mBAAsB,GAAA;AAAA,EACjC,OAAA;AAAA,EACA,KAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA;AACF,EAAA;AA4BA,MAAM,YAAA,GAAeA,0BAAa,cAAc,CAAA,CAAA;AAEhD,MAAM,QAAW,GAAA,MAAA,CAAA;AACjB,MAAM,MAAS,GAAA,MAAA,CAAA;AACf,MAAM,QAAW,GAAA,MAAA,CAAA;AACjB,MAAM,MAAS,GAAA,MAAA,CAAA;AAMR,MAAM,QAA8B,GAAAC,gBAAA;AAAA,EACzC,CACE;AAAA,IACE,EAAA;AAAA,IACA,QAAA;AAAA,IACA,SAAA;AAAA,IACA,OAAA;AAAA,IACA,OAAA;AAAA,IACA,mBAAsB,GAAA,SAAA;AAAA,IACtB,iBAAoB,GAAA,SAAA;AAAA,IACpB,KAAA;AAAA,IACG,GAAA,IAAA;AAAA,KAEL,GACG,KAAA;AACH,IAAA,MAAM,YAAY,EAAM,IAAA,KAAA,CAAA;AACxB,IAAM,MAAA,eAAA,GAAkBC,mCAAkB,CAAA,OAAA,EAAS,MAAM,CAAA,CAAA;AAEzD,IAAM,MAAA,eAAA,GAAkBA,mCAAkB,CAAA,OAAA,EAAS,MAAM,CAAA,CAAA;AAEzD,IAAM,MAAA,eAAA,GAAkB,eACpB,GAAA,CAAA,KAAA,EAAQ,eACR,CAAA,CAAA,GAAA,QAAA,CAAA;AAEJ,IAAM,MAAA,aAAA,GAAgB,eAAkB,GAAA,CAAA,KAAA,EAAQ,eAAoB,CAAA,CAAA,GAAA,MAAA,CAAA;AAEpE,IAAM,MAAA,YAAA,GAAe,eAAkB,GAAA,CAAA,KAAA,EAAQ,eAAoB,CAAA,CAAA,GAAA,QAAA,CAAA;AAEnE,IAAM,MAAA,UAAA,GAAa,eAAkB,GAAA,CAAA,KAAA,EAAQ,eAAoB,CAAA,CAAA,GAAA,MAAA,CAAA;AAEjE,IAAA,MAAM,UAAa,GAAA;AAAA,MACjB,GAAG,KAAA;AAAA,MACH,wBAA0B,EAAA,mBAAA;AAAA,MAC1B,sBAAwB,EAAA,iBAAA;AAAA,MACxB,yBAA2B,EAAA,YAAA;AAAA,MAC3B,4BAA8B,EAAA,eAAA;AAAA,MAC9B,uBAAyB,EAAA,UAAA;AAAA,MACzB,0BAA4B,EAAA,aAAA;AAAA,KAC9B,CAAA;AAEA,IAAA,uBACGC,cAAA,CAAA,SAAA,EAAA;AAAA,MACC,SAAW,EAAAC,sBAAA,CAAG,YAAa,EAAA,EAAG,SAAS,CAAA;AAAA,MACvC,KAAO,EAAA,UAAA;AAAA,MACP,GAAA;AAAA,MACC,GAAG,IAAA;AAAA,MAEH,QAAA;AAAA,KACH,CAAA,CAAA;AAAA,GAEJ;AACF;;;;;"}

package/dist-cjs/packages/core/src/grid-layout/GridLayout.css.js

@@ -0,0 +1,9 @@
+'use strict';
+
+var styleInject_es = require('../../../../node_modules/style-inject/dist/style-inject.es.js');
+
+var css_248z = ".salt-density-touch {\n  --gridLayout-gap-density-multiplier: 2;\n}\n\n/* Default variables applied to the root element */\n.saltGridLayout {\n  --gridLayout-space: 1fr;\n  --gridLayout-rowGap: var(--gridLayout-gap-density-multiplier, 3);\n  --gridLayout-columnGap: var(--gridLayout-gap-density-multiplier, 3);\n}\n\n/* Style applied to the root element */\n.saltGridLayout {\n  display: grid;\n  column-gap: calc(var(--salt-size-unit) * var(--gridLayout-columnGap));\n  row-gap: calc(var(--salt-size-unit) * var(--gridLayout-rowGap));\n  grid-template-columns: repeat(var(--gridLayout-columns), var(--gridLayout-space));\n  grid-template-rows: repeat(var(--gridLayout-rows), var(--gridLayout-space));\n  grid-auto-columns: auto;\n  grid-auto-rows: auto;\n}\n\n.saltGridLayout-area {\n  grid-template: var(--gridLayout-gridTemplate);\n  grid-template-columns: min-content 1fr min-content;\n  grid-template-rows: min-content 1fr min-content;\n}\n";
+styleInject_es(css_248z);
+
+module.exports = css_248z;
+//# sourceMappingURL=GridLayout.css.js.map

package/dist-cjs/packages/core/src/grid-layout/GridLayout.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GridLayout.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}

package/dist-cjs/packages/core/src/grid-layout/GridLayout.js

@@ -0,0 +1,55 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var cx = require('classnames');
+var makePrefixer = require('../utils/makePrefixer.js');
+require('../utils/useId.js');
+var useResponsiveProp = require('../utils/useResponsiveProp.js');
+require('./GridLayout.css.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
+
+const withBaseName = makePrefixer.makePrefixer("saltGridLayout");
+const GridLayout = React.forwardRef(
+  ({
+    as,
+    children,
+    className,
+    columns = 12,
+    rows = 1,
+    gap,
+    columnGap,
+    rowGap,
+    style,
+    ...rest
+  }, ref) => {
+    const Component = as || "div";
+    const gridColumns = useResponsiveProp.useResponsiveProp(columns, 12);
+    const gridRows = useResponsiveProp.useResponsiveProp(rows, 1);
+    const gridGap = useResponsiveProp.useResponsiveProp(gap, 3);
+    const gridColumnGap = useResponsiveProp.useResponsiveProp(columnGap, 3);
+    const gridRowGap = useResponsiveProp.useResponsiveProp(rowGap, 3);
+    const gridLayoutStyles = {
+      ...style,
+      "--gridLayout-columns": gridColumns,
+      "--gridLayout-rows": gridRows,
+      "--gridLayout-columnGap": gridColumnGap || gridGap,
+      "--gridLayout-rowGap": gridRowGap || gridGap
+    };
+    return /* @__PURE__ */ jsxRuntime.jsx(Component, {
+      className: cx__default["default"](withBaseName(), className),
+      style: gridLayoutStyles,
+      ref,
+      ...rest,
+      children
+    });
+  }
+);
+
+exports.GridLayout = GridLayout;
+//# sourceMappingURL=GridLayout.js.map

package/dist-cjs/packages/core/src/grid-layout/GridLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GridLayout.js","sources":["../src/grid-layout/GridLayout.tsx"],"sourcesContent":["import { forwardRef, ReactElement, ElementType } from \"react\";\nimport cx from \"classnames\";\n\nimport {\n  makePrefixer,\n  ResponsiveProp,\n  useResponsiveProp,\n  PolymorphicComponentPropWithRef,\n  PolymorphicRef,\n} from \"../utils\";\n\nimport \"./GridLayout.css\";\n\nexport type GridLayoutProps<T extends ElementType> =\n  PolymorphicComponentPropWithRef<\n    T,\n    {\n      /**\n       * Number of columns to be displayed. Defaults to 12\n       */\n      columns?: ResponsiveProp<number>;\n      /**\n       * Number of rows to be displayed. Defaults to 1\n       */\n      rows?: ResponsiveProp<number>;\n      /**\n       * Defines the size of the gutter between the columns and the rows by setting a density multiplier. Defaults to 3\n       */\n      gap?: ResponsiveProp<number>;\n      /**\n       * Defines the size of the gutter between the columns by setting a density multiplier. Defaults to 1\n       */\n      columnGap?: ResponsiveProp<number>;\n      /**\n       * Defines the size of the gutter between the rows by setting a density multiplier. Defaults to 1\n       */\n      rowGap?: ResponsiveProp<number>;\n    }\n  >;\n\ntype GridLayoutComponent = <T extends ElementType = \"div\">(\n  props: GridLayoutProps<T>\n) => ReactElement | null;\n\nconst withBaseName = makePrefixer(\"saltGridLayout\");\n\nexport const GridLayout: GridLayoutComponent = forwardRef(\n  <T extends ElementType = \"div\">(\n    {\n      as,\n      children,\n      className,\n      columns = 12,\n      rows = 1,\n      gap,\n      columnGap,\n      rowGap,\n      style,\n      ...rest\n    }: GridLayoutProps<T>,\n    ref?: PolymorphicRef<T>\n  ) => {\n    const Component = as || \"div\";\n\n    const gridColumns = useResponsiveProp(columns, 12);\n\n    const gridRows = useResponsiveProp(rows, 1);\n\n    const gridGap = useResponsiveProp(gap, 3);\n\n    const gridColumnGap = useResponsiveProp(columnGap, 3);\n\n    const gridRowGap = useResponsiveProp(rowGap, 3);\n\n    const gridLayoutStyles = {\n      ...style,\n      \"--gridLayout-columns\": gridColumns,\n      \"--gridLayout-rows\": gridRows,\n      \"--gridLayout-columnGap\": gridColumnGap || gridGap,\n      \"--gridLayout-rowGap\": gridRowGap || gridGap,\n    };\n\n    return (\n      <Component\n        className={cx(withBaseName(), className)}\n        style={gridLayoutStyles}\n        ref={ref}\n        {...rest}\n      >\n        {children}\n      </Component>\n    );\n  }\n);\n"],"names":["makePrefixer","forwardRef","useResponsiveProp","jsx","cx"],"mappings":";;;;;;;;;;;;;;;;AA4CA,MAAM,YAAA,GAAeA,0BAAa,gBAAgB,CAAA,CAAA;AAE3C,MAAM,UAAkC,GAAAC,gBAAA;AAAA,EAC7C,CACE;AAAA,IACE,EAAA;AAAA,IACA,QAAA;AAAA,IACA,SAAA;AAAA,IACA,OAAU,GAAA,EAAA;AAAA,IACV,IAAO,GAAA,CAAA;AAAA,IACP,GAAA;AAAA,IACA,SAAA;AAAA,IACA,MAAA;AAAA,IACA,KAAA;AAAA,IACG,GAAA,IAAA;AAAA,KAEL,GACG,KAAA;AACH,IAAA,MAAM,YAAY,EAAM,IAAA,KAAA,CAAA;AAExB,IAAM,MAAA,WAAA,GAAcC,mCAAkB,CAAA,OAAA,EAAS,EAAE,CAAA,CAAA;AAEjD,IAAM,MAAA,QAAA,GAAWA,mCAAkB,CAAA,IAAA,EAAM,CAAC,CAAA,CAAA;AAE1C,IAAM,MAAA,OAAA,GAAUA,mCAAkB,CAAA,GAAA,EAAK,CAAC,CAAA,CAAA;AAExC,IAAM,MAAA,aAAA,GAAgBA,mCAAkB,CAAA,SAAA,EAAW,CAAC,CAAA,CAAA;AAEpD,IAAM,MAAA,UAAA,GAAaA,mCAAkB,CAAA,MAAA,EAAQ,CAAC,CAAA,CAAA;AAE9C,IAAA,MAAM,gBAAmB,GAAA;AAAA,MACvB,GAAG,KAAA;AAAA,MACH,sBAAwB,EAAA,WAAA;AAAA,MACxB,mBAAqB,EAAA,QAAA;AAAA,MACrB,0BAA0B,aAAiB,IAAA,OAAA;AAAA,MAC3C,uBAAuB,UAAc,IAAA,OAAA;AAAA,KACvC,CAAA;AAEA,IAAA,uBACGC,cAAA,CAAA,SAAA,EAAA;AAAA,MACC,SAAW,EAAAC,sBAAA,CAAG,YAAa,EAAA,EAAG,SAAS,CAAA;AAAA,MACvC,KAAO,EAAA,gBAAA;AAAA,MACP,GAAA;AAAA,MACC,GAAG,IAAA;AAAA,MAEH,QAAA;AAAA,KACH,CAAA,CAAA;AAAA,GAEJ;AACF;;;;"}

package/dist-cjs/packages/core/src/index.js

@@ -0,0 +1,118 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var AriaAnnouncerContext = require('./aria-announcer/AriaAnnouncerContext.js');
+var AriaAnnounce = require('./aria-announcer/AriaAnnounce.js');
+var AriaAnnouncerProvider = require('./aria-announcer/AriaAnnouncerProvider.js');
+var useAriaAnnouncer = require('./aria-announcer/useAriaAnnouncer.js');
+var BorderItem = require('./border-item/BorderItem.js');
+var BorderLayout = require('./border-layout/BorderLayout.js');
+var Breakpoints = require('./breakpoints/Breakpoints.js');
+var Button = require('./button/Button.js');
+var useButton = require('./button/useButton.js');
+var FlexItem = require('./flex-item/FlexItem.js');
+var FlexLayout = require('./flex-layout/FlexLayout.js');
+var FlowLayout = require('./flow-layout/FlowLayout.js');
+var GridItem = require('./grid-item/GridItem.js');
+var GridLayout = require('./grid-layout/GridLayout.js');
+var Link = require('./link/Link.js');
+var StackLayout = require('./stack-layout/StackLayout.js');
+var StatusIndicator = require('./status-indicator/StatusIndicator.js');
+var ValidationStatus = require('./status-indicator/ValidationStatus.js');
+var Text = require('./text/Text.js');
+var Display = require('./text/Display.js');
+var Headings = require('./text/Headings.js');
+var Label = require('./text/Label.js');
+var Density = require('./theme/Density.js');
+var Theme = require('./theme/Theme.js');
+var Mode = require('./theme/Mode.js');
+var SaltProvider = require('./salt-provider/SaltProvider.js');
+var createChainedFunction = require('./utils/createChainedFunction.js');
+var createContext = require('./utils/createContext.js');
+var debounce = require('./utils/debounce.js');
+var makePrefixer = require('./utils/makePrefixer.js');
+var marginMiddleware = require('./utils/marginMiddleware.js');
+var ownerDocument = require('./utils/ownerDocument.js');
+var ownerWindow = require('./utils/ownerWindow.js');
+var setRef = require('./utils/setRef.js');
+var useControlled = require('./utils/useControlled.js');
+var useForkRef = require('./utils/useForkRef.js');
+var useId = require('./utils/useId.js');
+var useIsFocusVisible = require('./utils/useIsFocusVisible.js');
+var useIsomorphicLayoutEffect = require('./utils/useIsomorphicLayoutEffect.js');
+var usePrevious = require('./utils/usePrevious.js');
+var useResponsiveProp = require('./utils/useResponsiveProp.js');
+var ViewportProvider = require('./viewport/ViewportProvider.js');
+
+
+
+exports.AriaAnnouncerContext = AriaAnnouncerContext.AriaAnnouncerContext;
+exports.AriaAnnounce = AriaAnnounce.AriaAnnounce;
+exports.ARIA_ANNOUNCE_DELAY = AriaAnnouncerProvider.ARIA_ANNOUNCE_DELAY;
+exports.AriaAnnouncerProvider = AriaAnnouncerProvider.AriaAnnouncerProvider;
+exports.useAriaAnnouncer = useAriaAnnouncer.useAriaAnnouncer;
+exports.BORDER_POSITION = BorderItem.BORDER_POSITION;
+exports.BorderItem = BorderItem.BorderItem;
+exports.BorderLayout = BorderLayout.BorderLayout;
+exports.DEFAULT_BREAKPOINTS = Breakpoints.DEFAULT_BREAKPOINTS;
+exports.Button = Button.Button;
+exports.ButtonVariantValues = Button.ButtonVariantValues;
+exports.useButton = useButton.useButton;
+exports.FLEX_ITEM_ALIGNMENTS = FlexItem.FLEX_ITEM_ALIGNMENTS;
+exports.FlexItem = FlexItem.FlexItem;
+exports.FLEX_ALIGNMENT_BASE = FlexLayout.FLEX_ALIGNMENT_BASE;
+exports.FLEX_CONTENT_ALIGNMENT_BASE = FlexLayout.FLEX_CONTENT_ALIGNMENT_BASE;
+exports.FlexLayout = FlexLayout.FlexLayout;
+exports.FlowLayout = FlowLayout.FlowLayout;
+exports.GRID_ALIGNMENT_BASE = GridItem.GRID_ALIGNMENT_BASE;
+exports.GridItem = GridItem.GridItem;
+exports.GridLayout = GridLayout.GridLayout;
+exports.Link = Link.Link;
+exports.StackLayout = StackLayout.StackLayout;
+exports.StatusIndicator = StatusIndicator.StatusIndicator;
+exports.VALIDATION_NAMED_STATUS = ValidationStatus.VALIDATION_NAMED_STATUS;
+exports.Text = Text.Text;
+exports.Display1 = Display.Display1;
+exports.Display2 = Display.Display2;
+exports.Display3 = Display.Display3;
+exports.H1 = Headings.H1;
+exports.H2 = Headings.H2;
+exports.H3 = Headings.H3;
+exports.H4 = Headings.H4;
+exports.Label = Label.Label;
+exports.DensityValues = Density.DensityValues;
+exports.getCharacteristicValue = Theme.getCharacteristicValue;
+exports.ModeValues = Mode.ModeValues;
+exports.BreakpointContext = SaltProvider.BreakpointContext;
+exports.DEFAULT_DENSITY = SaltProvider.DEFAULT_DENSITY;
+exports.DensityContext = SaltProvider.DensityContext;
+exports.SaltProvider = SaltProvider.SaltProvider;
+exports.ThemeContext = SaltProvider.ThemeContext;
+exports.useBreakpoints = SaltProvider.useBreakpoints;
+exports.useDensity = SaltProvider.useDensity;
+exports.useTheme = SaltProvider.useTheme;
+exports.createChainedFunction = createChainedFunction.createChainedFunction;
+exports.createContext = createContext.createContext;
+exports.debounce = debounce.debounce;
+exports.makePrefixer = makePrefixer.makePrefixer;
+exports.margin = marginMiddleware.margin;
+exports.ownerDocument = ownerDocument.ownerDocument;
+exports.ownerWindow = ownerWindow.ownerWindow;
+exports.setRef = setRef.setRef;
+exports.useControlled = useControlled.useControlled;
+exports.useForkRef = useForkRef.useForkRef;
+exports.useId = useId.useId;
+exports.useIdMemo = useId.useIdMemo;
+exports.teardown = useIsFocusVisible.teardown;
+exports.useIsFocusVisible = useIsFocusVisible.useIsFocusVisible;
+exports.useIsomorphicLayoutEffect = useIsomorphicLayoutEffect.useIsomorphicLayoutEffect;
+exports.usePrevious = usePrevious.usePrevious;
+exports.getCurrentBreakpoint = useResponsiveProp.getCurrentBreakpoint;
+exports.useCurrentBreakpoint = useResponsiveProp.useCurrentBreakpoint;
+exports.useOrderedBreakpoints = useResponsiveProp.useOrderedBreakpoints;
+exports.useResponsiveProp = useResponsiveProp.useResponsiveProp;
+exports.ViewportContext = ViewportProvider.ViewportContext;
+exports.ViewportProvider = ViewportProvider.ViewportProvider;
+exports.useViewport = ViewportProvider.useViewport;
+//# sourceMappingURL=index.js.map

package/dist-cjs/packages/core/src/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist-cjs/packages/core/src/link/Link.css.js

@@ -0,0 +1,9 @@
+'use strict';
+
+var styleInject_es = require('../../../../node_modules/style-inject/dist/style-inject.es.js');
+
+var css_248z = ".saltLink {\n  --link-color-hover: var(--saltLink-color-hover, var(--salt-text-link-foreground-hover));\n  --link-color-active: var(--saltLink-color-active, var(--salt-text-link-foreground-active));\n  --link-color-visited: var(--saltLink-color-visited, var(--salt-text-link-foreground-visited));\n  /* When focused, we also want hover style */\n  --link-color-focus: var(--saltLink-color-focus, var(--link-color-hover));\n  --link-color-disabled: var(--saltLink-color-disabled, var(--salt-text-link-foreground-disabled));\n\n  --link-textDecoration: var(--salt-text-link-textDecoration);\n\n  --link-fontFamily: var(--salt-text-fontFamily);\n  --link-focus-outline: var(--salt-focused-outline);\n}\n\n/* Main css class */\n.saltLink {\n  color: var(--link-color);\n  letter-spacing: 0px;\n  text-decoration: var(--link-textDecoration);\n  font-family: var(--link-fontFamily);\n}\n\n/* Primary variant */\n.saltText-primary {\n  --link-color: var(--salt-text-primary-foreground);\n}\n\n/* Secondary variant */\n.saltText-secondary {\n  --link-color: var(--salt-text-secondary-foreground);\n}\n\n/* External link's icon */\n.saltLink-icon {\n  margin-left: calc(var(--salt-size-unit) * 0.75);\n  margin-bottom: -2px;\n}\n\n/* Set color for visited link */\n.saltLink:visited {\n  --saltIcon-color: var(--link-color-visited);\n  color: var(--link-color-visited);\n}\n\n/* Set color for hovered link */\n.saltLink:hover {\n  --saltIcon-color: var(--link-color-hover);\n  color: var(--link-color-hover);\n}\n\n/* Set color for active link */\n.saltLink:active {\n  --saltIcon-color: var(--link-color-active);\n  color: var(--link-color-active);\n}\n\n/* Set color for focused link */\n.saltLink:focus {\n  --saltIcon-color: var(--link-color-focus);\n  outline: var(--link-focus-outline);\n  color: var(--link-color-focus);\n}\n\n/* Class for ADA content */\n.saltLink-externalLinkADA {\n  display: block;\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  overflow: hidden;\n  top: 0px;\n  left: 0px;\n  opacity: 0;\n}\n";
+styleInject_es(css_248z);
+
+module.exports = css_248z;
+//# sourceMappingURL=Link.css.js.map

package/dist-cjs/packages/core/src/link/Link.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Link.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}

package/dist-cjs/packages/core/src/link/Link.js

@@ -0,0 +1,60 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var cx = require('classnames');
+var icons = require('@salt-ds/icons');
+var makePrefixer = require('../utils/makePrefixer.js');
+require('../utils/useId.js');
+require('../salt-provider/SaltProvider.js');
+require('../viewport/ViewportProvider.js');
+var Text = require('../text/Text.js');
+require('../text/Display.js');
+require('../text/Headings.js');
+require('../text/Label.js');
+require('./Link.css.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
+
+const withBaseName = makePrefixer.makePrefixer("saltLink");
+const Link = React.forwardRef(function Link2({
+  IconComponent = icons.TearOutIcon,
+  href,
+  className,
+  children,
+  variant = "primary",
+  target = "_self",
+  ...rest
+}, ref) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(Text.Text, {
+    as: "a",
+    className: cx__default["default"](withBaseName(), className),
+    href,
+    ref,
+    target,
+    variant,
+    ...rest,
+    children: [
+      children,
+      target === "_blank" && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(IconComponent, {
+            className: withBaseName("icon"),
+            "aria-hidden": true
+          }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", {
+            className: withBaseName("externalLinkADA"),
+            children: "External Link"
+          })
+        ]
+      })
+    ]
+  });
+});
+
+exports.Link = Link;
+//# sourceMappingURL=Link.js.map

package/dist-cjs/packages/core/src/link/Link.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Link.js","sources":["../src/link/Link.tsx"],"sourcesContent":["import { ComponentType, forwardRef, ReactElement } from \"react\";\nimport cx from \"classnames\";\nimport { IconProps, TearOutIcon } from \"@salt-ds/icons\";\nimport { makePrefixer } from \"../utils\";\nimport { Text, TextProps } from \"../text\";\n\nimport \"./Link.css\";\n\nconst withBaseName = makePrefixer(\"saltLink\");\n\n/**\n * Links are a fundamental navigation element. When clicked, they take the user to an entirely different page.\n *\n * @example\n * <LinkExample to=\"#link\">Action</LinkExample>\n */\nexport interface LinkProps extends Omit<TextProps<\"a\">, \"as\"> {\n  IconComponent?: ComponentType<IconProps>;\n}\n\nexport const Link = forwardRef<HTMLAnchorElement, LinkProps>(function Link(\n  {\n    IconComponent = TearOutIcon,\n    href,\n    className,\n    children,\n    variant = \"primary\",\n    target = \"_self\",\n    ...rest\n  },\n  ref\n): ReactElement<LinkProps> {\n  return (\n    <Text\n      as=\"a\"\n      className={cx(withBaseName(), className)}\n      href={href}\n      ref={ref}\n      target={target}\n      variant={variant}\n      {...rest}\n    >\n      {children}\n      {target === \"_blank\" && (\n        <>\n          <IconComponent className={withBaseName(\"icon\")} aria-hidden />\n          <span className={withBaseName(\"externalLinkADA\")}>External Link</span>\n        </>\n      )}\n    </Text>\n  );\n});\n"],"names":["makePrefixer","forwardRef","Link","TearOutIcon","jsxs","Text","cx","Fragment","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAQA,MAAM,YAAA,GAAeA,0BAAa,UAAU,CAAA,CAAA;AAY/B,MAAA,IAAA,GAAOC,gBAAyC,CAAA,SAASC,KACpE,CAAA;AAAA,EACE,aAAgB,GAAAC,iBAAA;AAAA,EAChB,IAAA;AAAA,EACA,SAAA;AAAA,EACA,QAAA;AAAA,EACA,OAAU,GAAA,SAAA;AAAA,EACV,MAAS,GAAA,OAAA;AAAA,EACN,GAAA,IAAA;AACL,CAAA,EACA,GACyB,EAAA;AACzB,EAAA,uBACGC,eAAA,CAAAC,SAAA,EAAA;AAAA,IACC,EAAG,EAAA,GAAA;AAAA,IACH,SAAW,EAAAC,sBAAA,CAAG,YAAa,EAAA,EAAG,SAAS,CAAA;AAAA,IACvC,IAAA;AAAA,IACA,GAAA;AAAA,IACA,MAAA;AAAA,IACA,OAAA;AAAA,IACC,GAAG,IAAA;AAAA,IAEH,QAAA,EAAA;AAAA,MAAA,QAAA;AAAA,MACA,WAAW,QACV,oBAAAF,eAAA,CAAAG,mBAAA,EAAA;AAAA,QACE,QAAA,EAAA;AAAA,0BAACC,cAAA,CAAA,aAAA,EAAA;AAAA,YAAc,SAAA,EAAW,aAAa,MAAM,CAAA;AAAA,YAAG,aAAW,EAAA,IAAA;AAAA,WAAC,CAAA;AAAA,0BAC3DA,cAAA,CAAA,MAAA,EAAA;AAAA,YAAK,SAAA,EAAW,aAAa,iBAAiB,CAAA;AAAA,YAAG,QAAA,EAAA,eAAA;AAAA,WAAa,CAAA;AAAA,SAAA;AAAA,OACjE,CAAA;AAAA,KAAA;AAAA,GAEJ,CAAA,CAAA;AAEJ,CAAC;;;;"}

package/dist-cjs/packages/core/src/salt-provider/SaltProvider.css.js

@@ -0,0 +1,9 @@
+'use strict';
+
+var styleInject_es = require('../../../../node_modules/style-inject/dist/style-inject.es.js');
+
+var css_248z = ".salt-provider {\n  display: contents;\n}\n";
+styleInject_es(css_248z);
+
+module.exports = css_248z;
+//# sourceMappingURL=SaltProvider.css.js.map

package/dist-cjs/packages/core/src/salt-provider/SaltProvider.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SaltProvider.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}