@salt-ds/core 1.0.0

package/dist-es/packages/core/src/status-indicator/StatusIndicator.js

@@ -0,0 +1,39 @@
+import { jsx } from 'react/jsx-runtime';
+import { DEFAULT_ICON_SIZE, ErrorSolidIcon, SuccessTickIcon, WarningSolidIcon, InfoSolidIcon } from '@salt-ds/icons';
+import cx from 'classnames';
+import { forwardRef } from 'react';
+import { makePrefixer } from '../utils/makePrefixer.js';
+import '../utils/useId.js';
+import '../salt-provider/SaltProvider.js';
+import '../viewport/ViewportProvider.js';
+import './StatusIndicator.css.js';
+
+const icons = {
+  error: ErrorSolidIcon,
+  success: SuccessTickIcon,
+  warning: WarningSolidIcon,
+  info: InfoSolidIcon
+};
+const statusToAriaLabelMap = {
+  error: "error",
+  success: "success",
+  warning: "warning",
+  info: "info"
+};
+const withBaseName = makePrefixer("saltStatusIndicator");
+const StatusIndicator = forwardRef(
+  function StatusIndicator2({ className, status, size = DEFAULT_ICON_SIZE, ...restProps }, ref) {
+    const IconComponent = icons[status];
+    const ariaLabel = statusToAriaLabelMap[status];
+    return /* @__PURE__ */ jsx(IconComponent, {
+      className: cx(withBaseName(), withBaseName(status), className),
+      size,
+      "aria-label": ariaLabel,
+      ...restProps,
+      ref
+    });
+  }
+);
+
+export { StatusIndicator };
+//# sourceMappingURL=StatusIndicator.js.map

package/dist-es/packages/core/src/status-indicator/StatusIndicator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusIndicator.js","sources":["../src/status-indicator/StatusIndicator.tsx"],"sourcesContent":["import {\n  DEFAULT_ICON_SIZE,\n  ErrorSolidIcon,\n  IconProps,\n  InfoSolidIcon,\n  SuccessTickIcon,\n  WarningSolidIcon,\n} from \"@salt-ds/icons\";\nimport classnames from \"classnames\";\nimport { forwardRef } from \"react\";\nimport { makePrefixer } from \"../utils\";\nimport { ValidationStatus } from \"./ValidationStatus\";\n\nimport \"./StatusIndicator.css\";\n\nconst icons = {\n  error: ErrorSolidIcon,\n  success: SuccessTickIcon,\n  warning: WarningSolidIcon,\n  info: InfoSolidIcon,\n};\n\nexport interface StatusIndicatorProps extends IconProps {\n  /**\n   * Status indicator to be displayed.\n   */\n  status: ValidationStatus;\n}\n\nconst statusToAriaLabelMap: Record<ValidationStatus, string> = {\n  error: \"error\",\n  success: \"success\",\n  warning: \"warning\",\n  info: \"info\",\n};\n\nconst withBaseName = makePrefixer(\"saltStatusIndicator\");\n\nexport const StatusIndicator = forwardRef<SVGSVGElement, StatusIndicatorProps>(\n  function StatusIndicator(\n    { className, status, size = DEFAULT_ICON_SIZE, ...restProps },\n    ref\n  ) {\n    const IconComponent = icons[status];\n    const ariaLabel = statusToAriaLabelMap[status];\n\n    return (\n      <IconComponent\n        className={classnames(withBaseName(), withBaseName(status), className)}\n        size={size}\n        aria-label={ariaLabel}\n        {...restProps}\n        ref={ref}\n      />\n    );\n  }\n);\n"],"names":["StatusIndicator","classnames"],"mappings":";;;;;;;;;;AAeA,MAAM,KAAQ,GAAA;AAAA,EACZ,KAAO,EAAA,cAAA;AAAA,EACP,OAAS,EAAA,eAAA;AAAA,EACT,OAAS,EAAA,gBAAA;AAAA,EACT,IAAM,EAAA,aAAA;AACR,CAAA,CAAA;AASA,MAAM,oBAAyD,GAAA;AAAA,EAC7D,KAAO,EAAA,OAAA;AAAA,EACP,OAAS,EAAA,SAAA;AAAA,EACT,OAAS,EAAA,SAAA;AAAA,EACT,IAAM,EAAA,MAAA;AACR,CAAA,CAAA;AAEA,MAAM,YAAA,GAAe,aAAa,qBAAqB,CAAA,CAAA;AAEhD,MAAM,eAAkB,GAAA,UAAA;AAAA,EAC7B,SAASA,iBACP,EAAE,SAAA,EAAW,QAAQ,IAAO,GAAA,iBAAA,EAAA,GAAsB,SAAU,EAAA,EAC5D,GACA,EAAA;AACA,IAAA,MAAM,gBAAgB,KAAM,CAAA,MAAA,CAAA,CAAA;AAC5B,IAAA,MAAM,YAAY,oBAAqB,CAAA,MAAA,CAAA,CAAA;AAEvC,IAAA,uBACG,GAAA,CAAA,aAAA,EAAA;AAAA,MACC,WAAWC,EAAW,CAAA,YAAA,IAAgB,YAAa,CAAA,MAAM,GAAG,SAAS,CAAA;AAAA,MACrE,IAAA;AAAA,MACA,YAAY,EAAA,SAAA;AAAA,MACX,GAAG,SAAA;AAAA,MACJ,GAAA;AAAA,KACF,CAAA,CAAA;AAAA,GAEJ;AACF;;;;"}

package/dist-es/packages/core/src/status-indicator/ValidationStatus.js

@@ -0,0 +1,9 @@
+const VALIDATION_NAMED_STATUS = [
+  "error",
+  "warning",
+  "success",
+  "info"
+];
+
+export { VALIDATION_NAMED_STATUS };
+//# sourceMappingURL=ValidationStatus.js.map

package/dist-es/packages/core/src/status-indicator/ValidationStatus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ValidationStatus.js","sources":["../src/status-indicator/ValidationStatus.ts"],"sourcesContent":["export const VALIDATION_NAMED_STATUS = [\n  \"error\",\n  \"warning\",\n  \"success\",\n  \"info\",\n] as const;\n\nexport type ValidationStatus = typeof VALIDATION_NAMED_STATUS[number];\n"],"names":[],"mappings":"AAAO,MAAM,uBAA0B,GAAA;AAAA,EACrC,OAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAA;AAAA,EACA,MAAA;AACF;;;;"}

package/dist-es/packages/core/src/text/Display.js

@@ -0,0 +1,40 @@
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { makePrefixer } from '../utils/makePrefixer.js';
+import '../utils/useId.js';
+import '../salt-provider/SaltProvider.js';
+import '../viewport/ViewportProvider.js';
+import cx from 'classnames';
+import { Text } from './Text.js';
+
+const withBaseName = makePrefixer("saltText");
+const Display1 = forwardRef(function Display12({ children, className, ...rest }, ref) {
+  return /* @__PURE__ */ jsx(Text, {
+    as: "span",
+    className: cx(className, withBaseName(`display1`)),
+    ref,
+    ...rest,
+    children
+  });
+});
+const Display2 = forwardRef(function Display22({ children, className, ...rest }, ref) {
+  return /* @__PURE__ */ jsx(Text, {
+    as: "span",
+    className: cx(className, withBaseName(`display2`)),
+    ref,
+    ...rest,
+    children
+  });
+});
+const Display3 = forwardRef(function Display32({ children, className, ...rest }, ref) {
+  return /* @__PURE__ */ jsx(Text, {
+    as: "span",
+    className: cx(className, withBaseName(`display3`)),
+    ref,
+    ...rest,
+    children
+  });
+});
+
+export { Display1, Display2, Display3 };
+//# sourceMappingURL=Display.js.map

