@basic-ui/material 1.0.0-alpha.52 → 1.0.0-alpha.54

package/build/esm/NavRail/NavRailItem.js

@@ -1,8 +1,3 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["as", "children", "__css"],
-    _excluded2 = ["as", "children", "__css"],
-    _excluded3 = ["as", "children", "color", "selected", "disabled", "style", "onKeyDown", "onPointerDown", "__css"];
 import { forwardRef, useMemo } from 'react';
 import { get } from 'styled-system';
 import { Box } from '../Box';
@@ -11,20 +6,20 @@ import { Text } from '../Text';
 import { useRippleSurface } from '../Ripple';
 import { EASING_STANDARD } from '../motion';
 import { jsx as _jsx } from "react/jsx-runtime";
-export var NavRailIndicator = /*#__PURE__*/forwardRef(function NavRailIndicator(props, forwardedRef) {
-  var _props$as = props.as,
-      as = _props$as === void 0 ? 'div' : _props$as,
-      children = props.children,
-      __css = props.__css,
-      otherProps = _objectWithoutProperties(props, _excluded);
-
-  return /*#__PURE__*/_jsx(Box, _extends(_extends({
+export const NavRailIndicator = /*#__PURE__*/forwardRef(function NavRailIndicator(props, forwardedRef) {
+  const {
+    as = 'div',
+    children,
+    __css,
+    ...otherProps
+  } = props;
+  return /*#__PURE__*/_jsx(Box, {
     color: "currentColor",
     ref: forwardedRef,
     as: as,
-    "data-nav-rail-item-indicator": ""
-  }, otherProps), {}, {
-    __css: _extends({
+    "data-nav-rail-item-indicator": "",
+    ...otherProps,
+    __css: {
       height: '100%',
       width: ["4rem", "3.5rem"],
       maxWidth: ["4rem", "3.5rem"],
@@ -35,101 +30,100 @@ export var NavRailIndicator = /*#__PURE__*/forwardRef(function NavRailIndicator(
       alignItems: 'center',
       justifyContent: 'center',
       minHeight: "2rem",
-      transition: "background-color .2s ".concat(EASING_STANDARD),
-      pointerEvents: 'none'
-    }, __css),
+      transition: `background-color .2s ${EASING_STANDARD}`,
+      pointerEvents: 'none',
+      ...__css
+    },
     children: children
-  }));
+  });
 });
-export var NavRailLabel = /*#__PURE__*/forwardRef(function NavRailLabel(props, forwardedRef) {
-  var _props$as2 = props.as,
-      as = _props$as2 === void 0 ? 'div' : _props$as2,
-      children = props.children,
-      __css = props.__css,
-      otherProps = _objectWithoutProperties(props, _excluded2);
-
-  return /*#__PURE__*/_jsx(Text, _extends(_extends({
+export const NavRailLabel = /*#__PURE__*/forwardRef(function NavRailLabel(props, forwardedRef) {
+  const {
+    as = 'div',
+    children,
+    __css,
+    ...otherProps
+  } = props;
+  return /*#__PURE__*/_jsx(Text, {
     ref: forwardedRef,
     as: as,
     variant: "label-small",
-    lineHeight: 1
-  }, otherProps), {}, {
-    __css: _extends({
+    lineHeight: 1,
+    ...otherProps,
+    __css: {
       pt: "0.25rem",
       pb: "0.75rem",
       color: 'inherit',
-      pointerEvents: 'none'
-    }, __css),
+      pointerEvents: 'none',
+      ...__css
+    },
     children: children
-  }));
+  });
 });
-export var NavRailItem = /*#__PURE__*/forwardRef(function NavRailItem(props, forwardedRef) {
-  var _props$as3 = props.as,
-      as = _props$as3 === void 0 ? 'button' : _props$as3,
-      children = props.children,
-      _props$color = props.color,
-      color = _props$color === void 0 ? 'primary-container' : _props$color,
-      _props$selected = props.selected,
-      selected = _props$selected === void 0 ? false : _props$selected,
-      _props$disabled = props.disabled,
-      disabled = _props$disabled === void 0 ? false : _props$disabled,
-      style = props.style,
-      onKeyDown = props.onKeyDown,
-      onPointerDown = props.onPointerDown,
-      __css = props.__css,
-      otherProps = _objectWithoutProperties(props, _excluded3);
-
-  var theme = useTheme();
-  var baseOpacity = 0,
-      hoverOpacity = 0.04,
-      focusOpacity = 0.12,
-      pressedOpacity = 0.12;
-  var ripple = useRippleSurface({
+export const NavRailItem = /*#__PURE__*/forwardRef(function NavRailItem(props, forwardedRef) {
+  const {
+    as = 'button',
+    children,
+    color = 'primary-container',
+    selected = false,
+    disabled = false,
+    style,
+    onKeyDown,
+    onPointerDown,
+    __css,
+    ...otherProps
+  } = props;
+  const theme = useTheme();
+  const baseOpacity = 0,
+    hoverOpacity = 0.04,
+    focusOpacity = 0.12,
+    pressedOpacity = 0.12;
+  const ripple = useRippleSurface({
     rippleColor: 'currentColor',
-    onKeyDown: onKeyDown,
-    onPointerDown: onPointerDown,
-    baseOpacity: baseOpacity,
-    hoverOpacity: hoverOpacity,
-    focusOpacity: focusOpacity,
-    pressedOpacity: pressedOpacity
-  }); // Apply ripple from nav item to nav indicator
-
-  var rippleCss = useMemo(function () {
-    var ret = {};
-    var keys = Object.keys(ripple.__css);
-
-    for (var _i = 0, _keys = keys; _i < _keys.length; _i++) {
-      var key = _keys[_i];
+    onKeyDown,
+    onPointerDown,
+    baseOpacity,
+    hoverOpacity,
+    focusOpacity,
+    pressedOpacity
+  });
 
+  // Apply ripple from nav item to nav indicator
+  const rippleCss = useMemo(() => {
+    const ret = {};
+    const rippleCss = ripple.__css;
+    const keys = Object.keys(rippleCss);
+    for (const key of keys) {
       if (!key.startsWith('&')) {
         ret['& [data-nav-rail-item-indicator]'] = ret['& [data-nav-rail-item-indicator]'] || {};
-        ret['& [data-nav-rail-item-indicator]'][key] = ripple.__css[key];
+        ret['& [data-nav-rail-item-indicator]'][key] = rippleCss[key];
         continue;
       }
-
-      var newKey = key.replace(/(.+?)::(before|after)/g, '$1 [data-nav-rail-item-indicator]::$2');
-      ret[newKey] = ripple.__css[key];
+      const newKey = key.replace(/(.+?)::(before|after)/g, '$1 [data-nav-rail-item-indicator]::$2');
+      ret[newKey] = rippleCss[key];
     }
-
     return ret;
   }, [ripple.__css]);
-  return /*#__PURE__*/_jsx(Box, _extends(_extends({
+  return /*#__PURE__*/_jsx(Box, {
     ref: forwardedRef,
-    as: as
-  }, otherProps), {}, {
+    as: as,
+    ...otherProps,
     onPointerDown: ripple.onPointerDown,
     onKeyDown: ripple.onKeyDown,
     "aria-pressed": selected,
     type: "button",
-    style: _extends(_extends({}, ripple.style), style),
+    style: {
+      ...ripple.style,
+      ...style
+    },
     disabled: disabled,
-    __css: _extends(_extends({
+    __css: {
       display: 'flex',
       flexDirection: 'column',
       alignItems: 'center',
-      transition: "color .2s ".concat(EASING_STANDARD),
-      color: selected ? "on.".concat(color) : 'on.surface-variant',
-      '--indicator-background-color': selected ? get(theme, "colors.".concat(color)) : 'transparent',
+      transition: `color .2s ${EASING_STANDARD}`,
+      color: selected ? `on.${color}` : 'on.surface-variant',
+      '--indicator-background-color': selected ? get(theme, `colors.${color}`) : 'transparent',
       border: 'none',
       ':focus': {
         outline: 'none'
@@ -141,9 +135,11 @@ export var NavRailItem = /*#__PURE__*/forwardRef(function NavRailItem(props, for
       height: "3.75rem",
       cursor: 'pointer',
       textDecoration: 'none',
-      WebkitTapHighlightColor: 'transparent'
-    }, rippleCss), __css),
+      WebkitTapHighlightColor: 'transparent',
+      ...rippleCss,
+      ...__css
+    },
     children: children
-  }));
+  });
 });
 //# sourceMappingURL=NavRailItem.js.map

package/build/esm/NavRail/NavRailItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavRailItem.js","names":["forwardRef","useMemo","get","Box","useTheme","Text","useRippleSurface","EASING_STANDARD","NavRailIndicator","props","forwardedRef","as","children","__css","otherProps","height","width","maxWidth","maxHeight","borderRadius","bg","display","alignItems","justifyContent","minHeight","transition","pointerEvents","NavRailLabel","pt","pb","color","NavRailItem","selected","disabled","style","onKeyDown","onPointerDown","theme","baseOpacity","hoverOpacity","focusOpacity","pressedOpacity","ripple","rippleColor","rippleCss","ret","keys","Object","key","startsWith","newKey","replace","flexDirection","border","outline","backgroundColor","margin","padding","cursor","textDecoration","WebkitTapHighlightColor"],"sources":["../../../src/NavRail/NavRailItem.tsx"],"sourcesContent":["import type { ElementType, ReactNode } from 'react';\r\nimport { forwardRef, useMemo } from 'react';\r\nimport { rem } from 'polished';\r\nimport { get } from 'styled-system';\r\n\r\nimport type { BoxProps, SxStyleProp } from '../Box';\r\nimport { Box } from '../Box';\r\nimport { useTheme } from '../theme';\r\nimport { Text } from '../Text';\r\nimport type { TextProps } from '../Text';\r\nimport { useRippleSurface } from '../Ripple';\r\nimport { EASING_STANDARD } from '../motion';\r\n\r\nexport interface NavRailItemProps extends Omit<BoxProps, 'color'> {\r\n  as?: ElementType<any>;\r\n  children?: ReactNode;\r\n  disabled?: boolean;\r\n  selected?: boolean;\r\n  color?: string;\r\n}\r\n\r\nexport type NavRailIndicatorProps = BoxProps;\r\n\r\nexport const NavRailIndicator = forwardRef<\r\n  HTMLDivElement,\r\n  NavRailIndicatorProps\r\n>(function NavRailIndicator(props, forwardedRef) {\r\n  const { as = 'div', children, __css, ...otherProps } = props;\r\n\r\n  return (\r\n    <Box\r\n      color=\"currentColor\"\r\n      ref={forwardedRef}\r\n      as={as}\r\n      data-nav-rail-item-indicator=\"\"\r\n      {...otherProps}\r\n      __css={{\r\n        height: '100%',\r\n        width: [rem(64), rem(56)],\r\n        maxWidth: [rem(64), rem(56)],\r\n        maxHeight: [rem(64), rem(56)],\r\n        borderRadius: 'full',\r\n        bg: 'var(--indicator-background-color)',\r\n        display: 'flex',\r\n        alignItems: 'center',\r\n        justifyContent: 'center',\r\n        minHeight: rem(32),\r\n        transition: `background-color .2s ${EASING_STANDARD}`,\r\n        pointerEvents: 'none',\r\n        ...__css,\r\n      }}\r\n    >\r\n      {children}\r\n    </Box>\r\n  );\r\n});\r\n\r\nexport type NavRailLabelProps = TextProps;\r\n\r\nexport const NavRailLabel = forwardRef<HTMLDivElement, NavRailLabelProps>(\r\n  function NavRailLabel(props, forwardedRef) {\r\n    const { as = 'div', children, __css, ...otherProps } = props;\r\n\r\n    return (\r\n      <Text\r\n        ref={forwardedRef}\r\n        as={as}\r\n        variant=\"label-small\"\r\n        lineHeight={1}\r\n        {...otherProps}\r\n        __css={{\r\n          pt: rem(4),\r\n          pb: rem(12),\r\n          color: 'inherit',\r\n          pointerEvents: 'none',\r\n          ...__css,\r\n        }}\r\n      >\r\n        {children}\r\n      </Text>\r\n    );\r\n  }\r\n);\r\n\r\nexport const NavRailItem = forwardRef<HTMLDivElement, NavRailItemProps>(\r\n  function NavRailItem(props, forwardedRef) {\r\n    const {\r\n      as = 'button',\r\n      children,\r\n      color = 'primary-container',\r\n      selected = false,\r\n      disabled = false,\r\n      style,\r\n      onKeyDown,\r\n      onPointerDown,\r\n      __css,\r\n      ...otherProps\r\n    } = props;\r\n    const theme = useTheme();\r\n    const baseOpacity = 0,\r\n      hoverOpacity = 0.04,\r\n      focusOpacity = 0.12,\r\n      pressedOpacity = 0.12;\r\n    const ripple = useRippleSurface({\r\n      rippleColor: 'currentColor',\r\n      onKeyDown,\r\n      onPointerDown,\r\n      baseOpacity,\r\n      hoverOpacity,\r\n      focusOpacity,\r\n      pressedOpacity,\r\n    });\r\n\r\n    // Apply ripple from nav item to nav indicator\r\n    const rippleCss = useMemo(() => {\r\n      const ret: SxStyleProp = {};\r\n      const keys = Object.keys(ripple.__css);\r\n      for (const key of keys) {\r\n        if (!key.startsWith('&')) {\r\n          ret['& [data-nav-rail-item-indicator]'] =\r\n            ret['& [data-nav-rail-item-indicator]'] || {};\r\n          ret['& [data-nav-rail-item-indicator]'][key] = ripple.__css[key];\r\n          continue;\r\n        }\r\n\r\n        const newKey = key.replace(\r\n          /(.+?)::(before|after)/g,\r\n          '$1 [data-nav-rail-item-indicator]::$2'\r\n        );\r\n        ret[newKey] = ripple.__css[key];\r\n      }\r\n      return ret;\r\n    }, [ripple.__css]);\r\n\r\n    return (\r\n      <Box\r\n        ref={forwardedRef}\r\n        as={as}\r\n        {...otherProps}\r\n        onPointerDown={ripple.onPointerDown}\r\n        onKeyDown={ripple.onKeyDown}\r\n        aria-pressed={selected}\r\n        type=\"button\"\r\n        style={{ ...ripple.style, ...style }}\r\n        disabled={disabled}\r\n        __css={{\r\n          display: 'flex',\r\n          flexDirection: 'column',\r\n          alignItems: 'center',\r\n          transition: `color .2s ${EASING_STANDARD}`,\r\n          color: selected ? `on.${color}` : 'on.surface-variant',\r\n          '--indicator-background-color': selected\r\n            ? get(theme, `colors.${color}`)\r\n            : 'transparent',\r\n          border: 'none',\r\n          ':focus': {\r\n            outline: 'none',\r\n          },\r\n          backgroundColor: 'transparent',\r\n          margin: 0,\r\n          padding: 0,\r\n          minHeight: rem(60),\r\n          height: rem(60),\r\n          cursor: 'pointer',\r\n          textDecoration: 'none',\r\n          WebkitTapHighlightColor: 'transparent',\r\n          ...rippleCss,\r\n          ...__css,\r\n        }}\r\n      >\r\n        {children}\r\n      </Box>\r\n    );\r\n  }\r\n);\r\n"],"mappings":"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"}
+{"version":3,"file":"NavRailItem.js","names":["forwardRef","useMemo","get","Box","useTheme","Text","useRippleSurface","EASING_STANDARD","jsx","_jsx","NavRailIndicator","props","forwardedRef","as","children","__css","otherProps","color","ref","height","width","maxWidth","maxHeight","borderRadius","bg","display","alignItems","justifyContent","minHeight","transition","pointerEvents","NavRailLabel","variant","lineHeight","pt","pb","NavRailItem","selected","disabled","style","onKeyDown","onPointerDown","theme","baseOpacity","hoverOpacity","focusOpacity","pressedOpacity","ripple","rippleColor","rippleCss","ret","keys","Object","key","startsWith","newKey","replace","type","flexDirection","border","outline","backgroundColor","margin","padding","cursor","textDecoration","WebkitTapHighlightColor"],"sources":["../../../src/NavRail/NavRailItem.tsx"],"sourcesContent":["import type { ElementType, ReactNode } from 'react';\nimport { forwardRef, useMemo } from 'react';\nimport { rem } from 'polished';\nimport { get } from 'styled-system';\n\nimport type { BoxProps, SxStyleProp } from '../Box';\nimport { Box } from '../Box';\nimport { useTheme } from '../theme';\nimport { Text } from '../Text';\nimport type { TextProps } from '../Text';\nimport { useRippleSurface } from '../Ripple';\nimport { EASING_STANDARD } from '../motion';\n\nexport interface NavRailItemProps extends Omit<BoxProps, 'color'> {\n  as?: ElementType<any>;\n  children?: ReactNode;\n  disabled?: boolean;\n  selected?: boolean;\n  color?: string;\n}\n\nexport type NavRailIndicatorProps = BoxProps;\n\nexport const NavRailIndicator = forwardRef<\n  HTMLDivElement,\n  NavRailIndicatorProps\n>(function NavRailIndicator(props, forwardedRef) {\n  const { as = 'div', children, __css, ...otherProps } = props;\n\n  return (\n    <Box\n      color=\"currentColor\"\n      ref={forwardedRef}\n      as={as}\n      data-nav-rail-item-indicator=\"\"\n      {...otherProps}\n      __css={{\n        height: '100%',\n        width: [rem(64), rem(56)],\n        maxWidth: [rem(64), rem(56)],\n        maxHeight: [rem(64), rem(56)],\n        borderRadius: 'full',\n        bg: 'var(--indicator-background-color)',\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'center',\n        minHeight: rem(32),\n        transition: `background-color .2s ${EASING_STANDARD}`,\n        pointerEvents: 'none',\n        ...__css,\n      }}\n    >\n      {children}\n    </Box>\n  );\n});\n\nexport type NavRailLabelProps = TextProps;\n\nexport const NavRailLabel = forwardRef<HTMLDivElement, NavRailLabelProps>(\n  function NavRailLabel(props, forwardedRef) {\n    const { as = 'div', children, __css, ...otherProps } = props;\n\n    return (\n      <Text\n        ref={forwardedRef}\n        as={as}\n        variant=\"label-small\"\n        lineHeight={1}\n        {...otherProps}\n        __css={{\n          pt: rem(4),\n          pb: rem(12),\n          color: 'inherit',\n          pointerEvents: 'none',\n          ...__css,\n        }}\n      >\n        {children}\n      </Text>\n    );\n  }\n);\n\nexport const NavRailItem = forwardRef<HTMLDivElement, NavRailItemProps>(\n  function NavRailItem(props, forwardedRef) {\n    const {\n      as = 'button',\n      children,\n      color = 'primary-container',\n      selected = false,\n      disabled = false,\n      style,\n      onKeyDown,\n      onPointerDown,\n      __css,\n      ...otherProps\n    } = props;\n    const theme = useTheme();\n    const baseOpacity = 0,\n      hoverOpacity = 0.04,\n      focusOpacity = 0.12,\n      pressedOpacity = 0.12;\n    const ripple = useRippleSurface({\n      rippleColor: 'currentColor',\n      onKeyDown,\n      onPointerDown,\n      baseOpacity,\n      hoverOpacity,\n      focusOpacity,\n      pressedOpacity,\n    });\n\n    // Apply ripple from nav item to nav indicator\n    const rippleCss = useMemo(() => {\n      const ret: Record<string, any> = {};\n      const rippleCss = ripple.__css as Record<string, any>;\n      const keys = Object.keys(rippleCss);\n      for (const key of keys) {\n        if (!key.startsWith('&')) {\n          ret['& [data-nav-rail-item-indicator]'] =\n            ret['& [data-nav-rail-item-indicator]'] || {};\n          ret['& [data-nav-rail-item-indicator]'][key] = rippleCss[key];\n          continue;\n        }\n\n        const newKey = key.replace(\n          /(.+?)::(before|after)/g,\n          '$1 [data-nav-rail-item-indicator]::$2'\n        );\n        ret[newKey] = rippleCss[key];\n      }\n      return ret as SxStyleProp;\n    }, [ripple.__css]);\n\n    return (\n      <Box\n        ref={forwardedRef}\n        as={as}\n        {...otherProps}\n        onPointerDown={ripple.onPointerDown}\n        onKeyDown={ripple.onKeyDown}\n        aria-pressed={selected}\n        type=\"button\"\n        style={{ ...ripple.style, ...style }}\n        disabled={disabled}\n        __css={{\n          display: 'flex',\n          flexDirection: 'column',\n          alignItems: 'center',\n          transition: `color .2s ${EASING_STANDARD}`,\n          color: selected ? `on.${color}` : 'on.surface-variant',\n          '--indicator-background-color': selected\n            ? get(theme, `colors.${color}`)\n            : 'transparent',\n          border: 'none',\n          ':focus': {\n            outline: 'none',\n          },\n          backgroundColor: 'transparent',\n          margin: 0,\n          padding: 0,\n          minHeight: rem(60),\n          height: rem(60),\n          cursor: 'pointer',\n          textDecoration: 'none',\n          WebkitTapHighlightColor: 'transparent',\n          ...rippleCss,\n          ...__css,\n        }}\n      >\n        {children}\n      </Box>\n    );\n  }\n);\n"],"mappings":"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","ignoreList":[]}

package/build/esm/NavRail/icons/test-icons.d.ts

@@ -1,4 +1,4 @@
-import type { SVGAttributes } from 'react';
-export declare const ListIcon: (props: SVGAttributes<SVGSVGElement>) => JSX.Element;
-export declare const KitchenIcon: (props: SVGAttributes<SVGSVGElement>) => JSX.Element;
-export declare const MenuIcon: (props: SVGAttributes<SVGSVGElement>) => JSX.Element;
+import type { SVGAttributes } from 'react';
+export declare const ListIcon: (props: SVGAttributes<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export declare const KitchenIcon: (props: SVGAttributes<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export declare const MenuIcon: (props: SVGAttributes<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/build/esm/NavRail/icons/test-icons.js

@@ -1,42 +1,35 @@
-import _extends from "@babel/runtime/helpers/extends";
 import { jsx as _jsx } from "react/jsx-runtime";
-export var ListIcon = function ListIcon(props) {
-  return /*#__PURE__*/_jsx("svg", _extends(_extends({
-    xmlns: "http://www.w3.org/2000/svg",
-    height: 16,
-    width: 16,
-    viewBox: "0 0 24 24"
-  }, props), {}, {
-    children: /*#__PURE__*/_jsx("path", {
-      fill: "currentColor",
-      d: "M8 17q.425 0 .713-.288Q9 16.425 9 16t-.287-.713Q8.425 15 8 15t-.713.287Q7 15.575 7 16t.287.712Q7.575 17 8 17Zm0-4q.425 0 .713-.288Q9 12.425 9 12t-.287-.713Q8.425 11 8 11t-.713.287Q7 11.575 7 12t.287.712Q7.575 13 8 13Zm0-4q.425 0 .713-.288Q9 8.425 9 8t-.287-.713Q8.425 7 8 7t-.713.287Q7 7.575 7 8t.287.712Q7.575 9 8 9Zm3 8h6v-2h-6Zm0-4h6v-2h-6Zm0-4h6V7h-6ZM5 21q-.825 0-1.413-.587Q3 19.825 3 19V5q0-.825.587-1.413Q4.175 3 5 3h14q.825 0 1.413.587Q21 4.175 21 5v14q0 .825-.587 1.413Q19.825 21 19 21Zm0-2h14V5H5v14ZM5 5v14V5Z"
-    })
-  }));
-};
-export var KitchenIcon = function KitchenIcon(props) {
-  return /*#__PURE__*/_jsx("svg", _extends(_extends({
-    xmlns: "http://www.w3.org/2000/svg",
-    height: 16,
-    width: 16,
-    viewBox: "0 0 24 24"
-  }, props), {}, {
-    children: /*#__PURE__*/_jsx("path", {
-      fill: "currentColor",
-      d: "M8 8V5h2v3Zm0 9v-5h2v5Zm-2 5q-.825 0-1.412-.587Q4 20.825 4 20V4q0-.825.588-1.413Q5.175 2 6 2h12q.825 0 1.413.587Q20 3.175 20 4v16q0 .825-.587 1.413Q18.825 22 18 22Zm0-2h12v-9H6v9ZM6 9h12V4H6Z"
-    })
-  }));
-};
-export var MenuIcon = function MenuIcon(props) {
-  return /*#__PURE__*/_jsx("svg", _extends(_extends({
-    xmlns: "http://www.w3.org/2000/svg",
-    height: 16,
-    width: 16,
-    viewBox: "0 0 24 24"
-  }, props), {}, {
-    children: /*#__PURE__*/_jsx("path", {
-      fill: "currentColor",
-      d: "M17 22v-8h-3V7q0-2.075 1.463-3.537Q16.925 2 19 2v20ZM7 22v-9.15q-1.275-.35-2.137-1.4Q4 10.4 4 9V2h2v7h1V2h2v7h1V2h2v7q0 1.4-.863 2.45-.862 1.05-2.137 1.4V22Z"
-    })
-  }));
-};
+export const ListIcon = props => /*#__PURE__*/_jsx("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  height: 16,
+  width: 16,
+  viewBox: "0 0 24 24",
+  ...props,
+  children: /*#__PURE__*/_jsx("path", {
+    fill: "currentColor",
+    d: "M8 17q.425 0 .713-.288Q9 16.425 9 16t-.287-.713Q8.425 15 8 15t-.713.287Q7 15.575 7 16t.287.712Q7.575 17 8 17Zm0-4q.425 0 .713-.288Q9 12.425 9 12t-.287-.713Q8.425 11 8 11t-.713.287Q7 11.575 7 12t.287.712Q7.575 13 8 13Zm0-4q.425 0 .713-.288Q9 8.425 9 8t-.287-.713Q8.425 7 8 7t-.713.287Q7 7.575 7 8t.287.712Q7.575 9 8 9Zm3 8h6v-2h-6Zm0-4h6v-2h-6Zm0-4h6V7h-6ZM5 21q-.825 0-1.413-.587Q3 19.825 3 19V5q0-.825.587-1.413Q4.175 3 5 3h14q.825 0 1.413.587Q21 4.175 21 5v14q0 .825-.587 1.413Q19.825 21 19 21Zm0-2h14V5H5v14ZM5 5v14V5Z"
+  })
+});
+export const KitchenIcon = props => /*#__PURE__*/_jsx("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  height: 16,
+  width: 16,
+  viewBox: "0 0 24 24",
+  ...props,
+  children: /*#__PURE__*/_jsx("path", {
+    fill: "currentColor",
+    d: "M8 8V5h2v3Zm0 9v-5h2v5Zm-2 5q-.825 0-1.412-.587Q4 20.825 4 20V4q0-.825.588-1.413Q5.175 2 6 2h12q.825 0 1.413.587Q20 3.175 20 4v16q0 .825-.587 1.413Q18.825 22 18 22Zm0-2h12v-9H6v9ZM6 9h12V4H6Z"
+  })
+});
+export const MenuIcon = props => /*#__PURE__*/_jsx("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  height: 16,
+  width: 16,
+  viewBox: "0 0 24 24",
+  ...props,
+  children: /*#__PURE__*/_jsx("path", {
+    fill: "currentColor",
+    d: "M17 22v-8h-3V7q0-2.075 1.463-3.537Q16.925 2 19 2v20ZM7 22v-9.15q-1.275-.35-2.137-1.4Q4 10.4 4 9V2h2v7h1V2h2v7h1V2h2v7q0 1.4-.863 2.45-.862 1.05-2.137 1.4V22Z"
+  })
+});
 //# sourceMappingURL=test-icons.js.map

package/build/esm/NavRail/icons/test-icons.js.map

@@ -1 +1 @@
-{"version":3,"file":"test-icons.js","names":["ListIcon","props","KitchenIcon","MenuIcon"],"sources":["../../../../src/NavRail/icons/test-icons.tsx"],"sourcesContent":["import type { SVGAttributes } from 'react';\r\n\r\nexport const ListIcon = (props: SVGAttributes<SVGSVGElement>) => (\r\n  <svg\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n    height={16}\r\n    width={16}\r\n    viewBox=\"0 0 24 24\"\r\n    {...props}\r\n  >\r\n    <path\r\n      fill=\"currentColor\"\r\n      d=\"M8 17q.425 0 .713-.288Q9 16.425 9 16t-.287-.713Q8.425 15 8 15t-.713.287Q7 15.575 7 16t.287.712Q7.575 17 8 17Zm0-4q.425 0 .713-.288Q9 12.425 9 12t-.287-.713Q8.425 11 8 11t-.713.287Q7 11.575 7 12t.287.712Q7.575 13 8 13Zm0-4q.425 0 .713-.288Q9 8.425 9 8t-.287-.713Q8.425 7 8 7t-.713.287Q7 7.575 7 8t.287.712Q7.575 9 8 9Zm3 8h6v-2h-6Zm0-4h6v-2h-6Zm0-4h6V7h-6ZM5 21q-.825 0-1.413-.587Q3 19.825 3 19V5q0-.825.587-1.413Q4.175 3 5 3h14q.825 0 1.413.587Q21 4.175 21 5v14q0 .825-.587 1.413Q19.825 21 19 21Zm0-2h14V5H5v14ZM5 5v14V5Z\"\r\n    />\r\n  </svg>\r\n);\r\n\r\nexport const KitchenIcon = (props: SVGAttributes<SVGSVGElement>) => (\r\n  <svg\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n    height={16}\r\n    width={16}\r\n    viewBox=\"0 0 24 24\"\r\n    {...props}\r\n  >\r\n    <path\r\n      fill=\"currentColor\"\r\n      d=\"M8 8V5h2v3Zm0 9v-5h2v5Zm-2 5q-.825 0-1.412-.587Q4 20.825 4 20V4q0-.825.588-1.413Q5.175 2 6 2h12q.825 0 1.413.587Q20 3.175 20 4v16q0 .825-.587 1.413Q18.825 22 18 22Zm0-2h12v-9H6v9ZM6 9h12V4H6Z\"\r\n    />\r\n  </svg>\r\n);\r\n\r\nexport const MenuIcon = (props: SVGAttributes<SVGSVGElement>) => (\r\n  <svg\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n    height={16}\r\n    width={16}\r\n    viewBox=\"0 0 24 24\"\r\n    {...props}\r\n  >\r\n    <path\r\n      fill=\"currentColor\"\r\n      d=\"M17 22v-8h-3V7q0-2.075 1.463-3.537Q16.925 2 19 2v20ZM7 22v-9.15q-1.275-.35-2.137-1.4Q4 10.4 4 9V2h2v7h1V2h2v7h1V2h2v7q0 1.4-.863 2.45-.862 1.05-2.137 1.4V22Z\"\r\n    />\r\n  </svg>\r\n);\r\n"],"mappings":";;AAEA,OAAO,IAAMA,QAAQ,GAAG,SAAXA,QAAW,CAACC,KAAD;EAAA,oBACtB;IACE,KAAK,EAAC,4BADR;IAEE,MAAM,EAAE,EAFV;IAGE,KAAK,EAAE,EAHT;IAIE,OAAO,EAAC;EAJV,GAKMA,KALN;IAAA,uBAOE;MACE,IAAI,EAAC,cADP;MAEE,CAAC,EAAC;IAFJ;EAPF,GADsB;AAAA,CAAjB;AAeP,OAAO,IAAMC,WAAW,GAAG,SAAdA,WAAc,CAACD,KAAD;EAAA,oBACzB;IACE,KAAK,EAAC,4BADR;IAEE,MAAM,EAAE,EAFV;IAGE,KAAK,EAAE,EAHT;IAIE,OAAO,EAAC;EAJV,GAKMA,KALN;IAAA,uBAOE;MACE,IAAI,EAAC,cADP;MAEE,CAAC,EAAC;IAFJ;EAPF,GADyB;AAAA,CAApB;AAeP,OAAO,IAAME,QAAQ,GAAG,SAAXA,QAAW,CAACF,KAAD;EAAA,oBACtB;IACE,KAAK,EAAC,4BADR;IAEE,MAAM,EAAE,EAFV;IAGE,KAAK,EAAE,EAHT;IAIE,OAAO,EAAC;EAJV,GAKMA,KALN;IAAA,uBAOE;MACE,IAAI,EAAC,cADP;MAEE,CAAC,EAAC;IAFJ;EAPF,GADsB;AAAA,CAAjB"}
+{"version":3,"file":"test-icons.js","names":["ListIcon","props","_jsx","xmlns","height","width","viewBox","children","fill","d","KitchenIcon","MenuIcon"],"sources":["../../../../src/NavRail/icons/test-icons.tsx"],"sourcesContent":["import type { SVGAttributes } from 'react';\n\nexport const ListIcon = (props: SVGAttributes<SVGSVGElement>) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    height={16}\n    width={16}\n    viewBox=\"0 0 24 24\"\n    {...props}\n  >\n    <path\n      fill=\"currentColor\"\n      d=\"M8 17q.425 0 .713-.288Q9 16.425 9 16t-.287-.713Q8.425 15 8 15t-.713.287Q7 15.575 7 16t.287.712Q7.575 17 8 17Zm0-4q.425 0 .713-.288Q9 12.425 9 12t-.287-.713Q8.425 11 8 11t-.713.287Q7 11.575 7 12t.287.712Q7.575 13 8 13Zm0-4q.425 0 .713-.288Q9 8.425 9 8t-.287-.713Q8.425 7 8 7t-.713.287Q7 7.575 7 8t.287.712Q7.575 9 8 9Zm3 8h6v-2h-6Zm0-4h6v-2h-6Zm0-4h6V7h-6ZM5 21q-.825 0-1.413-.587Q3 19.825 3 19V5q0-.825.587-1.413Q4.175 3 5 3h14q.825 0 1.413.587Q21 4.175 21 5v14q0 .825-.587 1.413Q19.825 21 19 21Zm0-2h14V5H5v14ZM5 5v14V5Z\"\n    />\n  </svg>\n);\n\nexport const KitchenIcon = (props: SVGAttributes<SVGSVGElement>) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    height={16}\n    width={16}\n    viewBox=\"0 0 24 24\"\n    {...props}\n  >\n    <path\n      fill=\"currentColor\"\n      d=\"M8 8V5h2v3Zm0 9v-5h2v5Zm-2 5q-.825 0-1.412-.587Q4 20.825 4 20V4q0-.825.588-1.413Q5.175 2 6 2h12q.825 0 1.413.587Q20 3.175 20 4v16q0 .825-.587 1.413Q18.825 22 18 22Zm0-2h12v-9H6v9ZM6 9h12V4H6Z\"\n    />\n  </svg>\n);\n\nexport const MenuIcon = (props: SVGAttributes<SVGSVGElement>) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    height={16}\n    width={16}\n    viewBox=\"0 0 24 24\"\n    {...props}\n  >\n    <path\n      fill=\"currentColor\"\n      d=\"M17 22v-8h-3V7q0-2.075 1.463-3.537Q16.925 2 19 2v20ZM7 22v-9.15q-1.275-.35-2.137-1.4Q4 10.4 4 9V2h2v7h1V2h2v7h1V2h2v7q0 1.4-.863 2.45-.862 1.05-2.137 1.4V22Z\"\n    />\n  </svg>\n);\n"],"mappings":";AAEA,OAAO,MAAMA,QAAQ,GAAIC,KAAmC,iBAC1DC,IAAA;EACEC,KAAK,EAAC,4BAA4B;EAClCC,MAAM,EAAE,EAAG;EACXC,KAAK,EAAE,EAAG;EACVC,OAAO,EAAC,WAAW;EAAA,GACfL,KAAK;EAAAM,QAAA,eAETL,IAAA;IACEM,IAAI,EAAC,cAAc;IACnBC,CAAC,EAAC;EAA2gB,CAC9gB;AAAC,CACC,CACN;AAED,OAAO,MAAMC,WAAW,GAAIT,KAAmC,iBAC7DC,IAAA;EACEC,KAAK,EAAC,4BAA4B;EAClCC,MAAM,EAAE,EAAG;EACXC,KAAK,EAAE,EAAG;EACVC,OAAO,EAAC,WAAW;EAAA,GACfL,KAAK;EAAAM,QAAA,eAETL,IAAA;IACEM,IAAI,EAAC,cAAc;IACnBC,CAAC,EAAC;EAAiM,CACpM;AAAC,CACC,CACN;AAED,OAAO,MAAME,QAAQ,GAAIV,KAAmC,iBAC1DC,IAAA;EACEC,KAAK,EAAC,4BAA4B;EAClCC,MAAM,EAAE,EAAG;EACXC,KAAK,EAAE,EAAG;EACVC,OAAO,EAAC,WAAW;EAAA,GACfL,KAAK;EAAAM,QAAA,eAETL,IAAA;IACEM,IAAI,EAAC,cAAc;IACnBC,CAAC,EAAC;EAA+J,CAClK;AAAC,CACC,CACN","ignoreList":[]}

package/build/esm/NavRail/index.d.ts

@@ -1 +1 @@
-export * from './NavRailItem';
+export * from './NavRailItem';

package/build/esm/NavRail/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/NavRail/index.ts"],"sourcesContent":["export * from './NavRailItem';\r\n"],"mappings":"AAAA,cAAc,eAAd"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/NavRail/index.ts"],"sourcesContent":["export * from './NavRailItem';\n"],"mappings":"AAAA,cAAc,eAAe","ignoreList":[]}

package/build/esm/NotchedOutline/NotchedOutline.d.ts

@@ -1,14 +1,14 @@
-import type { HTMLAttributes, ReactNode } from 'react';
-export interface NotchedOutlineProps extends HTMLAttributes<HTMLDivElement> {
-    borderColor: string;
-    borderStyle?: string;
-    borderWidth: number;
-    borderRadius?: number;
-    notchStart?: number;
-    notchWidth: number;
-    notchActive?: boolean;
-    forceActive?: boolean;
-    label?: ReactNode;
-    children?: ReactNode;
-}
-export declare const NotchedOutline: import("react").ForwardRefExoticComponent<NotchedOutlineProps & import("react").RefAttributes<HTMLDivElement>>;
+import type { HTMLAttributes, ReactNode } from 'react';
+export interface NotchedOutlineProps extends HTMLAttributes<HTMLDivElement> {
+    borderColor: string;
+    borderStyle?: string;
+    borderWidth: number;
+    borderRadius?: number;
+    notchStart?: number;
+    notchWidth: number;
+    notchActive?: boolean;
+    forceActive?: boolean;
+    label?: ReactNode;
+    children?: ReactNode;
+}
+export declare const NotchedOutline: import("react").ForwardRefExoticComponent<NotchedOutlineProps & import("react").RefAttributes<HTMLDivElement>>;

package/build/esm/NotchedOutline/NotchedOutline.js

@@ -1,45 +1,37 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["borderRadius", "borderColor", "borderWidth", "borderStyle", "notchStart", "notchWidth", "notchActive", "forceActive", "children", "label"];
 import { forwardRef } from 'react';
 import { rem } from 'polished';
 import { NotchedOutlineProvider } from './context';
 import { useTheme } from '../theme';
 import { NOTCH_PADDING, InnerContainer } from './styledComponents';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-export var NotchedOutline = /*#__PURE__*/forwardRef(function NotchedOutline(props, forwardedRef) {
-  var _props$borderRadius = props.borderRadius,
-      borderRadius = _props$borderRadius === void 0 ? 0 : _props$borderRadius,
-      _props$borderColor = props.borderColor,
-      borderColor = _props$borderColor === void 0 ? 'primary' : _props$borderColor,
-      _props$borderWidth = props.borderWidth,
-      borderWidth = _props$borderWidth === void 0 ? 0 : _props$borderWidth,
-      _props$borderStyle = props.borderStyle,
-      borderStyle = _props$borderStyle === void 0 ? 'solid' : _props$borderStyle,
-      _props$notchStart = props.notchStart,
-      notchStart = _props$notchStart === void 0 ? 0 : _props$notchStart,
-      _props$notchWidth = props.notchWidth,
-      notchWidth = _props$notchWidth === void 0 ? 0 : _props$notchWidth,
-      _props$notchActive = props.notchActive,
-      notchActive = _props$notchActive === void 0 ? false : _props$notchActive,
-      _props$forceActive = props.forceActive,
-      forceActive = _props$forceActive === void 0 ? false : _props$forceActive,
-      children = props.children,
-      label = props.label,
-      otherProps = _objectWithoutProperties(props, _excluded); // Minimum notch start position that makes sense. Otherwise it will mess up with the border/border radii
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const NotchedOutline = /*#__PURE__*/forwardRef(function NotchedOutline(props, forwardedRef) {
+  let {
+    /* eslint-disable prefer-const */
+    borderRadius = 0,
+    borderColor = 'primary',
+    borderWidth = 0,
+    borderStyle = 'solid',
+    notchStart = 0,
+    notchWidth = 0,
+    notchActive = false,
+    forceActive = false,
+    children,
+    label,
+    ...otherProps
+    /* eslint-enable prefer-const */
+  } = props;
 
-
-  var MIN_NOTCH_POSX = (props.borderRadius || 0) + NOTCH_PADDING;
-  var theme = useTheme();
+  // Minimum notch start position that makes sense. Otherwise it will mess up with the border/border radii
+  const MIN_NOTCH_POSX = (props.borderRadius || 0) + NOTCH_PADDING;
+  const theme = useTheme();
   notchStart = Math.max(MIN_NOTCH_POSX, notchStart);
   return /*#__PURE__*/_jsxs(NotchedOutlineProvider, {
     value: {
-      notchStart: notchStart
+      notchStart
     },
-    children: [children, /*#__PURE__*/_jsxs(InnerContainer, _extends(_extends({
-      ref: forwardedRef
-    }, otherProps), {}, {
+    children: [children, /*#__PURE__*/_jsxs(InnerContainer, {
+      ref: forwardedRef,
+      ...otherProps,
       color: borderColor,
       theme: theme,
       borderRadius: borderRadius,
@@ -53,13 +45,13 @@ export var NotchedOutline = /*#__PURE__*/forwardRef(function NotchedOutline(prop
       }), label && /*#__PURE__*/_jsx("div", {
         "data-notch-outline-item": "middle",
         style: {
-          width: notchActive ? "calc(".concat(notchWidth, "px + ").concat(rem(NOTCH_PADDING * 2), ")") : 0
+          width: notchActive ? `calc(${notchWidth}px + ${rem(NOTCH_PADDING * 2)})` : 0
         },
         children: label
       }), /*#__PURE__*/_jsx("div", {
         "data-notch-outline-item": "end"
       })]
-    }))]
+    })]
   });
 });
 //# sourceMappingURL=NotchedOutline.js.map

package/build/esm/NotchedOutline/NotchedOutline.js.map

@@ -1 +1 @@
-{"version":3,"file":"NotchedOutline.js","names":["forwardRef","rem","NotchedOutlineProvider","useTheme","NOTCH_PADDING","InnerContainer","NotchedOutline","props","forwardedRef","borderRadius","borderColor","borderWidth","borderStyle","notchStart","notchWidth","notchActive","forceActive","children","label","otherProps","MIN_NOTCH_POSX","theme","Math","max","width"],"sources":["../../../src/NotchedOutline/NotchedOutline.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from 'react';\r\nimport { forwardRef } from 'react';\r\nimport { rem } from 'polished';\r\n\r\nimport { NotchedOutlineProvider } from './context';\r\nimport { useTheme } from '../theme';\r\nimport { NOTCH_PADDING, InnerContainer } from './styledComponents';\r\n\r\nexport interface NotchedOutlineProps extends HTMLAttributes<HTMLDivElement> {\r\n  borderColor: string;\r\n  borderStyle?: string;\r\n  borderWidth: number;\r\n  borderRadius?: number;\r\n  notchStart?: number;\r\n  notchWidth: number;\r\n  notchActive?: boolean;\r\n  forceActive?: boolean;\r\n  label?: ReactNode;\r\n  children?: ReactNode;\r\n}\r\n\r\nexport const NotchedOutline = forwardRef<HTMLDivElement, NotchedOutlineProps>(\r\n  function NotchedOutline(props, forwardedRef) {\r\n    let {\r\n      /* eslint-disable prefer-const */\r\n      borderRadius = 0,\r\n      borderColor = 'primary',\r\n      borderWidth = 0,\r\n      borderStyle = 'solid',\r\n      notchStart = 0,\r\n      notchWidth = 0,\r\n      notchActive = false,\r\n      forceActive = false,\r\n      children,\r\n      label,\r\n      ...otherProps\r\n      /* eslint-enable prefer-const */\r\n    } = props;\r\n\r\n    // Minimum notch start position that makes sense. Otherwise it will mess up with the border/border radii\r\n    const MIN_NOTCH_POSX = (props.borderRadius || 0) + NOTCH_PADDING;\r\n\r\n    const theme = useTheme();\r\n\r\n    notchStart = Math.max(MIN_NOTCH_POSX, notchStart);\r\n\r\n    return (\r\n      <NotchedOutlineProvider value={{ notchStart }}>\r\n        {children}\r\n        <InnerContainer\r\n          ref={forwardedRef}\r\n          {...otherProps}\r\n          color={borderColor}\r\n          theme={theme}\r\n          borderRadius={borderRadius}\r\n          borderWidth={borderWidth}\r\n          borderWidthWhenFocused={borderWidth * 2}\r\n          borderStyle={borderStyle}\r\n          notchStart={notchStart}\r\n          forceActive={forceActive}\r\n        >\r\n          <div data-notch-outline-item=\"start\" />\r\n          {label && (\r\n            <div\r\n              data-notch-outline-item=\"middle\"\r\n              style={{\r\n                width: notchActive\r\n                  ? `calc(${notchWidth}px + ${rem(NOTCH_PADDING * 2)})`\r\n                  : 0,\r\n              }}\r\n            >\r\n              {label}\r\n            </div>\r\n          )}\r\n          <div data-notch-outline-item=\"end\" />\r\n        </InnerContainer>\r\n      </NotchedOutlineProvider>\r\n    );\r\n  }\r\n);\r\n"],"mappings":";;;AACA,SAASA,UAAT,QAA2B,OAA3B;AACA,SAASC,GAAT,QAAoB,UAApB;AAEA,SAASC,sBAAT,QAAuC,WAAvC;AACA,SAASC,QAAT,QAAyB,UAAzB;AACA,SAASC,aAAT,EAAwBC,cAAxB,QAA8C,oBAA9C;;;AAeA,OAAO,IAAMC,cAAc,gBAAGN,UAAU,CACtC,SAASM,cAAT,CAAwBC,KAAxB,EAA+BC,YAA/B,EAA6C;EAC3C,0BAcID,KAdJ,CAEEE,YAFF;EAAA,IAEEA,YAFF,oCAEiB,CAFjB;EAAA,yBAcIF,KAdJ,CAGEG,WAHF;EAAA,IAGEA,WAHF,mCAGgB,SAHhB;EAAA,yBAcIH,KAdJ,CAIEI,WAJF;EAAA,IAIEA,WAJF,mCAIgB,CAJhB;EAAA,yBAcIJ,KAdJ,CAKEK,WALF;EAAA,IAKEA,WALF,mCAKgB,OALhB;EAAA,wBAcIL,KAdJ,CAMEM,UANF;EAAA,IAMEA,UANF,kCAMe,CANf;EAAA,wBAcIN,KAdJ,CAOEO,UAPF;EAAA,IAOEA,UAPF,kCAOe,CAPf;EAAA,yBAcIP,KAdJ,CAQEQ,WARF;EAAA,IAQEA,WARF,mCAQgB,KARhB;EAAA,yBAcIR,KAdJ,CASES,WATF;EAAA,IASEA,WATF,mCASgB,KAThB;EAAA,IAUEC,QAVF,GAcIV,KAdJ,CAUEU,QAVF;EAAA,IAWEC,KAXF,GAcIX,KAdJ,CAWEW,KAXF;EAAA,IAYKC,UAZL,4BAcIZ,KAdJ,aAD2C,CAiB3C;;;EACA,IAAMa,cAAc,GAAG,CAACb,KAAK,CAACE,YAAN,IAAsB,CAAvB,IAA4BL,aAAnD;EAEA,IAAMiB,KAAK,GAAGlB,QAAQ,EAAtB;EAEAU,UAAU,GAAGS,IAAI,CAACC,GAAL,CAASH,cAAT,EAAyBP,UAAzB,CAAb;EAEA,oBACE,MAAC,sBAAD;IAAwB,KAAK,EAAE;MAAEA,UAAU,EAAVA;IAAF,CAA/B;IAAA,WACGI,QADH,eAEE,MAAC,cAAD;MACE,GAAG,EAAET;IADP,GAEMW,UAFN;MAGE,KAAK,EAAET,WAHT;MAIE,KAAK,EAAEW,KAJT;MAKE,YAAY,EAAEZ,YALhB;MAME,WAAW,EAAEE,WANf;MAOE,sBAAsB,EAAEA,WAAW,GAAG,CAPxC;MAQE,WAAW,EAAEC,WARf;MASE,UAAU,EAAEC,UATd;MAUE,WAAW,EAAEG,WAVf;MAAA,wBAYE;QAAK,2BAAwB;MAA7B,EAZF,EAaGE,KAAK,iBACJ;QACE,2BAAwB,QAD1B;QAEE,KAAK,EAAE;UACLM,KAAK,EAAET,WAAW,kBACND,UADM,kBACYb,GAAG,CAACG,aAAa,GAAG,CAAjB,CADf,SAEd;QAHC,CAFT;QAAA,UAQGc;MARH,EAdJ,eAyBE;QAAK,2BAAwB;MAA7B,EAzBF;IAAA,GAFF;EAAA,EADF;AAgCD,CAzDqC,CAAjC"}
+{"version":3,"file":"NotchedOutline.js","names":["forwardRef","rem","NotchedOutlineProvider","useTheme","NOTCH_PADDING","InnerContainer","jsx","_jsx","jsxs","_jsxs","NotchedOutline","props","forwardedRef","borderRadius","borderColor","borderWidth","borderStyle","notchStart","notchWidth","notchActive","forceActive","children","label","otherProps","MIN_NOTCH_POSX","theme","Math","max","value","ref","color","borderWidthWhenFocused","style","width"],"sources":["../../../src/NotchedOutline/NotchedOutline.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from 'react';\nimport { forwardRef } from 'react';\nimport { rem } from 'polished';\n\nimport { NotchedOutlineProvider } from './context';\nimport { useTheme } from '../theme';\nimport { NOTCH_PADDING, InnerContainer } from './styledComponents';\n\nexport interface NotchedOutlineProps extends HTMLAttributes<HTMLDivElement> {\n  borderColor: string;\n  borderStyle?: string;\n  borderWidth: number;\n  borderRadius?: number;\n  notchStart?: number;\n  notchWidth: number;\n  notchActive?: boolean;\n  forceActive?: boolean;\n  label?: ReactNode;\n  children?: ReactNode;\n}\n\nexport const NotchedOutline = forwardRef<HTMLDivElement, NotchedOutlineProps>(\n  function NotchedOutline(props, forwardedRef) {\n    let {\n      /* eslint-disable prefer-const */\n      borderRadius = 0,\n      borderColor = 'primary',\n      borderWidth = 0,\n      borderStyle = 'solid',\n      notchStart = 0,\n      notchWidth = 0,\n      notchActive = false,\n      forceActive = false,\n      children,\n      label,\n      ...otherProps\n      /* eslint-enable prefer-const */\n    } = props;\n\n    // Minimum notch start position that makes sense. Otherwise it will mess up with the border/border radii\n    const MIN_NOTCH_POSX = (props.borderRadius || 0) + NOTCH_PADDING;\n\n    const theme = useTheme();\n\n    notchStart = Math.max(MIN_NOTCH_POSX, notchStart);\n\n    return (\n      <NotchedOutlineProvider value={{ notchStart }}>\n        {children}\n        <InnerContainer\n          ref={forwardedRef}\n          {...otherProps}\n          color={borderColor}\n          theme={theme}\n          borderRadius={borderRadius}\n          borderWidth={borderWidth}\n          borderWidthWhenFocused={borderWidth * 2}\n          borderStyle={borderStyle}\n          notchStart={notchStart}\n          forceActive={forceActive}\n        >\n          <div data-notch-outline-item=\"start\" />\n          {label && (\n            <div\n              data-notch-outline-item=\"middle\"\n              style={{\n                width: notchActive\n                  ? `calc(${notchWidth}px + ${rem(NOTCH_PADDING * 2)})`\n                  : 0,\n              }}\n            >\n              {label}\n            </div>\n          )}\n          <div data-notch-outline-item=\"end\" />\n        </InnerContainer>\n      </NotchedOutlineProvider>\n    );\n  }\n);\n"],"mappings":"AACA,SAASA,UAAU,QAAQ,OAAO;AAClC,SAASC,GAAG,QAAQ,UAAU;AAE9B,SAASC,sBAAsB,QAAQ,WAAW;AAClD,SAASC,QAAQ,QAAQ,UAAU;AACnC,SAASC,aAAa,EAAEC,cAAc,QAAQ,oBAAoB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAenE,OAAO,MAAMC,cAAc,gBAAGV,UAAU,CACtC,SAASU,cAAcA,CAACC,KAAK,EAAEC,YAAY,EAAE;EAC3C,IAAI;IACF;IACAC,YAAY,GAAG,CAAC;IAChBC,WAAW,GAAG,SAAS;IACvBC,WAAW,GAAG,CAAC;IACfC,WAAW,GAAG,OAAO;IACrBC,UAAU,GAAG,CAAC;IACdC,UAAU,GAAG,CAAC;IACdC,WAAW,GAAG,KAAK;IACnBC,WAAW,GAAG,KAAK;IACnBC,QAAQ;IACRC,KAAK;IACL,GAAGC;IACH;EACF,CAAC,GAAGZ,KAAK;;EAET;EACA,MAAMa,cAAc,GAAG,CAACb,KAAK,CAACE,YAAY,IAAI,CAAC,IAAIT,aAAa;EAEhE,MAAMqB,KAAK,GAAGtB,QAAQ,CAAC,CAAC;EAExBc,UAAU,GAAGS,IAAI,CAACC,GAAG,CAACH,cAAc,EAAEP,UAAU,CAAC;EAEjD,oBACER,KAAA,CAACP,sBAAsB;IAAC0B,KAAK,EAAE;MAAEX;IAAW,CAAE;IAAAI,QAAA,GAC3CA,QAAQ,eACTZ,KAAA,CAACJ,cAAc;MACbwB,GAAG,EAAEjB,YAAa;MAAA,GACdW,UAAU;MACdO,KAAK,EAAEhB,WAAY;MACnBW,KAAK,EAAEA,KAAM;MACbZ,YAAY,EAAEA,YAAa;MAC3BE,WAAW,EAAEA,WAAY;MACzBgB,sBAAsB,EAAEhB,WAAW,GAAG,CAAE;MACxCC,WAAW,EAAEA,WAAY;MACzBC,UAAU,EAAEA,UAAW;MACvBG,WAAW,EAAEA,WAAY;MAAAC,QAAA,gBAEzBd,IAAA;QAAK,2BAAwB;MAAO,CAAE,CAAC,EACtCe,KAAK,iBACJf,IAAA;QACE,2BAAwB,QAAQ;QAChCyB,KAAK,EAAE;UACLC,KAAK,EAAEd,WAAW,GACd,QAAQD,UAAU,QAAQjB,GAAG,CAACG,aAAa,GAAG,CAAC,CAAC,GAAG,GACnD;QACN,CAAE;QAAAiB,QAAA,EAEDC;MAAK,CACH,CACN,eACDf,IAAA;QAAK,2BAAwB;MAAK,CAAE,CAAC;IAAA,CACvB,CAAC;EAAA,CACK,CAAC;AAE7B,CACF,CAAC","ignoreList":[]}

package/build/esm/NotchedOutline/context.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
-export interface NotchedOutlineContextProps {
-    notchStart: number;
-}
-export declare const NotchedOutlineProvider: import("react").Provider<NotchedOutlineContextProps | null>;
-export declare const useNotchedOutlineContext: () => NotchedOutlineContextProps | null;
+export interface NotchedOutlineContextProps {
+    notchStart: number;
+}
+export declare const NotchedOutlineProvider: import("react").Provider<NotchedOutlineContextProps | null>;
+export declare const useNotchedOutlineContext: () => NotchedOutlineContextProps | null;

package/build/esm/NotchedOutline/context.js

@@ -1,9 +1,10 @@
-import { createContext, useContext } from 'react'; // NotchedOutline Component
+import { createContext, useContext } from 'react';
 
-var notchedoutlineContext = /*#__PURE__*/createContext(null);
-var NotchedOutlineProvider = notchedoutlineContext.Provider;
-export { NotchedOutlineProvider };
-export var useNotchedOutlineContext = function useNotchedOutlineContext() {
-  return useContext(notchedoutlineContext);
-};
+// NotchedOutline Component
+
+const notchedoutlineContext = /*#__PURE__*/createContext(null);
+export const {
+  Provider: NotchedOutlineProvider
+} = notchedoutlineContext;
+export const useNotchedOutlineContext = () => useContext(notchedoutlineContext);
 //# sourceMappingURL=context.js.map

package/build/esm/NotchedOutline/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":["createContext","useContext","notchedoutlineContext","NotchedOutlineProvider","Provider","useNotchedOutlineContext"],"sources":["../../../src/NotchedOutline/context.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\r\n\r\n// NotchedOutline Component\r\nexport interface NotchedOutlineContextProps {\r\n  notchStart: number;\r\n}\r\n\r\nconst notchedoutlineContext = createContext<NotchedOutlineContextProps | null>(\r\n  null\r\n);\r\nexport const { Provider: NotchedOutlineProvider } = notchedoutlineContext;\r\nexport const useNotchedOutlineContext = () => useContext(notchedoutlineContext);\r\n"],"mappings":"AAAA,SAASA,aAAT,EAAwBC,UAAxB,QAA0C,OAA1C,C,CAEA;;AAKA,IAAMC,qBAAqB,gBAAGF,aAAa,CACzC,IADyC,CAA3C;AAGO,IAAkBG,sBAAlB,GAA6CD,qBAA7C,CAAQE,QAAR;;AACP,OAAO,IAAMC,wBAAwB,GAAG,SAA3BA,wBAA2B;EAAA,OAAMJ,UAAU,CAACC,qBAAD,CAAhB;AAAA,CAAjC"}
+{"version":3,"file":"context.js","names":["createContext","useContext","notchedoutlineContext","Provider","NotchedOutlineProvider","useNotchedOutlineContext"],"sources":["../../../src/NotchedOutline/context.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\n\n// NotchedOutline Component\nexport interface NotchedOutlineContextProps {\n  notchStart: number;\n}\n\nconst notchedoutlineContext = createContext<NotchedOutlineContextProps | null>(\n  null\n);\nexport const { Provider: NotchedOutlineProvider } = notchedoutlineContext;\nexport const useNotchedOutlineContext = () => useContext(notchedoutlineContext);\n"],"mappings":"AAAA,SAASA,aAAa,EAAEC,UAAU,QAAQ,OAAO;;AAEjD;;AAKA,MAAMC,qBAAqB,gBAAGF,aAAa,CACzC,IACF,CAAC;AACD,OAAO,MAAM;EAAEG,QAAQ,EAAEC;AAAuB,CAAC,GAAGF,qBAAqB;AACzE,OAAO,MAAMG,wBAAwB,GAAGA,CAAA,KAAMJ,UAAU,CAACC,qBAAqB,CAAC","ignoreList":[]}

package/build/esm/NotchedOutline/index.d.ts

@@ -1 +1 @@
-export * from './NotchedOutline';
+export * from './NotchedOutline';