@salt-ds/core 0.0.0-snapshot-20230419162206

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

@@ -0,0 +1,60 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var clsx = require('clsx');
+var makePrefixer = require('../utils/makePrefixer.js');
+require('../utils/useFloatingUI.js');
+require('../utils/useId.js');
+var useResponsiveProp = require('../utils/useResponsiveProp.js');
+var GridLayout$1 = require('./GridLayout.css.js');
+var window = require('@salt-ds/window');
+var styles = require('@salt-ds/styles');
+
+const withBaseName = makePrefixer.makePrefixer("saltGridLayout");
+const GridLayout = React.forwardRef(
+  ({
+    as,
+    children,
+    className,
+    columns = 12,
+    rows = 1,
+    gap,
+    columnGap,
+    rowGap,
+    style,
+    ...rest
+  }, ref) => {
+    const { window: targetWindow } = window.useWindow();
+    styles.useComponentCssInjection({
+      id: "salt-grid-layout",
+      css: GridLayout$1,
+      window: targetWindow
+    });
+    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: clsx.clsx(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 { clsx } from \"clsx\";\n\nimport {\n  makePrefixer,\n  ResponsiveProp,\n  useResponsiveProp,\n  PolymorphicComponentPropWithRef,\n  PolymorphicRef,\n} from \"../utils\";\n\nimport gridLayoutCss from \"./GridLayout.css\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\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 { window: targetWindow } = useWindow();\n    useComponentCssInjection({\n      id: \"salt-grid-layout\",\n      css: gridLayoutCss,\n      window: targetWindow,\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={clsx(withBaseName(), className)}\n        style={gridLayoutStyles}\n        ref={ref}\n        {...rest}\n      >\n        {children}\n      </Component>\n    );\n  }\n);\n"],"names":["makePrefixer","forwardRef","useWindow","useComponentCssInjection","gridLayoutCss","useResponsiveProp","jsx","clsx"],"mappings":";;;;;;;;;;;;;;;AA8CA,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,EAAE,MAAA,EAAQ,YAAa,EAAA,GAAIC,gBAAU,EAAA,CAAA;AAC3C,IAAyBC,+BAAA,CAAA;AAAA,MACvB,EAAI,EAAA,kBAAA;AAAA,MACJ,GAAK,EAAAC,YAAA;AAAA,MACL,MAAQ,EAAA,YAAA;AAAA,KACT,CAAA,CAAA;AACD,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,SAAA,CAAK,YAAa,EAAA,EAAG,SAAS,CAAA;AAAA,MACzC,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,156 @@
+'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 Avatar = require('./avatar/Avatar.js');
+var useAvatarImage = require('./avatar/useAvatarImage.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 Card = require('./card/Card.js');
+var InteractableCard = require('./card/InteractableCard.js');
+var Checkbox = require('./checkbox/Checkbox.js');
+var CheckboxGroup = require('./checkbox/CheckboxGroup.js');
+var CheckboxIcon = require('./checkbox/CheckboxIcon.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 Panel = require('./panel/Panel.js');
+var RadioButton = require('./radio-button/RadioButton.js');
+var RadioButtonGroup = require('./radio-button/RadioButtonGroup.js');
+var RadioButtonIcon = require('./radio-button/RadioButtonIcon.js');
+var Spinner = require('./spinner/Spinner.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 SplitLayout = require('./split-layout/SplitLayout.js');
+var Tooltip = require('./tooltip/Tooltip.js');
+var useTooltip = require('./tooltip/useTooltip.js');
+var capitalize = require('./utils/capitalize.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 useFloatingUI = require('./utils/useFloatingUI.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 mergeProps = require('./utils/mergeProps.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.Avatar = Avatar.Avatar;
+exports.useAvatarImage = useAvatarImage.useAvatarImage;
+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.Card = Card.Card;
+exports.InteractableCard = InteractableCard.InteractableCard;
+exports.Checkbox = Checkbox.Checkbox;
+exports.CheckboxGroup = CheckboxGroup.CheckboxGroup;
+exports.CheckboxIcon = CheckboxIcon.CheckboxIcon;
+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.Panel = Panel.Panel;
+exports.RadioButton = RadioButton.RadioButton;
+exports.RadioButtonGroup = RadioButtonGroup.RadioButtonGroup;
+exports.RadioButtonIcon = RadioButtonIcon.RadioButtonIcon;
+exports.Spinner = Spinner.Spinner;
+exports.SpinnerSizeValues = Spinner.SpinnerSizeValues;
+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.SplitLayout = SplitLayout.SplitLayout;
+exports.Tooltip = Tooltip.Tooltip;
+exports.useTooltip = useTooltip.useTooltip;
+exports.capitalize = capitalize.capitalize;
+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.DEFAULT_FLOATING_UI_MIDDLEWARE = useFloatingUI.DEFAULT_FLOATING_UI_MIDDLEWARE;
+exports.useFloatingUI = useFloatingUI.useFloatingUI;
+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.mergeProps = mergeProps.mergeProps;
+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\n  --link-textDecoration: var(--salt-text-link-textDecoration);\n  --link-textDecoration-hover: var(--salt-text-link-textDecoration-hover);\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: var(--salt-size-adornmentGap);\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  text-decoration: var(--link-textDecoration-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  text-decoration: var(--link-textDecoration-hover);\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,65 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var clsx = require('clsx');
+var icons = require('@salt-ds/icons');
+var makePrefixer = require('../utils/makePrefixer.js');
+require('../utils/useFloatingUI.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');
+var Link$1 = require('./Link.css.js');
+var window = require('@salt-ds/window');
+var styles = require('@salt-ds/styles');
+
+const withBaseName = makePrefixer.makePrefixer("saltLink");
+const Link = React.forwardRef(function Link2({
+  IconComponent = icons.TearOutIcon,
+  href,
+  className,
+  children,
+  variant = "primary",
+  target = "_self",
+  ...rest
+}, ref) {
+  const { window: targetWindow } = window.useWindow();
+  styles.useComponentCssInjection({
+    id: "salt-link",
+    css: Link$1,
+    window: targetWindow
+  });
+  return /* @__PURE__ */ jsxRuntime.jsxs(Text.Text, {
+    as: "a",
+    className: clsx.clsx(withBaseName(), className),
+    href,
+    ref,
+    target,
+    variant,
+    ...rest,
+    children: [
+      children,
+      target === "_blank" && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
+        children: [
+          IconComponent && /* @__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 { clsx } from \"clsx\";\nimport { IconProps, TearOutIcon } from \"@salt-ds/icons\";\nimport { makePrefixer } from \"../utils\";\nimport { Text, TextProps } from \"../text\";\n\nimport linkCss from \"./Link.css\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\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\" | \"disabled\"> {\n  IconComponent?: ComponentType<IconProps> | null;\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  const { window: targetWindow } = useWindow();\n  useComponentCssInjection({\n    id: \"salt-link\",\n    css: linkCss,\n    window: targetWindow,\n  });\n\n  return (\n    <Text\n      as=\"a\"\n      className={clsx(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 && (\n            <IconComponent className={withBaseName(\"icon\")} aria-hidden />\n          )}\n          <span className={withBaseName(\"externalLinkADA\")}>External Link</span>\n        </>\n      )}\n    </Text>\n  );\n});\n"],"names":["makePrefixer","forwardRef","Link","TearOutIcon","useWindow","useComponentCssInjection","linkCss","jsxs","Text","clsx","Fragment","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAUA,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,MAAM,EAAE,MAAA,EAAQ,YAAa,EAAA,GAAIC,gBAAU,EAAA,CAAA;AAC3C,EAAyBC,+BAAA,CAAA;AAAA,IACvB,EAAI,EAAA,WAAA;AAAA,IACJ,GAAK,EAAAC,MAAA;AAAA,IACL,MAAQ,EAAA,YAAA;AAAA,GACT,CAAA,CAAA;AAED,EAAA,uBACGC,eAAA,CAAAC,SAAA,EAAA;AAAA,IACC,EAAG,EAAA,GAAA;AAAA,IACH,SAAW,EAAAC,SAAA,CAAK,YAAa,EAAA,EAAG,SAAS,CAAA;AAAA,IACzC,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,QACG,QAAA,EAAA;AAAA,UAAA,aAAA,oBACEC,cAAA,CAAA,aAAA,EAAA;AAAA,YAAc,SAAA,EAAW,aAAa,MAAM,CAAA;AAAA,YAAG,aAAW,EAAA,IAAA;AAAA,WAAC,CAAA;AAAA,0BAE7DA,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/panel/Panel.css.js

@@ -0,0 +1,9 @@
+'use strict';
+
+var styleInject_es = require('../../../../node_modules/style-inject/dist/style-inject.es.js');
+
+var css_248z = "/* Styles applied to the root element when variant=\"primary\" */\n.saltPanel-primary.saltPanel {\n  --panel-background: var(--salt-container-primary-background);\n}\n\n/* Styles applied to the root element when variant=\"secondary\" */\n.saltPanel-secondary.saltPanel {\n  --panel-background: var(--salt-container-secondary-background);\n}\n\n/* Styles applied to the root element */\n.saltPanel {\n  background: var(--saltPanel-background, var(--panel-background));\n  color: var(--saltPanel-color, initial);\n  height: var(--saltPanel-height, 100%);\n  overflow: auto;\n  padding: var(--saltPanel-padding, var(--salt-size-container-spacing));\n  width: var(--saltPanel-width, 100%);\n}\n";
+styleInject_es(css_248z);
+
+module.exports = css_248z;
+//# sourceMappingURL=Panel.css.js.map

package/dist-cjs/packages/core/src/panel/Panel.css.js.map

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

package/dist-cjs/packages/core/src/panel/Panel.js

@@ -0,0 +1,34 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var clsx = require('clsx');
+var React = require('react');
+var makePrefixer = require('../utils/makePrefixer.js');
+require('../utils/useFloatingUI.js');
+require('../utils/useId.js');
+require('../salt-provider/SaltProvider.js');
+require('../viewport/ViewportProvider.js');
+var Panel$1 = require('./Panel.css.js');
+var window = require('@salt-ds/window');
+var styles = require('@salt-ds/styles');
+
+const withBaseName = makePrefixer.makePrefixer("saltPanel");
+const Panel = React.forwardRef(function Panel2({ className, children, variant = "primary", ...restProps }, ref) {
+  const { window: targetWindow } = window.useWindow();
+  styles.useComponentCssInjection({
+    id: "salt-panel",
+    css: Panel$1,
+    window: targetWindow
+  });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", {
+    className: clsx.clsx(withBaseName(), withBaseName(variant), className),
+    ref,
+    ...restProps,
+    children
+  });
+});
+
+exports.Panel = Panel;
+//# sourceMappingURL=Panel.js.map

package/dist-cjs/packages/core/src/panel/Panel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Panel.js","sources":["../src/panel/Panel.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { forwardRef, HTMLAttributes } from \"react\";\nimport { makePrefixer } from \"../utils\";\n\nimport panelCss from \"./Panel.css\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\n\n/**\n * Panel component that acts as wrapper around a node\n *\n * @example\n * const PanelExample = () => (\n *   <Panel>\n *     <p>This is a panel around some text.</p>\n *   </Panel>\n * );\n *\n */\n\nexport interface PanelProps extends HTMLAttributes<HTMLDivElement> {\n  /**\n   * Styling variant; defaults to \"primary\".\n   */\n  variant?: \"primary\" | \"secondary\";\n}\n\nconst withBaseName = makePrefixer(\"saltPanel\");\n\nexport const Panel = forwardRef<HTMLDivElement, PanelProps>(function Panel(\n  { className, children, variant = \"primary\", ...restProps },\n  ref\n) {\n  const { window: targetWindow } = useWindow();\n  useComponentCssInjection({\n    id: \"salt-panel\",\n    css: panelCss,\n    window: targetWindow,\n  });\n\n  return (\n    <div\n      className={clsx(withBaseName(), withBaseName(variant), className)}\n      ref={ref}\n      {...restProps}\n    >\n      {children}\n    </div>\n  );\n});\n"],"names":["makePrefixer","forwardRef","Panel","useWindow","useComponentCssInjection","panelCss","jsx","clsx"],"mappings":";;;;;;;;;;;;;;;;AA2BA,MAAM,YAAA,GAAeA,0BAAa,WAAW,CAAA,CAAA;AAEhC,MAAA,KAAA,GAAQC,gBAAuC,CAAA,SAASC,MACnE,CAAA,EAAE,SAAW,EAAA,QAAA,EAAU,OAAU,GAAA,SAAA,EAAA,GAAc,SAAU,EAAA,EACzD,GACA,EAAA;AACA,EAAA,MAAM,EAAE,MAAA,EAAQ,YAAa,EAAA,GAAIC,gBAAU,EAAA,CAAA;AAC3C,EAAyBC,+BAAA,CAAA;AAAA,IACvB,EAAI,EAAA,YAAA;AAAA,IACJ,GAAK,EAAAC,OAAA;AAAA,IACL,MAAQ,EAAA,YAAA;AAAA,GACT,CAAA,CAAA;AAED,EAAA,uBACGC,cAAA,CAAA,KAAA,EAAA;AAAA,IACC,WAAWC,SAAK,CAAA,YAAA,IAAgB,YAAa,CAAA,OAAO,GAAG,SAAS,CAAA;AAAA,IAChE,GAAA;AAAA,IACC,GAAG,SAAA;AAAA,IAEH,QAAA;AAAA,GACH,CAAA,CAAA;AAEJ,CAAC;;;;"}

package/dist-cjs/packages/core/src/radio-button/RadioButton.css.js

@@ -0,0 +1,9 @@
+'use strict';
+
+var styleInject_es = require('../../../../node_modules/style-inject/dist/style-inject.es.js');
+
+var css_248z = "/* Styles applied to RadioButton container */\n.saltRadioButton {\n  display: flex;\n  gap: var(--salt-size-adornmentGap);\n  position: relative;\n  user-select: none;\n  cursor: pointer;\n}\n\n/* Styles applied when RadioButton is disabled */\n.saltRadioButton-disabled {\n  color: var(--salt-text-primary-foreground-disabled);\n  cursor: var(--salt-selectable-cursor-disabled);\n  pointer-events: visible;\n}\n\n/* Styles applied to input component */\n.saltRadioButton-input {\n  cursor: inherit;\n  position: absolute;\n  opacity: 0;\n  top: 0;\n  left: 0;\n  margin: 0;\n  padding: 0;\n  z-index: var(--salt-zIndex-default);\n}\n\n/* Styles applied to icon when :focus-visible */\n.saltRadioButton-input:focus-visible + .saltRadioButtonIcon {\n  outline: var(--salt-focused-outline);\n  outline-offset: var(--salt-focused-outlineOffset);\n}\n";
+styleInject_es(css_248z);
+
+module.exports = css_248z;
+//# sourceMappingURL=RadioButton.css.js.map

package/dist-cjs/packages/core/src/radio-button/RadioButton.css.js.map

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

package/dist-cjs/packages/core/src/radio-button/RadioButton.js

@@ -0,0 +1,86 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var clsx = require('clsx');
+var React = require('react');
+var makePrefixer = require('../utils/makePrefixer.js');
+var useControlled = require('../utils/useControlled.js');
+require('../utils/useFloatingUI.js');
+require('../utils/useId.js');
+require('../salt-provider/SaltProvider.js');
+require('../viewport/ViewportProvider.js');
+var useRadioGroup = require('./internal/useRadioGroup.js');
+var RadioButtonIcon = require('./RadioButtonIcon.js');
+require('./RadioButton.css.js');
+
+const withBaseName = makePrefixer.makePrefixer("saltRadioButton");
+const RadioButton = React.forwardRef(
+  function RadioButton2(props, ref) {
+    const {
+      checked: checkedProp,
+      className,
+      disabled,
+      error,
+      inputProps,
+      label,
+      name: nameProp,
+      onFocus,
+      onBlur,
+      onChange,
+      value,
+      ...rest
+    } = props;
+    const radioGroup = useRadioGroup.useRadioGroup();
+    const radioGroupChecked = radioGroup.value != null && value != null ? radioGroup.value === value : checkedProp;
+    const name = nameProp != null ? nameProp : radioGroup.name;
+    const [checked, setCheckedState] = useControlled.useControlled({
+      controlled: radioGroupChecked,
+      default: Boolean(checkedProp),
+      name: "RadioBase",
+      state: "checked"
+    });
+    const handleChange = (event) => {
+      var _a;
+      const newChecked = event.target.checked;
+      setCheckedState(newChecked);
+      onChange == null ? void 0 : onChange(event);
+      (_a = radioGroup.onChange) == null ? void 0 : _a.call(radioGroup, event);
+    };
+    return /* @__PURE__ */ jsxRuntime.jsxs("label", {
+      className: clsx.clsx(
+        withBaseName(),
+        {
+          [withBaseName("disabled")]: disabled
+        },
+        className
+      ),
+      ref,
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("input", {
+          className: withBaseName("input"),
+          ...inputProps,
+          checked,
+          disabled,
+          name,
+          value,
+          onBlur,
+          onChange: handleChange,
+          onFocus,
+          type: "radio"
+        }),
+        /* @__PURE__ */ jsxRuntime.jsx(RadioButtonIcon.RadioButtonIcon, {
+          checked,
+          error,
+          disabled
+        }),
+        label
+      ]
+    });
+  }
+);
+
+exports.RadioButton = RadioButton;
+//# sourceMappingURL=RadioButton.js.map

package/dist-cjs/packages/core/src/radio-button/RadioButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioButton.js","sources":["../src/radio-button/RadioButton.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport {\n  ChangeEventHandler,\n  FocusEventHandler,\n  forwardRef,\n  HTMLAttributes,\n  InputHTMLAttributes,\n  ReactNode,\n} from \"react\";\nimport { makePrefixer, useControlled } from \"../utils\";\nimport { useRadioGroup } from \"./internal/useRadioGroup\";\nimport { RadioButtonIcon } from \"./RadioButtonIcon\";\n\nimport \"./RadioButton.css\";\n\nconst withBaseName = makePrefixer(\"saltRadioButton\");\n\nexport interface RadioButtonProps\n  extends Omit<\n    HTMLAttributes<HTMLLabelElement>,\n    \"onChange\" | \"onBlur\" | \"onFocus\"\n  > {\n  /**\n   * Set the default selected radio button in the group\n   */\n  checked?: boolean;\n  /**\n   * Set the disabled state\n   */\n  disabled?: boolean;\n  /**\n   * Set the error state\n   */\n  error?: boolean;\n  /**\n   * Props to be passed to the radio input\n   */\n  inputProps?: Partial<InputHTMLAttributes<HTMLInputElement>>;\n  /**\n   * The label to be shown next to the radio icon\n   */\n  label?: ReactNode;\n  /**\n   * Name of the radio group\n   */\n  name?: string;\n  /**\n   * Callback for blur event\n   */\n  onBlur?: FocusEventHandler<HTMLInputElement>;\n  /**\n   * Callback for change event\n   */\n  onChange?: ChangeEventHandler<HTMLInputElement>;\n  /**\n   * Callback for focus event\n   */\n  onFocus?: FocusEventHandler<HTMLInputElement>;\n  /**\n   * Value of radio button\n   */\n  value?: string;\n}\n\nexport const RadioButton = forwardRef<HTMLLabelElement, RadioButtonProps>(\n  function RadioButton(props, ref) {\n    const {\n      checked: checkedProp,\n      className,\n      disabled,\n      error,\n      inputProps,\n      label,\n      name: nameProp,\n      onFocus,\n      onBlur,\n      onChange,\n      value,\n      ...rest\n    } = props;\n\n    const radioGroup = useRadioGroup();\n\n    const radioGroupChecked =\n      radioGroup.value != null && value != null\n        ? radioGroup.value === value\n        : checkedProp;\n    const name = nameProp ?? radioGroup.name;\n\n    const [checked, setCheckedState] = useControlled({\n      controlled: radioGroupChecked,\n      default: Boolean(checkedProp),\n      name: \"RadioBase\",\n      state: \"checked\",\n    });\n\n    const handleChange: ChangeEventHandler<HTMLInputElement> = (event) => {\n      const newChecked = event.target.checked;\n      setCheckedState(newChecked);\n\n      onChange?.(event);\n      radioGroup.onChange?.(event);\n    };\n\n    return (\n      <label\n        className={clsx(\n          withBaseName(),\n          {\n            [withBaseName(\"disabled\")]: disabled,\n          },\n          className\n        )}\n        ref={ref}\n        {...rest}\n      >\n        <input\n          className={withBaseName(\"input\")}\n          {...inputProps}\n          checked={checked}\n          disabled={disabled}\n          name={name}\n          value={value}\n          onBlur={onBlur}\n          onChange={handleChange}\n          onFocus={onFocus}\n          type=\"radio\"\n        />\n        <RadioButtonIcon checked={checked} error={error} disabled={disabled} />\n        {label}\n      </label>\n    );\n  }\n);\n"],"names":["makePrefixer","forwardRef","RadioButton","useRadioGroup","useControlled","jsxs","clsx","jsx","RadioButtonIcon"],"mappings":";;;;;;;;;;;;;;;;;AAeA,MAAM,YAAA,GAAeA,0BAAa,iBAAiB,CAAA,CAAA;AAiD5C,MAAM,WAAc,GAAAC,gBAAA;AAAA,EACzB,SAASC,YAAY,CAAA,KAAA,EAAO,GAAK,EAAA;AAC/B,IAAM,MAAA;AAAA,MACJ,OAAS,EAAA,WAAA;AAAA,MACT,SAAA;AAAA,MACA,QAAA;AAAA,MACA,KAAA;AAAA,MACA,UAAA;AAAA,MACA,KAAA;AAAA,MACA,IAAM,EAAA,QAAA;AAAA,MACN,OAAA;AAAA,MACA,MAAA;AAAA,MACA,QAAA;AAAA,MACA,KAAA;AAAA,MACG,GAAA,IAAA;AAAA,KACD,GAAA,KAAA,CAAA;AAEJ,IAAA,MAAM,aAAaC,2BAAc,EAAA,CAAA;AAEjC,IAAM,MAAA,iBAAA,GACJ,WAAW,KAAS,IAAA,IAAA,IAAQ,SAAS,IACjC,GAAA,UAAA,CAAW,UAAU,KACrB,GAAA,WAAA,CAAA;AACN,IAAM,MAAA,IAAA,GAAO,8BAAY,UAAW,CAAA,IAAA,CAAA;AAEpC,IAAA,MAAM,CAAC,OAAA,EAAS,eAAe,CAAA,GAAIC,2BAAc,CAAA;AAAA,MAC/C,UAAY,EAAA,iBAAA;AAAA,MACZ,OAAA,EAAS,QAAQ,WAAW,CAAA;AAAA,MAC5B,IAAM,EAAA,WAAA;AAAA,MACN,KAAO,EAAA,SAAA;AAAA,KACR,CAAA,CAAA;AAED,IAAM,MAAA,YAAA,GAAqD,CAAC,KAAU,KAAA;AAhG1E,MAAA,IAAA,EAAA,CAAA;AAiGM,MAAM,MAAA,UAAA,GAAa,MAAM,MAAO,CAAA,OAAA,CAAA;AAChC,MAAA,eAAA,CAAgB,UAAU,CAAA,CAAA;AAE1B,MAAW,QAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,QAAA,CAAA,KAAA,CAAA,CAAA;AACX,MAAA,CAAA,EAAA,GAAA,UAAA,CAAW,aAAX,IAAsB,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,IAAA,CAAA,UAAA,EAAA,KAAA,CAAA,CAAA;AAAA,KACxB,CAAA;AAEA,IAAA,uBACGC,eAAA,CAAA,OAAA,EAAA;AAAA,MACC,SAAW,EAAAC,SAAA;AAAA,QACT,YAAa,EAAA;AAAA,QACb;AAAA,UACE,CAAC,YAAa,CAAA,UAAU,CAAI,GAAA,QAAA;AAAA,SAC9B;AAAA,QACA,SAAA;AAAA,OACF;AAAA,MACA,GAAA;AAAA,MACC,GAAG,IAAA;AAAA,MAEJ,QAAA,EAAA;AAAA,wBAACC,cAAA,CAAA,OAAA,EAAA;AAAA,UACC,SAAA,EAAW,aAAa,OAAO,CAAA;AAAA,UAC9B,GAAG,UAAA;AAAA,UACJ,OAAA;AAAA,UACA,QAAA;AAAA,UACA,IAAA;AAAA,UACA,KAAA;AAAA,UACA,MAAA;AAAA,UACA,QAAU,EAAA,YAAA;AAAA,UACV,OAAA;AAAA,UACA,IAAK,EAAA,OAAA;AAAA,SACP,CAAA;AAAA,wBACCA,cAAA,CAAAC,+BAAA,EAAA;AAAA,UAAgB,OAAA;AAAA,UAAkB,KAAA;AAAA,UAAc,QAAA;AAAA,SAAoB,CAAA;AAAA,QACpE,KAAA;AAAA,OAAA;AAAA,KACH,CAAA,CAAA;AAAA,GAEJ;AACF;;;;"}

package/dist-cjs/packages/core/src/radio-button/RadioButtonGroup.css.js

@@ -0,0 +1,9 @@
+'use strict';
+
+var styleInject_es = require('../../../../node_modules/style-inject/dist/style-inject.es.js');
+
+var css_248z = "/* Styles applied to root element */\n.saltRadioButtonGroup {\n  border: none;\n  margin: 0;\n  padding: 0;\n}\n\n/* Styles applied when direction is vertical */\n.saltRadioButtonGroup-vertical {\n  display: flex;\n  gap: var(--salt-size-unit);\n  flex-direction: column;\n}\n\n/* Styles applied when direction is horizontal */\n.saltRadioButtonGroup-horizontal {\n  display: flex;\n  gap: var(--salt-size-unit);\n  flex-direction: row;\n  flex-wrap: wrap;\n}\n\n.saltRadioButtonGroup-noWrap {\n  flex-wrap: nowrap;\n}\n.saltRadioButtonGroup-noWrap .saltRadioButton {\n  white-space: break-spaces;\n}\n\n/* Styles applied to radio group's legend */\n.saltRadioButtonGroup-legend {\n  display: inline-block;\n  font-size: var(--formField-label-fontSize);\n  color: var(--salt-text-primary-foreground);\n  margin-bottom: calc(var(--salt-size-unit) * 2);\n}\n";
+styleInject_es(css_248z);
+
+module.exports = css_248z;
+//# sourceMappingURL=RadioButtonGroup.css.js.map

package/dist-cjs/packages/core/src/radio-button/RadioButtonGroup.css.js.map

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

package/dist-cjs/packages/core/src/radio-button/RadioButtonGroup.js

@@ -0,0 +1,61 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var clsx = require('clsx');
+var React = require('react');
+var makePrefixer = require('../utils/makePrefixer.js');
+var useControlled = require('../utils/useControlled.js');
+require('../utils/useFloatingUI.js');
+var useId = require('../utils/useId.js');
+require('../salt-provider/SaltProvider.js');
+require('../viewport/ViewportProvider.js');
+var RadioGroupContext = require('./internal/RadioGroupContext.js');
+require('./RadioButtonGroup.css.js');
+
+const withBaseName = makePrefixer.makePrefixer("saltRadioButtonGroup");
+const RadioButtonGroup = React.forwardRef(function RadioButtonGroup2(props, ref) {
+  const {
+    children,
+    className,
+    defaultValue,
+    direction = "vertical",
+    wrap = true,
+    name: nameProp,
+    onChange,
+    value: valueProp,
+    ...rest
+  } = props;
+  const [value, setStateValue] = useControlled.useControlled({
+    controlled: valueProp,
+    default: defaultValue,
+    state: "value",
+    name: "RadioButtonGroup"
+  });
+  const handleChange = (event) => {
+    setStateValue(event.target.value);
+    onChange == null ? void 0 : onChange(event);
+  };
+  const name = useId.useId(nameProp);
+  return /* @__PURE__ */ jsxRuntime.jsx("fieldset", {
+    className: clsx.clsx(
+      withBaseName(),
+      withBaseName(direction),
+      {
+        [withBaseName("noWrap")]: !wrap
+      },
+      className
+    ),
+    "data-testid": "radio-button-group",
+    ref,
+    ...rest,
+    children: /* @__PURE__ */ jsxRuntime.jsx(RadioGroupContext.RadioGroupContext.Provider, {
+      value: { name, onChange: handleChange, value },
+      children
+    })
+  });
+});
+
+exports.RadioButtonGroup = RadioButtonGroup;
+//# sourceMappingURL=RadioButtonGroup.js.map

package/dist-cjs/packages/core/src/radio-button/RadioButtonGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioButtonGroup.js","sources":["../src/radio-button/RadioButtonGroup.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport {\n  ChangeEventHandler,\n  ComponentPropsWithoutRef,\n  forwardRef,\n} from \"react\";\nimport { makePrefixer, useControlled, useId } from \"../utils\";\nimport { RadioGroupContext } from \"./internal/RadioGroupContext\";\n\nimport \"./RadioButtonGroup.css\";\n\nconst withBaseName = makePrefixer(\"saltRadioButtonGroup\");\n\nexport interface RadioButtonGroupProps\n  extends Omit<ComponentPropsWithoutRef<\"fieldset\">, \"onChange\"> {\n  /**\n   * Set the selected value when initialized.\n   */\n  defaultValue?: string;\n  /**\n   * Set the group direction.\n   */\n  direction?: \"horizontal\" | \"vertical\";\n  /**\n   * Only for horizontal direction. When `true` the text in radio button label will wrap to fit within the container. Otherwise the radio buttons will wrap onto the next line.\n   */\n  wrap?: boolean;\n  /**\n   * The name to be set on each radio button within the group. If not set, then one will be generated for you.\n   */\n  name?: string;\n  /**\n   * Callback for change event.\n   */\n  onChange?: ChangeEventHandler<HTMLInputElement>;\n  /**\n   * The value of the radio group, required for a controlled component.\n   */\n  value?: string;\n}\n\nexport const RadioButtonGroup = forwardRef<\n  HTMLFieldSetElement,\n  RadioButtonGroupProps\n>(function RadioButtonGroup(props, ref) {\n  const {\n    children,\n    className,\n    defaultValue,\n    direction = \"vertical\",\n    wrap = true,\n    name: nameProp,\n    onChange,\n    value: valueProp,\n    ...rest\n  } = props;\n\n  const [value, setStateValue] = useControlled({\n    controlled: valueProp,\n    default: defaultValue,\n    state: \"value\",\n    name: \"RadioButtonGroup\",\n  });\n\n  const handleChange: ChangeEventHandler<HTMLInputElement> = (event) => {\n    setStateValue(event.target.value);\n    onChange?.(event);\n  };\n\n  const name = useId(nameProp);\n\n  return (\n    <fieldset\n      className={clsx(\n        withBaseName(),\n        withBaseName(direction),\n        {\n          [withBaseName(\"noWrap\")]: !wrap,\n        },\n        className\n      )}\n      data-testid=\"radio-button-group\"\n      ref={ref}\n      {...rest}\n    >\n      <RadioGroupContext.Provider\n        value={{ name, onChange: handleChange, value }}\n      >\n        {children}\n      </RadioGroupContext.Provider>\n    </fieldset>\n  );\n});\n"],"names":["makePrefixer","forwardRef","RadioButtonGroup","useControlled","useId","jsx","clsx","RadioGroupContext"],"mappings":";;;;;;;;;;;;;;;;AAWA,MAAM,YAAA,GAAeA,0BAAa,sBAAsB,CAAA,CAAA;AA8BjD,MAAM,gBAAmB,GAAAC,gBAAA,CAG9B,SAASC,iBAAAA,CAAiB,OAAO,GAAK,EAAA;AACtC,EAAM,MAAA;AAAA,IACJ,QAAA;AAAA,IACA,SAAA;AAAA,IACA,YAAA;AAAA,IACA,SAAY,GAAA,UAAA;AAAA,IACZ,IAAO,GAAA,IAAA;AAAA,IACP,IAAM,EAAA,QAAA;AAAA,IACN,QAAA;AAAA,IACA,KAAO,EAAA,SAAA;AAAA,IACJ,GAAA,IAAA;AAAA,GACD,GAAA,KAAA,CAAA;AAEJ,EAAA,MAAM,CAAC,KAAA,EAAO,aAAa,CAAA,GAAIC,2BAAc,CAAA;AAAA,IAC3C,UAAY,EAAA,SAAA;AAAA,IACZ,OAAS,EAAA,YAAA;AAAA,IACT,KAAO,EAAA,OAAA;AAAA,IACP,IAAM,EAAA,kBAAA;AAAA,GACP,CAAA,CAAA;AAED,EAAM,MAAA,YAAA,GAAqD,CAAC,KAAU,KAAA;AACpE,IAAc,aAAA,CAAA,KAAA,CAAM,OAAO,KAAK,CAAA,CAAA;AAChC,IAAW,QAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,QAAA,CAAA,KAAA,CAAA,CAAA;AAAA,GACb,CAAA;AAEA,EAAM,MAAA,IAAA,GAAOC,YAAM,QAAQ,CAAA,CAAA;AAE3B,EAAA,uBACGC,cAAA,CAAA,UAAA,EAAA;AAAA,IACC,SAAW,EAAAC,SAAA;AAAA,MACT,YAAa,EAAA;AAAA,MACb,aAAa,SAAS,CAAA;AAAA,MACtB;AAAA,QACE,CAAC,YAAA,CAAa,QAAQ,CAAA,GAAI,CAAC,IAAA;AAAA,OAC7B;AAAA,MACA,SAAA;AAAA,KACF;AAAA,IACA,aAAY,EAAA,oBAAA;AAAA,IACZ,GAAA;AAAA,IACC,GAAG,IAAA;AAAA,IAEJ,QAAA,kBAAAD,cAAA,CAACE,oCAAkB,QAAlB,EAAA;AAAA,MACC,KAAO,EAAA,EAAE,IAAM,EAAA,QAAA,EAAU,cAAc,KAAM,EAAA;AAAA,MAE5C,QAAA;AAAA,KACH,CAAA;AAAA,GACF,CAAA,CAAA;AAEJ,CAAC;;;;"}

package/dist-cjs/packages/core/src/radio-button/RadioButtonIcon.css.js

@@ -0,0 +1,9 @@
+'use strict';
+
+var styleInject_es = require('../../../../node_modules/style-inject/dist/style-inject.es.js');
+
+var css_248z = "/* Styles applied to radio button icon */\n.saltRadioButtonIcon {\n  width: var(--salt-size-selectable);\n  height: var(--salt-size-selectable);\n  border-radius: 50%;\n  flex: none;\n  margin-top: var(--salt-size-border);\n}\n\n/* Styles applied to radio button icon circle */\n.saltRadioButtonIcon-circle {\n  fill: var(--saltRadioButton-icon-fill, var(--salt-container-primary-background));\n  stroke: var(--saltRadioButton-icon-stroke, var(--salt-selectable-foreground));\n  stroke-width: var(--salt-size-border);\n}\n\n/* Styles applied to radio button icon on hover */\n.saltRadioButton:hover .saltRadioButtonIcon-circle {\n  fill: var(--saltRadioButton-icon-hover-fill, var(--salt-selectable-background-hover));\n  stroke: var(--saltRadioButton-icon-stroke-hover, var(--salt-selectable-foreground-hover));\n}\n\n/* Styles applied to radio button icon if checked */\n.saltRadioButtonIcon-checked .saltRadioButtonIcon-circle,\n.saltRadioButton:hover .saltRadioButtonIcon-checked .saltRadioButtonIcon-circle {\n  fill: var(--saltRadioButton-icon-checked-fill, var(--salt-selectable-foreground-selected));\n  stroke: var(--saltRadioButton-icon-checked-stroke, var(--salt-selectable-foreground-selected));\n}\n\n/* Styles applied to radio button icon if disabled */\n.saltRadioButtonIcon-disabled .saltRadioButtonIcon-circle,\n.saltRadioButton:hover .saltRadioButtonIcon-disabled .saltRadioButtonIcon-circle {\n  fill: var(--saltRadioButton-icon-disabled-fill, var(--salt-selectable-background));\n  stroke: var(--saltRadioButton-icon-disabled-stroke, var(--salt-selectable-foreground-disabled));\n}\n\n/* Styles applied to radio button icon if checked and disabled */\n.saltRadioButtonIcon-disabled.saltRadioButtonIcon-checked .saltRadioButtonIcon-circle,\n.saltRadioButton:hover .saltRadioButtonIcon-disabled.saltRadioButtonIcon-checked .saltRadioButtonIcon-circle {\n  fill: var(--saltRadioButton-icon-checked-disabled-fill, var(--salt-container-primary-background-disabled));\n  stroke: var(--saltRadioButton-icon-checked-disabled-stroke, var(--salt-selectable-foreground-selectedDisabled));\n  stroke-width: calc(var(--salt-size-border) * 6.5);\n}\n\n/* Styles applied to radio button icon with error */\n.saltRadioButtonIcon-error .saltRadioButtonIcon-circle,\n.saltRadioButton:hover .saltRadioButtonIcon-error .saltRadioButtonIcon-circle {\n  stroke: var(--saltRadioButton-icon-error-stroke, var(--salt-status-error-foreground));\n}\n\n.saltRadioButton:hover .saltRadioButtonIcon-error .saltRadioButtonIcon-circle {\n  fill: var(--saltRadioButton-icon-error-hover-fill, var(--salt-status-error-background));\n}\n\n/* Styles applied to radio button icon with error and disabled */\n.saltRadioButtonIcon-error.saltRadioButtonIcon-disabled .saltRadioButtonIcon-circle,\n.saltRadioButton:hover .saltRadioButtonIcon-error.saltRadioButtonIcon-disabled .saltRadioButtonIcon-circle {\n  fill: var(--saltRadioButton-icon-error-disabled-fill, var(--salt-selectable-background));\n  stroke: var(--saltRadioButton-icon-error-disabled-stroke, var(--salt-status-error-foreground-disabled));\n}\n\n/* Styles applied to radio button icon when checked and with error */\n.saltRadioButtonIcon-checked.saltRadioButtonIcon-error .saltRadioButtonIcon-circle,\n.saltRadioButton:hover .saltRadioButtonIcon-checked.saltRadioButtonIcon-error .saltRadioButtonIcon-circle {\n  fill: var(--saltRadioButton-icon-error-fill, var(--salt-status-error-foreground));\n  stroke: var(--saltRadioButton-icon-error-stroke, var(--salt-status-error-foreground));\n}\n\n/* Styles applied to radio button icon when checked and with error and disabled */\n.saltRadioButtonIcon-disabled.saltRadioButtonIcon-checked.saltRadioButtonIcon-error .saltRadioButtonIcon-circle,\n.saltRadioButton:hover .saltRadioButtonIcon-disabled.saltRadioButtonIcon-checked.saltRadioButtonIcon-error .saltRadioButtonIcon-circle {\n  fill: var(--saltRadioButton-icon-error-disabled-fill, var(--salt-container-primary-background-disabled));\n  stroke: var(--saltRadioButton-icon-error-disabled-stroke, var(--salt-status-error-foreground-disabled));\n}\n\n/* Styles applied to checked inner circle */\n.saltRadioButtonIcon-checked-circle {\n  fill: var(--saltRadioButton-icon-inner-fill, var(--salt-container-primary-background));\n}\n\n/* Styles applied to checked inner circle when disabled */\n.saltRadioButtonIcon-disabled .saltRadioButtonIcon-checked-circle {\n  fill: var(--saltRadioButton-icon-inner-disabled-fill, var(--salt-container-primary-background-disabled));\n}\n";
+styleInject_es(css_248z);
+
+module.exports = css_248z;
+//# sourceMappingURL=RadioButtonIcon.css.js.map

package/dist-cjs/packages/core/src/radio-button/RadioButtonIcon.css.js.map

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