package/dist-es/packages/core/src/text/Display.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Display.js","sources":["../src/text/Display.tsx"],"sourcesContent":["import { makePrefixer } from \"../utils\";\nimport cx from \"classnames\";\nimport { forwardRef } from \"react\";\nimport { Text, TextProps } from \"./Text\";\n\nconst withBaseName = makePrefixer(\"saltText\");\n\nexport const Display1 = forwardRef<\n  HTMLSpanElement,\n  Omit<TextProps<\"span\">, \"as\">\n>(function Display1({ children, className, ...rest }, ref) {\n  return (\n    <Text\n      as=\"span\"\n      className={cx(className, withBaseName(`display1`))}\n      ref={ref}\n      {...rest}\n    >\n      {children}\n    </Text>\n  );\n});\n\nexport const Display2 = forwardRef<\n  HTMLSpanElement,\n  Omit<TextProps<\"span\">, \"as\">\n>(function Display2({ children, className, ...rest }, ref) {\n  return (\n    <Text\n      as=\"span\"\n      className={cx(className, withBaseName(`display2`))}\n      ref={ref}\n      {...rest}\n    >\n      {children}\n    </Text>\n  );\n});\n\nexport const Display3 = forwardRef<\n  HTMLSpanElement,\n  Omit<TextProps<\"span\">, \"as\">\n>(function Display3({ children, className, ...rest }, ref) {\n  return (\n    <Text\n      as=\"span\"\n      className={cx(className, withBaseName(`display3`))}\n      ref={ref}\n      {...rest}\n    >\n      {children}\n    </Text>\n  );\n});\n"],"names":["Display1","Display2","Display3"],"mappings":";;;;;;;;;AAKA,MAAM,YAAA,GAAe,aAAa,UAAU,CAAA,CAAA;AAE/B,MAAA,QAAA,GAAW,WAGtB,SAASA,SAAAA,CAAS,EAAE,QAAU,EAAA,SAAA,EAAA,GAAc,IAAK,EAAA,EAAG,GAAK,EAAA;AACzD,EAAA,uBACG,GAAA,CAAA,IAAA,EAAA;AAAA,IACC,EAAG,EAAA,MAAA;AAAA,IACH,SAAW,EAAA,EAAA,CAAG,SAAW,EAAA,YAAA,CAAa,UAAU,CAAC,CAAA;AAAA,IACjD,GAAA;AAAA,IACC,GAAG,IAAA;AAAA,IAEH,QAAA;AAAA,GACH,CAAA,CAAA;AAEJ,CAAC,EAAA;AAEY,MAAA,QAAA,GAAW,WAGtB,SAASC,SAAAA,CAAS,EAAE,QAAU,EAAA,SAAA,EAAA,GAAc,IAAK,EAAA,EAAG,GAAK,EAAA;AACzD,EAAA,uBACG,GAAA,CAAA,IAAA,EAAA;AAAA,IACC,EAAG,EAAA,MAAA;AAAA,IACH,SAAW,EAAA,EAAA,CAAG,SAAW,EAAA,YAAA,CAAa,UAAU,CAAC,CAAA;AAAA,IACjD,GAAA;AAAA,IACC,GAAG,IAAA;AAAA,IAEH,QAAA;AAAA,GACH,CAAA,CAAA;AAEJ,CAAC,EAAA;AAEY,MAAA,QAAA,GAAW,WAGtB,SAASC,SAAAA,CAAS,EAAE,QAAU,EAAA,SAAA,EAAA,GAAc,IAAK,EAAA,EAAG,GAAK,EAAA;AACzD,EAAA,uBACG,GAAA,CAAA,IAAA,EAAA;AAAA,IACC,EAAG,EAAA,MAAA;AAAA,IACH,SAAW,EAAA,EAAA,CAAG,SAAW,EAAA,YAAA,CAAa,UAAU,CAAC,CAAA;AAAA,IACjD,GAAA;AAAA,IACC,GAAG,IAAA;AAAA,IAEH,QAAA;AAAA,GACH,CAAA,CAAA;AAEJ,CAAC;;;;"}

package/dist-es/packages/core/src/text/Headings.js

@@ -0,0 +1,47 @@
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { Text } from './Text.js';
+
+const H1 = forwardRef(
+  function H12({ children, ...rest }, ref) {
+    return /* @__PURE__ */ jsx(Text, {
+      as: "h1",
+      ref,
+      ...rest,
+      children
+    });
+  }
+);
+const H2 = forwardRef(
+  function H22({ children, ...rest }, ref) {
+    return /* @__PURE__ */ jsx(Text, {
+      as: "h2",
+      ref,
+      ...rest,
+      children
+    });
+  }
+);
+const H3 = forwardRef(
+  function H32({ children, ...rest }, ref) {
+    return /* @__PURE__ */ jsx(Text, {
+      as: "h3",
+      ref,
+      ...rest,
+      children
+    });
+  }
+);
+const H4 = forwardRef(
+  function H42({ children, ...rest }, ref) {
+    return /* @__PURE__ */ jsx(Text, {
+      as: "h4",
+      ref,
+      ...rest,
+      children
+    });
+  }
+);
+
+export { H1, H2, H3, H4 };
+//# sourceMappingURL=Headings.js.map

package/dist-es/packages/core/src/text/Headings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Headings.js","sources":["../src/text/Headings.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\n\nimport { Text, TextProps } from \"./Text\";\n\nexport const H1 = forwardRef<HTMLHeadingElement, Omit<TextProps<\"h1\">, \"as\">>(\n  function H1({ children, ...rest }, ref) {\n    return (\n      <Text as=\"h1\" ref={ref} {...rest}>\n        {children}\n      </Text>\n    );\n  }\n);\n\nexport const H2 = forwardRef<HTMLHeadingElement, Omit<TextProps<\"h2\">, \"as\">>(\n  function H2({ children, ...rest }, ref) {\n    return (\n      <Text as=\"h2\" ref={ref} {...rest}>\n        {children}\n      </Text>\n    );\n  }\n);\n\nexport const H3 = forwardRef<HTMLHeadingElement, Omit<TextProps<\"h3\">, \"as\">>(\n  function H3({ children, ...rest }, ref) {\n    return (\n      <Text as=\"h3\" ref={ref} {...rest}>\n        {children}\n      </Text>\n    );\n  }\n);\n\nexport const H4 = forwardRef<HTMLHeadingElement, Omit<TextProps<\"h4\">, \"as\">>(\n  function H4({ children, ...rest }, ref) {\n    return (\n      <Text as=\"h4\" ref={ref} {...rest}>\n        {children}\n      </Text>\n    );\n  }\n);\n"],"names":["H1","H2","H3","H4"],"mappings":";;;;AAIO,MAAM,EAAK,GAAA,UAAA;AAAA,EAChB,SAASA,GAAG,CAAA,EAAE,QAAa,EAAA,GAAA,IAAA,IAAQ,GAAK,EAAA;AACtC,IAAA,uBACG,GAAA,CAAA,IAAA,EAAA;AAAA,MAAK,EAAG,EAAA,IAAA;AAAA,MAAK,GAAA;AAAA,MAAW,GAAG,IAAA;AAAA,MACzB,QAAA;AAAA,KACH,CAAA,CAAA;AAAA,GAEJ;AACF,EAAA;AAEO,MAAM,EAAK,GAAA,UAAA;AAAA,EAChB,SAASC,GAAG,CAAA,EAAE,QAAa,EAAA,GAAA,IAAA,IAAQ,GAAK,EAAA;AACtC,IAAA,uBACG,GAAA,CAAA,IAAA,EAAA;AAAA,MAAK,EAAG,EAAA,IAAA;AAAA,MAAK,GAAA;AAAA,MAAW,GAAG,IAAA;AAAA,MACzB,QAAA;AAAA,KACH,CAAA,CAAA;AAAA,GAEJ;AACF,EAAA;AAEO,MAAM,EAAK,GAAA,UAAA;AAAA,EAChB,SAASC,GAAG,CAAA,EAAE,QAAa,EAAA,GAAA,IAAA,IAAQ,GAAK,EAAA;AACtC,IAAA,uBACG,GAAA,CAAA,IAAA,EAAA;AAAA,MAAK,EAAG,EAAA,IAAA;AAAA,MAAK,GAAA;AAAA,MAAW,GAAG,IAAA;AAAA,MACzB,QAAA;AAAA,KACH,CAAA,CAAA;AAAA,GAEJ;AACF,EAAA;AAEO,MAAM,EAAK,GAAA,UAAA;AAAA,EAChB,SAASC,GAAG,CAAA,EAAE,QAAa,EAAA,GAAA,IAAA,IAAQ,GAAK,EAAA;AACtC,IAAA,uBACG,GAAA,CAAA,IAAA,EAAA;AAAA,MAAK,EAAG,EAAA,IAAA;AAAA,MAAK,GAAA;AAAA,MAAW,GAAG,IAAA;AAAA,MACzB,QAAA;AAAA,KACH,CAAA,CAAA;AAAA,GAEJ;AACF;;;;"}

package/dist-es/packages/core/src/text/Label.js

@@ -0,0 +1,15 @@
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { Text } from './Text.js';
+
+const Label = forwardRef(function Label2({ children, ...rest }, ref) {
+  return /* @__PURE__ */ jsx(Text, {
+    as: "label",
+    ref,
+    ...rest,
+    children
+  });
+});
+
+export { Label };
+//# sourceMappingURL=Label.js.map

package/dist-es/packages/core/src/text/Label.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Label.js","sources":["../src/text/Label.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport { Text, TextProps } from \"./Text\";\n\nexport const Label = forwardRef<\n  HTMLLabelElement,\n  Omit<TextProps<\"label\">, \"as\">\n>(function Label({ children, ...rest }, ref) {\n  return (\n    <Text as=\"label\" ref={ref} {...rest}>\n      {children}\n    </Text>\n  );\n});\n"],"names":["Label"],"mappings":";;;;AAGa,MAAA,KAAA,GAAQ,WAGnB,SAASA,MAAAA,CAAM,EAAE,QAAa,EAAA,GAAA,IAAA,IAAQ,GAAK,EAAA;AAC3C,EAAA,uBACG,GAAA,CAAA,IAAA,EAAA;AAAA,IAAK,EAAG,EAAA,OAAA;AAAA,IAAQ,GAAA;AAAA,IAAW,GAAG,IAAA;AAAA,IAC5B,QAAA;AAAA,GACH,CAAA,CAAA;AAEJ,CAAC;;;;"}

package/dist-es/packages/core/src/text/Text.css.js

@@ -0,0 +1,7 @@
+import styleInject from '../../../../node_modules/style-inject/dist/style-inject.es.js';
+
+var css_248z = "/* Main css class. Style for body text */\n.saltText {\n  font-size: var(--salt-text-fontSize);\n  line-height: var(--salt-text-lineHeight);\n  color: var(--saltText-color, var(--text-color));\n}\n\n/* Allows truncation */\n.saltText-lineClamp {\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: var(--text-max-rows, 0);\n  overflow: hidden;\n  word-break: break-word;\n}\n\n/* Primary variant */\n.saltText-primary {\n  --text-color: var(--salt-text-primary-foreground);\n}\n\n/* Secondary variant */\n.saltText-secondary {\n  --text-color: var(--salt-text-secondary-foreground);\n}\n\n/* Body emphasis strong */\n.saltText strong {\n  font-weight: var(--salt-text-fontWeight-strong);\n}\n/* Body emphasis small */\n.saltText small {\n  font-size: inherit;\n  font-weight: var(--salt-text-fontWeight-small);\n}\n\n/* Display 1 */\n.saltText-display1.saltText {\n  font-size: var(--salt-text-display1-fontSize);\n  font-weight: var(--salt-text-display1-fontWeight);\n  line-height: var(--salt-text-display1-lineHeight);\n}\n\n/* Display 2 */\n.saltText-display2.saltText {\n  font-size: var(--salt-text-display2-fontSize);\n  font-weight: var(--salt-text-display2-fontWeight);\n  line-height: var(--salt-text-display2-lineHeight);\n}\n\n/* Display 3 */\n.saltText-display3.saltText {\n  font-size: var(--salt-text-display3-fontSize);\n  font-weight: var(--salt-text-display3-fontWeight);\n  line-height: var(--salt-text-display3-lineHeight);\n}\n\n/* Heading 1 */\nh1.saltText,\n.saltText-h1.saltText {\n  font-size: var(--salt-text-h1-fontSize);\n  font-weight: var(--salt-text-h1-fontWeight);\n  line-height: var(--salt-text-h1-lineHeight);\n}\n\n/* H1 emphasis strong */\nh1.saltText strong,\n.saltText-h1.saltText strong {\n  font-weight: var(--salt-text-h1-fontWeight-strong);\n}\n/* H1 emphasis small */\nh1.saltText small,\n.saltText-h1.saltText small {\n  font-size: inherit;\n  font-weight: var(--salt-text-h1-fontWeight-small);\n}\n\n/* Heading 2 */\nh2.saltText,\n.saltText-h2.saltText {\n  font-size: var(--salt-text-h2-fontSize);\n  font-weight: var(--salt-text-h2-fontWeight);\n  line-height: var(--salt-text-h2-lineHeight);\n}\n\n/* H2 emphasis strong */\nh2.saltText strong,\n.saltText-h2.saltText strong {\n  font-weight: var(--salt-text-h2-fontWeight-strong);\n}\n/* H2 emphasis small */\nh2.saltText small,\n.saltText-h2.saltText small {\n  font-size: inherit;\n  font-weight: var(--salt-text-h2-fontWeight-small);\n}\n\n/* Heading 3 */\nh3.saltText,\n.saltText-h3.saltText {\n  font-size: var(--salt-text-h3-fontSize);\n  font-weight: var(--salt-text-h3-fontWeight);\n  line-height: var(--salt-text-h3-lineHeight);\n}\n\n/* H3 emphasis strong */\nh3.saltText strong,\n.saltText-h3.saltText strong {\n  font-weight: var(--salt-text-h3-fontWeight-strong);\n}\n/* H3 emphasis small */\nh3.saltText small,\n.saltText-h3.saltText small {\n  font-size: inherit;\n  font-weight: var(--salt-text-h3-fontWeight-small);\n}\n\n/* Heading 4 */\nh4.saltText,\n.saltText-h4.saltText {\n  font-size: var(--salt-text-h4-fontSize);\n  font-weight: var(--salt-text-h4-fontWeight);\n  line-height: var(--salt-text-h4-lineHeight);\n}\n\n/* H4 emphasis strong */\nh4.saltText strong,\n.saltText-h4.saltText strong {\n  font-weight: var(--salt-text-h4-fontWeight-strong);\n}\n/* H4 emphasis small */\nh4.saltText small,\n.saltText-h4.saltText small {\n  font-size: inherit;\n  font-weight: var(--salt-text-h4-fontWeight-small);\n}\n\n/* Label */\nlabel.saltText,\n.saltText-label.saltText {\n  font-size: var(--salt-text-label-fontSize);\n  line-height: var(--salt-text-label-lineHeight);\n  font-weight: var(--salt-text-fontWeight);\n}\n\n/* Label emphasis strong */\nlabel.saltText strong,\n.saltText-label.saltText strong {\n  font-weight: var(--salt-text-fontWeight-strong);\n}\n/* Label emphasis small */\nlabel.saltText small,\n.saltText-label.saltText small {\n  font-size: inherit;\n  font-weight: var(--salt-text-fontWeight-small);\n}\n";
+styleInject(css_248z);
+
+export { css_248z as default };
+//# sourceMappingURL=Text.css.js.map

package/dist-es/packages/core/src/text/Text.css.js.map

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

package/dist-es/packages/core/src/text/Text.js

@@ -0,0 +1,39 @@
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { makePrefixer } from '../utils/makePrefixer.js';
+import '../utils/useId.js';
+import '../salt-provider/SaltProvider.js';
+import '../viewport/ViewportProvider.js';
+import cx from 'classnames';
+import './Text.css.js';
+
+const withBaseName = makePrefixer("saltText");
+const Text = forwardRef(
+  ({
+    children,
+    className,
+    as,
+    maxRows,
+    styleAs,
+    variant = "primary",
+    style,
+    ...restProps
+  }, ref) => {
+    const Component = as || "div";
+    const textStyles = { "--text-max-rows": maxRows, ...style };
+    return /* @__PURE__ */ jsx(Component, {
+      className: cx(withBaseName(), className, {
+        [withBaseName("lineClamp")]: maxRows,
+        [withBaseName(styleAs || "")]: styleAs,
+        [withBaseName(variant)]: variant
+      }),
+      ...restProps,
+      ref,
+      style: textStyles,
+      children
+    });
+  }
+);
+
+export { Text };
+//# sourceMappingURL=Text.js.map

package/dist-es/packages/core/src/text/Text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text.js","sources":["../src/text/Text.tsx"],"sourcesContent":["import {\n  makePrefixer,\n  PolymorphicComponentPropWithRef,\n  PolymorphicRef,\n} from \"../utils\";\nimport cx from \"classnames\";\nimport { ElementType, forwardRef, ReactElement } from \"react\";\n\nimport \"./Text.css\";\n\nexport type TextProps<T extends ElementType> = PolymorphicComponentPropWithRef<\n  T,\n  {\n    /**\n     * Apply text truncation by mentioning number of rows to be displayed\n     */\n    maxRows?: number;\n    /**\n     * Match styling to another text component's style\n     */\n    styleAs?:\n      | \"h1\"\n      | \"h2\"\n      | \"h3\"\n      | \"h4\"\n      | \"label\"\n      | \"display1\"\n      | \"display2\"\n      | \"display3\";\n    /**\n     * Change text color palette\n     */\n    variant?: \"primary\" | \"secondary\";\n  }\n>;\n\ntype TextComponent = <T extends ElementType = \"div\">(\n  props: TextProps<T>\n) => ReactElement | null;\n\nconst withBaseName = makePrefixer(\"saltText\");\n\nexport const Text: TextComponent = forwardRef(\n  <T extends ElementType = \"div\">(\n    {\n      children,\n      className,\n      as,\n      maxRows,\n      styleAs,\n      variant = \"primary\",\n      style,\n      ...restProps\n    }: TextProps<T>,\n    ref?: PolymorphicRef<T>\n  ) => {\n    const Component = as || \"div\";\n\n    const textStyles = { \"--text-max-rows\": maxRows, ...style };\n\n    return (\n      <Component\n        className={cx(withBaseName(), className, {\n          [withBaseName(\"lineClamp\")]: maxRows,\n          [withBaseName(styleAs || \"\")]: styleAs,\n          [withBaseName(variant)]: variant,\n        })}\n        {...restProps}\n        ref={ref}\n        style={textStyles}\n      >\n        {children}\n      </Component>\n    );\n  }\n);\n"],"names":[],"mappings":";;;;;;;;;AAwCA,MAAM,YAAA,GAAe,aAAa,UAAU,CAAA,CAAA;AAErC,MAAM,IAAsB,GAAA,UAAA;AAAA,EACjC,CACE;AAAA,IACE,QAAA;AAAA,IACA,SAAA;AAAA,IACA,EAAA;AAAA,IACA,OAAA;AAAA,IACA,OAAA;AAAA,IACA,OAAU,GAAA,SAAA;AAAA,IACV,KAAA;AAAA,IACG,GAAA,SAAA;AAAA,KAEL,GACG,KAAA;AACH,IAAA,MAAM,YAAY,EAAM,IAAA,KAAA,CAAA;AAExB,IAAA,MAAM,UAAa,GAAA,EAAE,iBAAmB,EAAA,OAAA,EAAS,GAAG,KAAM,EAAA,CAAA;AAE1D,IAAA,uBACG,GAAA,CAAA,SAAA,EAAA;AAAA,MACC,SAAW,EAAA,EAAA,CAAG,YAAa,EAAA,EAAG,SAAW,EAAA;AAAA,QACvC,CAAC,YAAa,CAAA,WAAW,CAAI,GAAA,OAAA;AAAA,QAC7B,CAAC,YAAA,CAAa,OAAW,IAAA,EAAE,CAAI,GAAA,OAAA;AAAA,QAC/B,CAAC,YAAa,CAAA,OAAO,CAAI,GAAA,OAAA;AAAA,OAC1B,CAAA;AAAA,MACA,GAAG,SAAA;AAAA,MACJ,GAAA;AAAA,MACA,KAAO,EAAA,UAAA;AAAA,MAEN,QAAA;AAAA,KACH,CAAA,CAAA;AAAA,GAEJ;AACF;;;;"}

package/dist-es/packages/core/src/theme/Density.js

@@ -0,0 +1,4 @@
+const DensityValues = ["high", "medium", "low", "touch"];
+
+export { DensityValues };
+//# sourceMappingURL=Density.js.map

package/dist-es/packages/core/src/theme/Density.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Density.js","sources":["../src/theme/Density.ts"],"sourcesContent":["export const DensityValues = [\"high\", \"medium\", \"low\", \"touch\"] as const;\n\nexport type Density = typeof DensityValues[number];\n"],"names":[],"mappings":"AAAO,MAAM,aAAgB,GAAA,CAAC,MAAQ,EAAA,QAAA,EAAU,OAAO,OAAO;;;;"}

package/dist-es/packages/core/src/theme/Mode.js

@@ -0,0 +1,4 @@
+const ModeValues = ["light", "dark"];
+
+export { ModeValues };
+//# sourceMappingURL=Mode.js.map

package/dist-es/packages/core/src/theme/Mode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Mode.js","sources":["../src/theme/Mode.ts"],"sourcesContent":["export const ModeValues = [\"light\", \"dark\"] as const;\n\nexport type Mode = typeof ModeValues[number];\n"],"names":[],"mappings":"AAAa,MAAA,UAAA,GAAa,CAAC,OAAA,EAAS,MAAM;;;;"}

package/dist-es/packages/core/src/theme/Theme.js

@@ -0,0 +1,15 @@
+const getCharacteristicValue = (themeName, characteristicName, variant, scopeElement) => {
+  const cssVariableName = `--salt-${characteristicName}-${variant}`;
+  const scopeTarget = scopeElement || document.body.querySelector(`.${themeName}`);
+  if (scopeTarget) {
+    const style = getComputedStyle(scopeTarget);
+    const variableValue = style.getPropertyValue(cssVariableName);
+    if (variableValue) {
+      return variableValue;
+    }
+  }
+  return null;
+};
+
+export { getCharacteristicValue };
+//# sourceMappingURL=Theme.js.map

package/dist-es/packages/core/src/theme/Theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Theme.js","sources":["../src/theme/Theme.ts"],"sourcesContent":["export type characteristic =\n  | \"accent\"\n  | \"actionable\"\n  | \"container\"\n  | \"delay\"\n  | \"disabled\"\n  | \"draggable\"\n  | \"target\"\n  | \"editable\"\n  | \"focused\"\n  | \"measured\"\n  | \"navigable\"\n  | \"overlayable\"\n  | \"selectable\"\n  | \"separable\"\n  | \"taggable\"\n  | \"text\"\n  | \"status\"\n  // The next 4 are foundations, should they really be here?\n  | \"icon\"\n  | \"shadow\"\n  | \"size\"\n  | \"spacing\";\n\nexport type ThemeName = string;\n\nexport const getCharacteristicValue = (\n  themeName: ThemeName,\n  characteristicName: characteristic,\n  variant: string,\n  scopeElement?: HTMLElement\n): string | null => {\n  const cssVariableName = `--salt-${characteristicName}-${variant}`;\n  const scopeTarget =\n    scopeElement || document.body.querySelector(`.${themeName}`);\n  if (scopeTarget) {\n    const style = getComputedStyle(scopeTarget);\n    const variableValue = style.getPropertyValue(cssVariableName);\n    if (variableValue) {\n      return variableValue;\n    }\n  }\n  return null;\n};\n"],"names":[],"mappings":"AA0BO,MAAM,sBAAyB,GAAA,CACpC,SACA,EAAA,kBAAA,EACA,SACA,YACkB,KAAA;AAClB,EAAM,MAAA,eAAA,GAAkB,UAAU,kBAAsB,CAAA,CAAA,EAAA,OAAA,CAAA,CAAA,CAAA;AACxD,EAAA,MAAM,cACJ,YAAgB,IAAA,QAAA,CAAS,IAAK,CAAA,aAAA,CAAc,IAAI,SAAW,CAAA,CAAA,CAAA,CAAA;AAC7D,EAAA,IAAI,WAAa,EAAA;AACf,IAAM,MAAA,KAAA,GAAQ,iBAAiB,WAAW,CAAA,CAAA;AAC1C,IAAM,MAAA,aAAA,GAAgB,KAAM,CAAA,gBAAA,CAAiB,eAAe,CAAA,CAAA;AAC5D,IAAA,IAAI,aAAe,EAAA;AACjB,MAAO,OAAA,aAAA,CAAA;AAAA,KACT;AAAA,GACF;AACA,EAAO,OAAA,IAAA,CAAA;AACT;;;;"}

package/dist-es/packages/core/src/utils/createChainedFunction.js

@@ -0,0 +1,18 @@
+function createChainedFunction(...funcs) {
+  return funcs.reduce(
+    (acc, func) => {
+      if (func == null) {
+        return acc;
+      }
+      return function chainedFunction(...args) {
+        acc.apply(this, args);
+        func.apply(this, args);
+      };
+    },
+    () => {
+    }
+  );
+}
+
+export { createChainedFunction };
+//# sourceMappingURL=createChainedFunction.js.map

package/dist-es/packages/core/src/utils/createChainedFunction.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createChainedFunction.js","sources":["../src/utils/createChainedFunction.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n\ntype ChainedFunction<Args extends any[], This> =\n  | ((this: This, ...args: Args) => any)\n  | undefined\n  | null;\n\nexport function createChainedFunction<Args extends any[], This>(\n  ...funcs: ChainedFunction<Args, This>[]\n): (this: This, ...args: Args) => any {\n  return funcs.reduce<(this: This, ...args: Args) => any>(\n    (acc, func) => {\n      if (func == null) {\n        return acc;\n      }\n\n      return function chainedFunction(...args) {\n        acc.apply(this, args);\n        func.apply(this, args);\n      };\n    },\n    // eslint-disable-next-line @typescript-eslint/no-empty-function\n    () => {}\n  );\n}\n"],"names":[],"mappings":"AAOO,SAAS,yBACX,KACiC,EAAA;AACpC,EAAA,OAAO,KAAM,CAAA,MAAA;AAAA,IACX,CAAC,KAAK,IAAS,KAAA;AACb,MAAA,IAAI,QAAQ,IAAM,EAAA;AAChB,QAAO,OAAA,GAAA,CAAA;AAAA,OACT;AAEA,MAAO,OAAA,SAAS,mBAAmB,IAAM,EAAA;AACvC,QAAI,GAAA,CAAA,KAAA,CAAM,MAAM,IAAI,CAAA,CAAA;AACpB,QAAK,IAAA,CAAA,KAAA,CAAM,MAAM,IAAI,CAAA,CAAA;AAAA,OACvB,CAAA;AAAA,KACF;AAAA,IAEA,MAAM;AAAA,KAAC;AAAA,GACT,CAAA;AACF;;;;"}

package/dist-es/packages/core/src/utils/createContext.js

@@ -0,0 +1,12 @@
+import { createContext as createContext$1 } from 'react';
+
+function createContext(name, defaultValue) {
+  const context = createContext$1(defaultValue);
+  if (process.env.NODE_ENV !== "production") {
+    context.displayName = name;
+  }
+  return context;
+}
+
+export { createContext };
+//# sourceMappingURL=createContext.js.map

package/dist-es/packages/core/src/utils/createContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createContext.js","sources":["../src/utils/createContext.ts"],"sourcesContent":["import { createContext as createReactContext, Context } from \"react\";\n\nexport function createContext<ContextValueType>(\n  name: string,\n  defaultValue: ContextValueType\n): Context<ContextValueType> {\n  const context = createReactContext<ContextValueType>(defaultValue);\n  if (process.env.NODE_ENV !== \"production\") {\n    context.displayName = name;\n  }\n  return context;\n}\n"],"names":["createReactContext"],"mappings":";;AAEgB,SAAA,aAAA,CACd,MACA,YAC2B,EAAA;AAC3B,EAAM,MAAA,OAAA,GAAUA,gBAAqC,YAAY,CAAA,CAAA;AACjE,EAAI,IAAA,OAAA,CAAQ,GAAI,CAAA,QAAA,KAAa,YAAc,EAAA;AACzC,IAAA,OAAA,CAAQ,WAAc,GAAA,IAAA,CAAA;AAAA,GACxB;AACA,EAAO,OAAA,OAAA,CAAA;AACT;;;;"}

package/dist-es/packages/core/src/utils/debounce.js

@@ -0,0 +1,20 @@
+function debounce(func, wait = 166, leading = false) {
+  let timeout;
+  const debounced = function debounced2(...args) {
+    const later = () => {
+      func.apply(this, args);
+    };
+    clearTimeout(timeout);
+    if (leading) {
+      later();
+    }
+    timeout = window.setTimeout(later, wait);
+  };
+  debounced.clear = () => {
+    clearTimeout(timeout);
+  };
+  return debounced;
+}
+
+export { debounce };
+//# sourceMappingURL=debounce.js.map

package/dist-es/packages/core/src/utils/debounce.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"debounce.js","sources":["../src/utils/debounce.ts"],"sourcesContent":["export interface Cancelable {\n  clear(): void;\n}\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport function debounce<T extends (...args: any[]) => any>(\n  func: T,\n  // Corresponds to 10 frames at 60 Hz.\n  wait = 166,\n  leading = false\n): T & Cancelable {\n  let timeout: number;\n  const debounced: T & Cancelable = function debounced(\n    this: typeof debounced,\n    ...args\n  ) {\n    const later = () => {\n      func.apply(this, args);\n    };\n    clearTimeout(timeout);\n    if (leading) {\n      later();\n    }\n    timeout = window.setTimeout(later, wait);\n  } as T & Cancelable;\n\n  debounced.clear = () => {\n    clearTimeout(timeout);\n  };\n\n  return debounced;\n}\n"],"names":["debounced"],"mappings":"AAKO,SAAS,QACd,CAAA,IAAA,EAEA,IAAO,GAAA,GAAA,EACP,UAAU,KACM,EAAA;AAChB,EAAI,IAAA,OAAA,CAAA;AACJ,EAAM,MAAA,SAAA,GAA4B,SAASA,UAAAA,CAAAA,GAEtC,IACH,EAAA;AACA,IAAA,MAAM,QAAQ,MAAM;AAClB,MAAK,IAAA,CAAA,KAAA,CAAM,MAAM,IAAI,CAAA,CAAA;AAAA,KACvB,CAAA;AACA,IAAA,YAAA,CAAa,OAAO,CAAA,CAAA;AACpB,IAAA,IAAI,OAAS,EAAA;AACX,MAAM,KAAA,EAAA,CAAA;AAAA,KACR;AACA,IAAU,OAAA,GAAA,MAAA,CAAO,UAAW,CAAA,KAAA,EAAO,IAAI,CAAA,CAAA;AAAA,GACzC,CAAA;AAEA,EAAA,SAAA,CAAU,QAAQ,MAAM;AACtB,IAAA,YAAA,CAAa,OAAO,CAAA,CAAA;AAAA,GACtB,CAAA;AAEA,EAAO,OAAA,SAAA,CAAA;AACT;;;;"}

package/dist-es/packages/core/src/utils/makePrefixer.js

@@ -0,0 +1,4 @@
+const makePrefixer = (prefix) => (...names) => [prefix, ...names].join("-");
+
+export { makePrefixer };
+//# sourceMappingURL=makePrefixer.js.map

package/dist-es/packages/core/src/utils/makePrefixer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"makePrefixer.js","sources":["../src/utils/makePrefixer.ts"],"sourcesContent":["export type ClassNamePrefixer = (...names: string[]) => string;\nexport const makePrefixer =\n  (prefix: string): ClassNamePrefixer =>\n  (...names: string[]): string =>\n    [prefix, ...names].join(\"-\");\n"],"names":[],"mappings":"AACa,MAAA,YAAA,GACX,CAAC,MAAA,KACD,CAAI,GAAA,KAAA,KACF,CAAC,MAAA,EAAQ,GAAG,KAAK,CAAE,CAAA,IAAA,CAAK,GAAG;;;;"}

package/dist-es/packages/core/src/utils/marginMiddleware.js

@@ -0,0 +1,18 @@
+const margin = (value = 0) => ({
+  name: "margin",
+  options: value,
+  fn(middlewareArguments) {
+    const { x, y, elements } = middlewareArguments;
+    if (elements.floating.children.length > 0) {
+      const rootChildElement = elements.floating.children[0];
+      rootChildElement.style.setProperty("margin", value.toString());
+    }
+    return {
+      x,
+      y
+    };
+  }
+});
+
+export { margin };
+//# sourceMappingURL=marginMiddleware.js.map

package/dist-es/packages/core/src/utils/marginMiddleware.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"marginMiddleware.js","sources":["../src/utils/marginMiddleware.ts"],"sourcesContent":["import { Middleware } from \"@floating-ui/core\";\nimport { MiddlewareArguments } from \"@floating-ui/react-dom-interactions\";\n\nexport const margin = (value = 0): Middleware => ({\n  name: \"margin\",\n  options: value,\n  fn(middlewareArguments: MiddlewareArguments) {\n    const { x, y, elements } = middlewareArguments;\n\n    if (elements.floating.children.length > 0) {\n      const rootChildElement = elements.floating.children[0] as HTMLElement;\n      rootChildElement.style.setProperty(\"margin\", value.toString());\n    }\n    return {\n      x: x,\n      y: y,\n    };\n  },\n});\n"],"names":[],"mappings":"AAGa,MAAA,MAAA,GAAS,CAAC,KAAA,GAAQ,CAAmB,MAAA;AAAA,EAChD,IAAM,EAAA,QAAA;AAAA,EACN,OAAS,EAAA,KAAA;AAAA,EACT,GAAG,mBAA0C,EAAA;AAC3C,IAAA,MAAM,EAAE,CAAA,EAAG,CAAG,EAAA,QAAA,EAAa,GAAA,mBAAA,CAAA;AAE3B,IAAA,IAAI,QAAS,CAAA,QAAA,CAAS,QAAS,CAAA,MAAA,GAAS,CAAG,EAAA;AACzC,MAAM,MAAA,gBAAA,GAAmB,QAAS,CAAA,QAAA,CAAS,QAAS,CAAA,CAAA,CAAA,CAAA;AACpD,MAAA,gBAAA,CAAiB,KAAM,CAAA,WAAA,CAAY,QAAU,EAAA,KAAA,CAAM,UAAU,CAAA,CAAA;AAAA,KAC/D;AACA,IAAO,OAAA;AAAA,MACL,CAAA;AAAA,MACA,CAAA;AAAA,KACF,CAAA;AAAA,GACF;AACF,CAAA;;;;"}

package/dist-es/packages/core/src/utils/ownerDocument.js

@@ -0,0 +1,6 @@
+function ownerDocument(node) {
+  return (node == null ? void 0 : node.ownerDocument) || document;
+}
+
+export { ownerDocument };
+//# sourceMappingURL=ownerDocument.js.map

package/dist-es/packages/core/src/utils/ownerDocument.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ownerDocument.js","sources":["../src/utils/ownerDocument.ts"],"sourcesContent":["export function ownerDocument(node: Node | null | undefined): Document {\n  return node?.ownerDocument || document;\n}\n"],"names":[],"mappings":"AAAO,SAAS,cAAc,IAAyC,EAAA;AACrE,EAAA,OAAA,CAAO,6BAAM,aAAiB,KAAA,QAAA,CAAA;AAChC;;;;"}

package/dist-es/packages/core/src/utils/ownerWindow.js

@@ -0,0 +1,9 @@
+import { ownerDocument } from './ownerDocument.js';
+
+function ownerWindow(node) {
+  const doc = ownerDocument(node);
+  return doc.defaultView || window;
+}
+
+export { ownerWindow };
+//# sourceMappingURL=ownerWindow.js.map

package/dist-es/packages/core/src/utils/ownerWindow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ownerWindow.js","sources":["../src/utils/ownerWindow.ts"],"sourcesContent":["import { ownerDocument } from \"./ownerDocument\";\n\nexport function ownerWindow(node: Node | null | undefined): Window {\n  const doc = ownerDocument(node);\n  return doc.defaultView || window;\n}\n"],"names":[],"mappings":";;AAEO,SAAS,YAAY,IAAuC,EAAA;AACjE,EAAM,MAAA,GAAA,GAAM,cAAc,IAAI,CAAA,CAAA;AAC9B,EAAA,OAAO,IAAI,WAAe,IAAA,MAAA,CAAA;AAC5B;;;;"}

package/dist-es/packages/core/src/utils/setRef.js

@@ -0,0 +1,10 @@
+function setRef(ref, value) {
+  if (typeof ref === "function") {
+    ref(value);
+  } else if (ref) {
+    ref.current = value;
+  }
+}
+
+export { setRef };
+//# sourceMappingURL=setRef.js.map

package/dist-es/packages/core/src/utils/setRef.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"setRef.js","sources":["../src/utils/setRef.ts"],"sourcesContent":["import { MutableRefObject } from \"react\";\n\nexport function setRef<T>(\n  ref:\n    | MutableRefObject<T | null>\n    | ((instance: T | null) => void)\n    | null\n    | undefined,\n  value: T | null\n): void {\n  if (typeof ref === \"function\") {\n    ref(value);\n  } else if (ref) {\n    ref.current = value;\n  }\n}\n"],"names":[],"mappings":"AAEgB,SAAA,MAAA,CACd,KAKA,KACM,EAAA;AACN,EAAI,IAAA,OAAO,QAAQ,UAAY,EAAA;AAC7B,IAAA,GAAA,CAAI,KAAK,CAAA,CAAA;AAAA,aACA,GAAK,EAAA;AACd,IAAA,GAAA,CAAI,OAAU,GAAA,KAAA,CAAA;AAAA,GAChB;AACF;;;;"}

package/dist-es/packages/core/src/utils/useControlled.js

@@ -0,0 +1,56 @@
+import { useRef, useState, useEffect, useCallback, isValidElement } from 'react';
+
+function useControlled({
+  controlled,
+  default: defaultProp,
+  name,
+  state = "value"
+}) {
+  const { current: isControlled } = useRef(controlled !== void 0);
+  const [valueState, setValue] = useState(defaultProp);
+  const value = controlled !== void 0 ? controlled : valueState;
+  const { current: defaultValue } = useRef(defaultProp);
+  useEffect(() => {
+    if (process.env.NODE_ENV !== "production") {
+      if (isControlled !== (controlled !== void 0)) {
+        console.error(
+          [
+            `Salt: A component is changing the ${isControlled ? "" : "un"}controlled ${state} state of ${name} to be ${isControlled ? "un" : ""}controlled.`,
+            "Elements should not switch from uncontrolled to controlled (or vice versa).",
+            `Decide between using a controlled or uncontrolled ${name} element for the lifetime of the component.`,
+            "The nature of the state is determined during the first render, it's considered controlled if the value is not `undefined`.",
+            "More info: https://fb.me/react-controlled-components"
+          ].join("\n")
+        );
+      }
+    }
+    return void 0;
+  }, [state, name, controlled]);
+  useEffect(() => {
+    if (process.env.NODE_ENV !== "production") {
+      if (!isControlled && defaultValue !== defaultProp) {
+        console.error(
+          [
+            `Salt: A component is changing the default ${state} state of an uncontrolled ${name} after being initialized. To suppress this warning opt to use a controlled ${name}.`
+          ].join("\n")
+        );
+      }
+    }
+    return void 0;
+  }, [JSON.stringify(defaultProp, ignoreReactElements)]);
+  const setValueIfUncontrolled = useCallback(
+    (newValue) => {
+      if (!isControlled) {
+        setValue(newValue);
+      }
+    },
+    [isControlled]
+  );
+  return [value, setValueIfUncontrolled, isControlled];
+}
+function ignoreReactElements(key, value) {
+  return isValidElement(value) ? null : value;
+}
+
+export { useControlled };
+//# sourceMappingURL=useControlled.js.map

package/dist-es/packages/core/src/utils/useControlled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useControlled.js","sources":["../src/utils/useControlled.ts"],"sourcesContent":["import {\n  Dispatch,\n  isValidElement,\n  SetStateAction,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\n\nexport interface UseControlledProps<T> {\n  /**\n   * Holds the component value when it's controlled.\n   */\n  controlled?: T;\n  /**\n   * The default value when uncontrolled.\n   */\n  default: T;\n  /**\n   * The component name displayed in warnings.\n   */\n  name: string;\n  /**\n   * The name of the state variable displayed in warnings.\n   */\n  state?: string;\n}\n\n/**\n * Copied from MUI (v5) useControlled hook with one additional returned value\n * @see https://github.com/mui-org/material-ui/blob/0979e6a54ba47c278d1f535953c0520a86349811/packages/material-ui-utils/src/useControlled.js\n */\nexport function useControlled<S>({\n  controlled,\n  default: defaultProp,\n  name,\n  state = \"value\",\n}: UseControlledProps<S>): [S, Dispatch<SetStateAction<S>>, boolean] {\n  const { current: isControlled } = useRef(controlled !== undefined);\n  const [valueState, setValue] = useState<S>(defaultProp);\n  const value = controlled !== undefined ? controlled : valueState;\n  const { current: defaultValue } = useRef(defaultProp);\n\n  useEffect(() => {\n    if (process.env.NODE_ENV !== \"production\") {\n      if (isControlled !== (controlled !== undefined)) {\n        console.error(\n          [\n            `Salt: A component is changing the ${\n              isControlled ? \"\" : \"un\"\n            }controlled ${state} state of ${name} to be ${\n              isControlled ? \"un\" : \"\"\n            }controlled.`,\n            \"Elements should not switch from uncontrolled to controlled (or vice versa).\",\n            `Decide between using a controlled or uncontrolled ${name} ` +\n              \"element for the lifetime of the component.\",\n            \"The nature of the state is determined during the first render, it's considered controlled if the value is not `undefined`.\",\n            \"More info: https://fb.me/react-controlled-components\",\n          ].join(\"\\n\")\n        );\n      }\n    }\n    return undefined;\n    /* eslint-disable-next-line react-hooks/exhaustive-deps */\n  }, [state, name, controlled]);\n\n  useEffect(() => {\n    if (process.env.NODE_ENV !== \"production\") {\n      if (!isControlled && defaultValue !== defaultProp) {\n        console.error(\n          [\n            `Salt: A component is changing the default ${state} state of an uncontrolled ${name} after being initialized. ` +\n              `To suppress this warning opt to use a controlled ${name}.`,\n          ].join(\"\\n\")\n        );\n      }\n    }\n    return undefined;\n    /* eslint-disable-next-line react-hooks/exhaustive-deps */\n  }, [JSON.stringify(defaultProp, ignoreReactElements)]);\n\n  const setValueIfUncontrolled: Dispatch<SetStateAction<S>> = useCallback(\n    (newValue) => {\n      if (!isControlled) {\n        setValue(newValue);\n      }\n    },\n    [isControlled]\n  );\n\n  return [value, setValueIfUncontrolled, isControlled];\n}\n\n// Ignore ReactElements in JSON, they contain circular refs\nfunction ignoreReactElements<T>(key: string, value: T): T | null {\n  return isValidElement(value) ? null : value;\n}\n"],"names":[],"mappings":";;AAiCO,SAAS,aAAiB,CAAA;AAAA,EAC/B,UAAA;AAAA,EACA,OAAS,EAAA,WAAA;AAAA,EACT,IAAA;AAAA,EACA,KAAQ,GAAA,OAAA;AACV,CAAqE,EAAA;AACnE,EAAA,MAAM,EAAE,OAAS,EAAA,YAAA,EAAiB,GAAA,MAAA,CAAO,eAAe,KAAS,CAAA,CAAA,CAAA;AACjE,EAAA,MAAM,CAAC,UAAA,EAAY,QAAQ,CAAA,GAAI,SAAY,WAAW,CAAA,CAAA;AACtD,EAAM,MAAA,KAAA,GAAQ,UAAe,KAAA,KAAA,CAAA,GAAY,UAAa,GAAA,UAAA,CAAA;AACtD,EAAA,MAAM,EAAE,OAAA,EAAS,YAAa,EAAA,GAAI,OAAO,WAAW,CAAA,CAAA;AAEpD,EAAA,SAAA,CAAU,MAAM;AACd,IAAI,IAAA,OAAA,CAAQ,GAAI,CAAA,QAAA,KAAa,YAAc,EAAA;AACzC,MAAI,IAAA,YAAA,MAAkB,eAAe,KAAY,CAAA,CAAA,EAAA;AAC/C,QAAQ,OAAA,CAAA,KAAA;AAAA,UACN;AAAA,YACE,qCACE,YAAe,GAAA,EAAA,GAAK,kBACR,KAAkB,CAAA,UAAA,EAAA,IAAA,CAAA,OAAA,EAC9B,eAAe,IAAO,GAAA,EAAA,CAAA,WAAA,CAAA;AAAA,YAExB,6EAAA;AAAA,YACA,CAAqD,kDAAA,EAAA,IAAA,CAAA,2CAAA,CAAA;AAAA,YAErD,4HAAA;AAAA,YACA,sDAAA;AAAA,WACF,CAAE,KAAK,IAAI,CAAA;AAAA,SACb,CAAA;AAAA,OACF;AAAA,KACF;AACA,IAAO,OAAA,KAAA,CAAA,CAAA;AAAA,GAEN,EAAA,CAAC,KAAO,EAAA,IAAA,EAAM,UAAU,CAAC,CAAA,CAAA;AAE5B,EAAA,SAAA,CAAU,MAAM;AACd,IAAI,IAAA,OAAA,CAAQ,GAAI,CAAA,QAAA,KAAa,YAAc,EAAA;AACzC,MAAI,IAAA,CAAC,YAAgB,IAAA,YAAA,KAAiB,WAAa,EAAA;AACjD,QAAQ,OAAA,CAAA,KAAA;AAAA,UACN;AAAA,YACE,CAAA,0CAAA,EAA6C,kCAAkC,IACzB,CAAA,2EAAA,EAAA,IAAA,CAAA,CAAA,CAAA;AAAA,WACxD,CAAE,KAAK,IAAI,CAAA;AAAA,SACb,CAAA;AAAA,OACF;AAAA,KACF;AACA,IAAO,OAAA,KAAA,CAAA,CAAA;AAAA,KAEN,CAAC,IAAA,CAAK,UAAU,WAAa,EAAA,mBAAmB,CAAC,CAAC,CAAA,CAAA;AAErD,EAAA,MAAM,sBAAsD,GAAA,WAAA;AAAA,IAC1D,CAAC,QAAa,KAAA;AACZ,MAAA,IAAI,CAAC,YAAc,EAAA;AACjB,QAAA,QAAA,CAAS,QAAQ,CAAA,CAAA;AAAA,OACnB;AAAA,KACF;AAAA,IACA,CAAC,YAAY,CAAA;AAAA,GACf,CAAA;AAEA,EAAO,OAAA,CAAC,KAAO,EAAA,sBAAA,EAAwB,YAAY,CAAA,CAAA;AACrD,CAAA;AAGA,SAAS,mBAAA,CAAuB,KAAa,KAAoB,EAAA;AAC/D,EAAO,OAAA,cAAA,CAAe,KAAK,CAAA,GAAI,IAAO,GAAA,KAAA,CAAA;AACxC;;;;"}

package/dist-es/packages/core/src/utils/useForkRef.js

@@ -0,0 +1,17 @@
+import { useMemo } from 'react';
+import { setRef } from './setRef.js';
+
+function useForkRef(refA, refB) {
+  return useMemo(() => {
+    if (refA == null && refB == null) {
+      return () => null;
+    }
+    return (refValue) => {
+      setRef(refA, refValue);
+      setRef(refB, refValue);
+    };
+  }, [refA, refB]);
+}
+
+export { useForkRef };
+//# sourceMappingURL=useForkRef.js.map

package/dist-es/packages/core/src/utils/useForkRef.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useForkRef.js","sources":["../src/utils/useForkRef.ts"],"sourcesContent":["import { Ref, useMemo } from \"react\";\nimport { setRef } from \"./setRef\";\n\nexport function useForkRef<Instance>(\n  refA: Ref<Instance> | null | undefined,\n  refB: Ref<Instance> | null | undefined\n): Ref<Instance> | null {\n  /**\n   * This will create a new function if the ref props change and are defined.\n   * This means React will call the old forkRef with `null` and the new forkRef\n   * with the ref. Cleanup naturally emerges from this behavior\n   */\n  return useMemo(() => {\n    if (refA == null && refB == null) {\n      return () => null;\n    }\n    return (refValue) => {\n      setRef(refA, refValue);\n      setRef(refB, refValue);\n    };\n  }, [refA, refB]);\n}\n"],"names":[],"mappings":";;;AAGgB,SAAA,UAAA,CACd,MACA,IACsB,EAAA;AAMtB,EAAA,OAAO,QAAQ,MAAM;AACnB,IAAI,IAAA,IAAA,IAAQ,IAAQ,IAAA,IAAA,IAAQ,IAAM,EAAA;AAChC,MAAA,OAAO,MAAM,IAAA,CAAA;AAAA,KACf;AACA,IAAA,OAAO,CAAC,QAAa,KAAA;AACnB,MAAA,MAAA,CAAO,MAAM,QAAQ,CAAA,CAAA;AACrB,MAAA,MAAA,CAAO,MAAM,QAAQ,CAAA,CAAA;AAAA,KACvB,CAAA;AAAA,GACC,EAAA,CAAC,IAAM,EAAA,IAAI,CAAC,CAAA,CAAA;AACjB;;;;"}

package/dist-es/packages/core/src/utils/useId.js

@@ -0,0 +1,30 @@
+import * as React from 'react';
+
+const maybeReactUseId = React[`${"useId"}${""}`];
+let globalId = BigInt(0);
+function useIdLegacy(idOverride) {
+  const [defaultId, setDefaultId] = React.useState(idOverride);
+  const id = idOverride || defaultId;
+  React.useEffect(() => {
+    if (defaultId == null) {
+      setDefaultId(`salt-${++globalId}`);
+    }
+  }, [defaultId]);
+  return id;
+}
+function useId(idOverride) {
+  if (maybeReactUseId !== void 0) {
+    const reactId = maybeReactUseId();
+    return idOverride != null ? idOverride : reactId;
+  }
+  return useIdLegacy(idOverride);
+}
+function useIdMemo(idOverride) {
+  const id = React.useMemo(() => {
+    return idOverride != null ? idOverride : `salt-${++globalId}`;
+  }, [idOverride]);
+  return id;
+}
+
+export { useId, useIdMemo };
+//# sourceMappingURL=useId.js.map

package/dist-es/packages/core/src/utils/useId.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useId.js","sources":["../src/utils/useId.ts"],"sourcesContent":["import * as React from \"react\";\n\n// eslint-disable-next-line -- Workaround for https://github.com/webpack/webpack/issues/14814\nconst maybeReactUseId: undefined | (() => string) = (React as any)[\n  `${\"useId\"}${\"\"}`\n];\n\nlet globalId = BigInt(0);\nfunction useIdLegacy(idOverride?: string): string | undefined {\n  const [defaultId, setDefaultId] = React.useState(idOverride);\n  const id = idOverride || defaultId;\n  React.useEffect(() => {\n    if (defaultId == null) {\n      setDefaultId(`salt-${++globalId}`);\n    }\n  }, [defaultId]);\n  return id;\n}\n\nexport function useId(idOverride?: string): string | undefined {\n  if (maybeReactUseId !== undefined) {\n    const reactId = maybeReactUseId();\n    return idOverride ?? reactId;\n  }\n  // eslint-disable-next-line react-hooks/rules-of-hooks -- `React.useId` is invariant at runtime.\n  return useIdLegacy(idOverride);\n}\n\n// Note: Some usages require that an id is returned on first call, not only post-first-render\n// (as with the useEffect solution). This can go away once we totally move to React 18\nexport function useIdMemo(idOverride?: string): string {\n  const id = React.useMemo(() => {\n    return idOverride ?? `salt-${++globalId}`;\n  }, [idOverride]);\n  return id;\n}\n"],"names":[],"mappings":";;AAGA,MAAM,eAAA,GAA+C,KACnD,CAAA,CAAA,EAAG,OAAU,CAAA,EAAA,EAAA,CAAA,CAAA,CAAA,CAAA;AAGf,IAAI,QAAA,GAAW,OAAO,CAAC,CAAA,CAAA;AACvB,SAAS,YAAY,UAAyC,EAAA;AAC5D,EAAA,MAAM,CAAC,SAAW,EAAA,YAAY,CAAI,GAAA,KAAA,CAAM,SAAS,UAAU,CAAA,CAAA;AAC3D,EAAA,MAAM,KAAK,UAAc,IAAA,SAAA,CAAA;AACzB,EAAA,KAAA,CAAM,UAAU,MAAM;AACpB,IAAA,IAAI,aAAa,IAAM,EAAA;AACrB,MAAa,YAAA,CAAA,CAAA,KAAA,EAAQ,EAAE,QAAU,CAAA,CAAA,CAAA,CAAA;AAAA,KACnC;AAAA,GACF,EAAG,CAAC,SAAS,CAAC,CAAA,CAAA;AACd,EAAO,OAAA,EAAA,CAAA;AACT,CAAA;AAEO,SAAS,MAAM,UAAyC,EAAA;AAC7D,EAAA,IAAI,oBAAoB,KAAW,CAAA,EAAA;AACjC,IAAA,MAAM,UAAU,eAAgB,EAAA,CAAA;AAChC,IAAA,OAAO,UAAc,IAAA,IAAA,GAAA,UAAA,GAAA,OAAA,CAAA;AAAA,GACvB;AAEA,EAAA,OAAO,YAAY,UAAU,CAAA,CAAA;AAC/B,CAAA;AAIO,SAAS,UAAU,UAA6B,EAAA;AACrD,EAAM,MAAA,EAAA,GAAK,KAAM,CAAA,OAAA,CAAQ,MAAM;AAC7B,IAAO,OAAA,UAAA,IAAA,IAAA,GAAA,UAAA,GAAc,QAAQ,EAAE,QAAA,CAAA,CAAA,CAAA;AAAA,GACjC,EAAG,CAAC,UAAU,CAAC,CAAA,CAAA;AACf,EAAO,OAAA,EAAA,CAAA;AACT;;;;"}