@simplybusiness/mobius 10.1.2 → 10.3.0

package/dist/cjs/components/Grid/Grid.js

@@ -59,7 +59,7 @@ var getSpacingValue = (padding) => {
 
 // src/components/Grid/Grid.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
-var Grid = ({ ref: _ref, ...props }) => {
+var Grid = ({ ref, ...props }) => {
   const {
     columns = 12,
     gap,
@@ -87,7 +87,7 @@ var Grid = ({ ref: _ref, ...props }) => {
     justifyItems,
     ...style
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: styles, className: classes, ...rest });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ref, style: styles, className: classes, ...rest });
 };
 Grid.displayName = "Grid";
 //# sourceMappingURL=Grid.js.map

package/dist/cjs/components/Grid/Grid.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/Grid/Grid.tsx", "../../../../src/utils/filterUndefinedProps.ts", "../../../../src/utils/getSpacingValue.ts"],
-  "sourcesContent": ["import type { ReactNode, RefAttributes, CSSProperties } from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport type { DOMProps } from \"../../types/dom\";\nimport { filterUndefinedProps, getSpacingValue } from \"../../utils\";\nimport type { SpacingType } from \"../../types\";\n\nexport type GridElementType = HTMLDivElement;\n\nexport interface GridProps extends RefAttributes<GridElementType>, DOMProps {\n  children?: ReactNode;\n  /** The number of columns */\n  columns?: number;\n  /** How big a gap between the columns and rows */\n  gap?: SpacingType;\n  /** How big a gap between the columns */\n  columnGap?: SpacingType;\n  /** How big a gap between the rows */\n  rowGap?: SpacingType;\n  /** Aligns the grid along the block (column) axis */\n  alignContent?:\n    | \"center\"\n    | \"space-around\"\n    | \"space-between\"\n    | \"space-evenly\"\n    | \"stretch\";\n  /** Aligns the grid along the inline (row) axis */\n  justifyContent?:\n    | \"center\"\n    | \"start\"\n    | \"end\"\n    | \"space-around\"\n    | \"space-between\"\n    | \"space-evenly\";\n  /** Aligns grid items along the block (column) axis  */\n  alignItems?: \"center\" | \"start\" | \"end\" | \"stretch\" | \"baseline\";\n  /** Aligns grid items along the inline (row) axis  */\n  justifyItems?: \"start\" | \"end\" | \"center\" | \"stretch\";\n  /** Custom class name for setting specific CSS */\n  className?: string;\n  style?: React.CSSProperties;\n}\n\nconst Grid = ({ ref: _ref, ...props }: GridProps) => {\n  const {\n    columns = 12,\n    gap,\n    columnGap,\n    rowGap,\n    alignContent,\n    alignItems,\n    justifyContent,\n    justifyItems,\n    className,\n    style,\n    ...rest\n  } = props;\n  const classes = classNames(\"mobius\", \"mobius-grid\", className);\n\n  const styles: CSSProperties = filterUndefinedProps({\n    boxSizing: \"border-box\",\n    display: \"grid\",\n    gridTemplateColumns: `repeat(${columns}, 1fr)`,\n    gap: getSpacingValue(gap),\n    columnGap: getSpacingValue(columnGap),\n    rowGap: getSpacingValue(rowGap),\n    alignContent,\n    alignItems,\n    justifyContent,\n    justifyItems,\n    ...style,\n  });\n\n  return <div style={styles} className={classes} {...rest} />;\n};\n\nGrid.displayName = \"Grid\";\nexport { Grid };\n", "export const filterUndefinedProps = (props: Record<string, unknown>) => {\n  const filteredProps: Record<string, unknown> = {};\n  Object.keys(props).forEach(key => {\n    if (props[key] !== undefined) {\n      filteredProps[key] = props[key];\n    }\n  });\n  return filteredProps;\n};\n", "import type { SpacingType } from \"../types\";\n\nexport const getSpacingValue = (\n  padding: SpacingType | undefined,\n): string | undefined => {\n  if (typeof padding === \"string\") {\n    return `var(--size-${padding})`;\n  }\n\n  if (typeof padding === \"number\") {\n    return `${padding}px`;\n  }\n\n  return undefined;\n};\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,oBAAuB;;;ACDhB,IAAM,uBAAuB,CAAC,UAAmC;AACtE,QAAM,gBAAyC,CAAC;AAChD,SAAO,KAAK,KAAK,EAAE,QAAQ,SAAO;AAChC,QAAI,MAAM,GAAG,MAAM,QAAW;AAC5B,oBAAc,GAAG,IAAI,MAAM,GAAG;AAAA,IAChC;AAAA,EACF,CAAC;AACD,SAAO;AACT;;;ACNO,IAAM,kBAAkB,CAC7B,YACuB;AACvB,MAAI,OAAO,YAAY,UAAU;AAC/B,WAAO,cAAc,OAAO;AAAA,EAC9B;AAEA,MAAI,OAAO,YAAY,UAAU;AAC/B,WAAO,GAAG,OAAO;AAAA,EACnB;AAEA,SAAO;AACT;;;AF0DS;AA9BT,IAAM,OAAO,CAAC,EAAE,KAAK,MAAM,GAAG,MAAM,MAAiB;AACnD,QAAM;AAAA,IACJ,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,IAAI;AACJ,QAAM,cAAU,cAAAA,SAAW,UAAU,eAAe,SAAS;AAE7D,QAAM,SAAwB,qBAAqB;AAAA,IACjD,WAAW;AAAA,IACX,SAAS;AAAA,IACT,qBAAqB,UAAU,OAAO;AAAA,IACtC,KAAK,gBAAgB,GAAG;AAAA,IACxB,WAAW,gBAAgB,SAAS;AAAA,IACpC,QAAQ,gBAAgB,MAAM;AAAA,IAC9B;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,CAAC;AAED,SAAO,4CAAC,SAAI,OAAO,QAAQ,WAAW,SAAU,GAAG,MAAM;AAC3D;AAEA,KAAK,cAAc;",
+  "sourcesContent": ["import type { ReactNode, RefAttributes, CSSProperties } from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport type { DOMProps } from \"../../types/dom\";\nimport { filterUndefinedProps, getSpacingValue } from \"../../utils\";\nimport type { SpacingType } from \"../../types\";\n\nexport type GridElementType = HTMLDivElement;\n\nexport interface GridProps extends RefAttributes<GridElementType>, DOMProps {\n  children?: ReactNode;\n  /** The number of columns */\n  columns?: number;\n  /** How big a gap between the columns and rows */\n  gap?: SpacingType;\n  /** How big a gap between the columns */\n  columnGap?: SpacingType;\n  /** How big a gap between the rows */\n  rowGap?: SpacingType;\n  /** Aligns the grid along the block (column) axis */\n  alignContent?:\n    | \"center\"\n    | \"space-around\"\n    | \"space-between\"\n    | \"space-evenly\"\n    | \"stretch\";\n  /** Aligns the grid along the inline (row) axis */\n  justifyContent?:\n    | \"center\"\n    | \"start\"\n    | \"end\"\n    | \"space-around\"\n    | \"space-between\"\n    | \"space-evenly\";\n  /** Aligns grid items along the block (column) axis  */\n  alignItems?: \"center\" | \"start\" | \"end\" | \"stretch\" | \"baseline\";\n  /** Aligns grid items along the inline (row) axis  */\n  justifyItems?: \"start\" | \"end\" | \"center\" | \"stretch\";\n  /** Custom class name for setting specific CSS */\n  className?: string;\n  style?: React.CSSProperties;\n}\n\nconst Grid = ({ ref, ...props }: GridProps) => {\n  const {\n    columns = 12,\n    gap,\n    columnGap,\n    rowGap,\n    alignContent,\n    alignItems,\n    justifyContent,\n    justifyItems,\n    className,\n    style,\n    ...rest\n  } = props;\n  const classes = classNames(\"mobius\", \"mobius-grid\", className);\n\n  const styles: CSSProperties = filterUndefinedProps({\n    boxSizing: \"border-box\",\n    display: \"grid\",\n    gridTemplateColumns: `repeat(${columns}, 1fr)`,\n    gap: getSpacingValue(gap),\n    columnGap: getSpacingValue(columnGap),\n    rowGap: getSpacingValue(rowGap),\n    alignContent,\n    alignItems,\n    justifyContent,\n    justifyItems,\n    ...style,\n  });\n\n  return <div ref={ref} style={styles} className={classes} {...rest} />;\n};\n\nGrid.displayName = \"Grid\";\nexport { Grid };\n", "export const filterUndefinedProps = (props: Record<string, unknown>) => {\n  const filteredProps: Record<string, unknown> = {};\n  Object.keys(props).forEach(key => {\n    if (props[key] !== undefined) {\n      filteredProps[key] = props[key];\n    }\n  });\n  return filteredProps;\n};\n", "import type { SpacingType } from \"../types\";\n\nexport const getSpacingValue = (\n  padding: SpacingType | undefined,\n): string | undefined => {\n  if (typeof padding === \"string\") {\n    return `var(--size-${padding})`;\n  }\n\n  if (typeof padding === \"number\") {\n    return `${padding}px`;\n  }\n\n  return undefined;\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,oBAAuB;;;ACDhB,IAAM,uBAAuB,CAAC,UAAmC;AACtE,QAAM,gBAAyC,CAAC;AAChD,SAAO,KAAK,KAAK,EAAE,QAAQ,SAAO;AAChC,QAAI,MAAM,GAAG,MAAM,QAAW;AAC5B,oBAAc,GAAG,IAAI,MAAM,GAAG;AAAA,IAChC;AAAA,EACF,CAAC;AACD,SAAO;AACT;;;ACNO,IAAM,kBAAkB,CAC7B,YACuB;AACvB,MAAI,OAAO,YAAY,UAAU;AAC/B,WAAO,cAAc,OAAO;AAAA,EAC9B;AAEA,MAAI,OAAO,YAAY,UAAU;AAC/B,WAAO,GAAG,OAAO;AAAA,EACnB;AAEA,SAAO;AACT;;;AF0DS;AA9BT,IAAM,OAAO,CAAC,EAAE,KAAK,GAAG,MAAM,MAAiB;AAC7C,QAAM;AAAA,IACJ,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,IAAI;AACJ,QAAM,cAAU,cAAAA,SAAW,UAAU,eAAe,SAAS;AAE7D,QAAM,SAAwB,qBAAqB;AAAA,IACjD,WAAW;AAAA,IACX,SAAS;AAAA,IACT,qBAAqB,UAAU,OAAO;AAAA,IACtC,KAAK,gBAAgB,GAAG;AAAA,IACxB,WAAW,gBAAgB,SAAS;AAAA,IACpC,QAAQ,gBAAgB,MAAM;AAAA,IAC9B;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,CAAC;AAED,SAAO,4CAAC,SAAI,KAAU,OAAO,QAAQ,WAAW,SAAU,GAAG,MAAM;AACrE;AAEA,KAAK,cAAc;",
   "names": ["classNames"]
 }

package/dist/cjs/components/Grid/Item.js

@@ -119,7 +119,7 @@ var getBreakpointMap = (config) => Object.entries(config).reduce(
   {}
 );
 var DEFAULT_SPAN = 12;
-var GridItem = ({ ref: _ref, ...props }) => {
+var GridItem = ({ ref, ...props }) => {
   const {
     breakpoint: { size: breakpointSize }
   } = useBreakpoint();
@@ -145,7 +145,7 @@ var GridItem = ({ ref: _ref, ...props }) => {
     xxl
   });
   const [responsiveSpan, setResponsiveSpan] = (0, import_react2.useState)();
-  const classes = (0, import_dedupe.default)("mobius-grid__item", className);
+  const classes = (0, import_dedupe.default)("mobius", "mobius-grid__item", className);
   (0, import_react2.useEffect)(() => {
     setResponsiveSpan(breakpointMap[breakpointSize]);
   }, [breakpointSize, breakpointMap]);
@@ -154,7 +154,7 @@ var GridItem = ({ ref: _ref, ...props }) => {
     alignSelf,
     justifySelf
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { ...styles }, className: classes, ...rest });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ref, style: { ...styles }, className: classes, ...rest });
 };
 GridItem.displayName = "GridItem";
 //# sourceMappingURL=Item.js.map

package/dist/cjs/components/Grid/Item.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/Grid/Item.tsx", "../../../../src/hooks/useBreakpoint/useBreakpoint.tsx"],
-  "sourcesContent": ["\"use client\";\n\nimport type { RefAttributes, CSSProperties } from \"react\";\nimport { useEffect, useState } from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport type { DOMProps } from \"../../types/dom\";\nimport { useBreakpoint } from \"../../hooks\";\nimport type { SizeType } from \"../../types\";\n\nexport type GridItemElementType = HTMLDivElement;\n\nexport interface GridItemProps\n  extends RefAttributes<GridItemElementType>, DOMProps {\n  /** How many columns the item spans */\n  span?: number | number[];\n  /** React children */\n  children?: React.ReactNode;\n  /** How many columns the item spans on the smallest breakpoint */\n  xs?: number;\n  sm?: number;\n  md?: number;\n  lg?: number;\n  xl?: number;\n  /** How many columns the item spans on the largest breakpoint */\n  xxl?: number;\n  /** Aligns the grid item along the block (column) axis */\n  alignSelf?: \"center\" | \"start\" | \"end\" | \"stretch\";\n  /** Aligns the grid item along the inline (row) axis */\n  justifySelf?: \"center\" | \"start\" | \"end\" | \"stretch\";\n  /** Custom class name for setting specific CSS */\n  className?: string;\n}\n\nexport const getBreakpointMap = (config: Partial<Record<SizeType, number>>) =>\n  Object.entries(config).reduce<Record<string, number | undefined>>(\n    (prev, [key, value]) => {\n      const previous = Object.values(prev);\n      const lastDefined = previous[previous.length - 1];\n      return { ...prev, [key]: value || lastDefined };\n    },\n    {},\n  );\n\nexport const DEFAULT_SPAN = 12;\n\nconst GridItem = ({ ref: _ref, ...props }: GridItemProps) => {\n  const {\n    breakpoint: { size: breakpointSize },\n  } = useBreakpoint();\n  const {\n    span,\n    xs = Array.isArray(span) ? DEFAULT_SPAN : span,\n    sm,\n    md,\n    lg,\n    xl,\n    xxl,\n    alignSelf,\n    justifySelf,\n    className,\n    ...rest\n  } = props;\n  const breakpointMap = getBreakpointMap({\n    xs,\n    sm,\n    md,\n    lg,\n    xl,\n    xxl,\n  });\n  const [responsiveSpan, setResponsiveSpan] = useState<number | undefined>();\n  const classes = classNames(\"mobius-grid__item\", className);\n\n  useEffect(() => {\n    setResponsiveSpan(breakpointMap[breakpointSize]);\n  }, [breakpointSize, breakpointMap]);\n\n  const styles: CSSProperties = {\n    gridColumn: responsiveSpan ? `span ${responsiveSpan}` : undefined,\n    alignSelf,\n    justifySelf,\n  };\n\n  return <div style={{ ...styles }} className={classes} {...rest} />;\n};\n\nGridItem.displayName = \"GridItem\";\nexport { GridItem };\n", "\"use client\";\n\nimport {\n  useDebouncedValue,\n  useIsClient,\n  useWindowEvent,\n} from \"@simplybusiness/mobius-hooks\";\nimport { useCallback, useMemo, useState } from \"react\";\nimport type { SizeType } from \"../../types\";\n\nexport type Breakpoint = {\n  size: SizeType;\n  value: number;\n};\nexport type BreakpointsType = Breakpoint[];\nexport type UseBreakpointType = {\n  breakpoint: Breakpoint;\n  up: (size: SizeType) => boolean | undefined;\n  down: (size: SizeType) => boolean | undefined;\n};\n\n// Hard code breakpoints for SB designs\nexport const DEFAULT_BREAKPOINTS = [\n  { size: \"xs\", value: 320 },\n  { size: \"sm\", value: 480 },\n  { size: \"md\", value: 670 },\n  { size: \"lg\", value: 960 },\n  { size: \"xl\", value: 1200 },\n  { size: \"xxl\", value: 1320 },\n] as BreakpointsType;\n\nconst PASSIVE: AddEventListenerOptions = { passive: true };\n\nconst getBreakpoint = (breakpoints: BreakpointsType, windowWidth: number) => {\n  // When breakpoint size and windowWidth are a match\n  // The addition of 1px ensures the right breakpoint\n  const closest = breakpoints.findIndex(\n    breakpoint => breakpoint.value >= windowWidth + 1,\n  );\n  const smallest = breakpoints[0];\n  const largest = breakpoints[breakpoints.length - 1];\n  const match = breakpoints[closest - 1];\n\n  if (closest === 0) return smallest;\n  if (closest === -1) return largest;\n\n  return match;\n};\n\nconst useBreakpoint = (\n  customBreakpoints?: BreakpointsType,\n): UseBreakpointType => {\n  const isClientSide = useIsClient();\n  const breakpoints = customBreakpoints || DEFAULT_BREAKPOINTS;\n  const defaultBreakpoint = breakpoints[0];\n\n  const [windowWidth, setWindowWidth] = useState<number>(\n    typeof globalThis?.window !== \"undefined\"\n      ? window.innerWidth\n      : defaultBreakpoint.value,\n  );\n\n  useWindowEvent(\"resize\", () => setWindowWidth(window.innerWidth), PASSIVE);\n\n  const debouncedWidth = useDebouncedValue(windowWidth, 200);\n\n  // Gate on isClientSide so up()/down() also return default-based values\n  // during SSR and hydration, matching the server render.\n  const currentBreakpoint = useMemo(\n    () =>\n      !isClientSide || breakpoints.length === 0\n        ? defaultBreakpoint\n        : getBreakpoint(breakpoints, debouncedWidth),\n    [isClientSide, breakpoints, defaultBreakpoint, debouncedWidth],\n  );\n\n  const up = useCallback(\n    (size: SizeType) => {\n      const sizeIndex = breakpoints.findIndex(item => item.size === size);\n      if (sizeIndex === -1) {\n        return false;\n      }\n      const currentIndex = breakpoints.findIndex(\n        item => item.size === currentBreakpoint.size,\n      );\n\n      return currentIndex >= sizeIndex;\n    },\n    [currentBreakpoint, breakpoints],\n  );\n\n  const down = useCallback(\n    (size: SizeType) => {\n      const sizeIndex = breakpoints.findIndex(item => item.size === size);\n      if (sizeIndex === -1) {\n        return true;\n      }\n      const currentIndex = breakpoints.findIndex(\n        item => item.size === currentBreakpoint.size,\n      );\n\n      return currentIndex <= sizeIndex;\n    },\n    [currentBreakpoint, breakpoints],\n  );\n\n  return {\n    breakpoint: currentBreakpoint,\n    up,\n    down,\n  };\n};\n\nexport { useBreakpoint };\n"],
-  "mappings": "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",
+  "sourcesContent": ["\"use client\";\n\nimport type { RefAttributes, CSSProperties } from \"react\";\nimport { useEffect, useState } from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport type { DOMProps } from \"../../types/dom\";\nimport { useBreakpoint } from \"../../hooks\";\nimport type { SizeType } from \"../../types\";\n\nexport type GridItemElementType = HTMLDivElement;\n\nexport interface GridItemProps\n  extends RefAttributes<GridItemElementType>, DOMProps {\n  /** How many columns the item spans */\n  span?: number | number[];\n  /** React children */\n  children?: React.ReactNode;\n  /** How many columns the item spans on the smallest breakpoint */\n  xs?: number;\n  sm?: number;\n  md?: number;\n  lg?: number;\n  xl?: number;\n  /** How many columns the item spans on the largest breakpoint */\n  xxl?: number;\n  /** Aligns the grid item along the block (column) axis */\n  alignSelf?: \"center\" | \"start\" | \"end\" | \"stretch\";\n  /** Aligns the grid item along the inline (row) axis */\n  justifySelf?: \"center\" | \"start\" | \"end\" | \"stretch\";\n  /** Custom class name for setting specific CSS */\n  className?: string;\n}\n\nexport const getBreakpointMap = (config: Partial<Record<SizeType, number>>) =>\n  Object.entries(config).reduce<Record<string, number | undefined>>(\n    (prev, [key, value]) => {\n      const previous = Object.values(prev);\n      const lastDefined = previous[previous.length - 1];\n      return { ...prev, [key]: value || lastDefined };\n    },\n    {},\n  );\n\nexport const DEFAULT_SPAN = 12;\n\nconst GridItem = ({ ref, ...props }: GridItemProps) => {\n  const {\n    breakpoint: { size: breakpointSize },\n  } = useBreakpoint();\n  const {\n    span,\n    xs = Array.isArray(span) ? DEFAULT_SPAN : span,\n    sm,\n    md,\n    lg,\n    xl,\n    xxl,\n    alignSelf,\n    justifySelf,\n    className,\n    ...rest\n  } = props;\n  const breakpointMap = getBreakpointMap({\n    xs,\n    sm,\n    md,\n    lg,\n    xl,\n    xxl,\n  });\n  const [responsiveSpan, setResponsiveSpan] = useState<number | undefined>();\n  const classes = classNames(\"mobius\", \"mobius-grid__item\", className);\n\n  useEffect(() => {\n    setResponsiveSpan(breakpointMap[breakpointSize]);\n  }, [breakpointSize, breakpointMap]);\n\n  const styles: CSSProperties = {\n    gridColumn: responsiveSpan ? `span ${responsiveSpan}` : undefined,\n    alignSelf,\n    justifySelf,\n  };\n\n  return <div ref={ref} style={{ ...styles }} className={classes} {...rest} />;\n};\n\nGridItem.displayName = \"GridItem\";\nexport { GridItem };\n", "\"use client\";\n\nimport {\n  useDebouncedValue,\n  useIsClient,\n  useWindowEvent,\n} from \"@simplybusiness/mobius-hooks\";\nimport { useCallback, useMemo, useState } from \"react\";\nimport type { SizeType } from \"../../types\";\n\nexport type Breakpoint = {\n  size: SizeType;\n  value: number;\n};\nexport type BreakpointsType = Breakpoint[];\nexport type UseBreakpointType = {\n  breakpoint: Breakpoint;\n  up: (size: SizeType) => boolean | undefined;\n  down: (size: SizeType) => boolean | undefined;\n};\n\n// Hard code breakpoints for SB designs\nexport const DEFAULT_BREAKPOINTS = [\n  { size: \"xs\", value: 320 },\n  { size: \"sm\", value: 480 },\n  { size: \"md\", value: 670 },\n  { size: \"lg\", value: 960 },\n  { size: \"xl\", value: 1200 },\n  { size: \"xxl\", value: 1320 },\n] as BreakpointsType;\n\nconst PASSIVE: AddEventListenerOptions = { passive: true };\n\nconst getBreakpoint = (breakpoints: BreakpointsType, windowWidth: number) => {\n  // When breakpoint size and windowWidth are a match\n  // The addition of 1px ensures the right breakpoint\n  const closest = breakpoints.findIndex(\n    breakpoint => breakpoint.value >= windowWidth + 1,\n  );\n  const smallest = breakpoints[0];\n  const largest = breakpoints[breakpoints.length - 1];\n  const match = breakpoints[closest - 1];\n\n  if (closest === 0) return smallest;\n  if (closest === -1) return largest;\n\n  return match;\n};\n\nconst useBreakpoint = (\n  customBreakpoints?: BreakpointsType,\n): UseBreakpointType => {\n  const isClientSide = useIsClient();\n  const breakpoints = customBreakpoints || DEFAULT_BREAKPOINTS;\n  const defaultBreakpoint = breakpoints[0];\n\n  const [windowWidth, setWindowWidth] = useState<number>(\n    typeof globalThis?.window !== \"undefined\"\n      ? window.innerWidth\n      : defaultBreakpoint.value,\n  );\n\n  useWindowEvent(\"resize\", () => setWindowWidth(window.innerWidth), PASSIVE);\n\n  const debouncedWidth = useDebouncedValue(windowWidth, 200);\n\n  // Gate on isClientSide so up()/down() also return default-based values\n  // during SSR and hydration, matching the server render.\n  const currentBreakpoint = useMemo(\n    () =>\n      !isClientSide || breakpoints.length === 0\n        ? defaultBreakpoint\n        : getBreakpoint(breakpoints, debouncedWidth),\n    [isClientSide, breakpoints, defaultBreakpoint, debouncedWidth],\n  );\n\n  const up = useCallback(\n    (size: SizeType) => {\n      const sizeIndex = breakpoints.findIndex(item => item.size === size);\n      if (sizeIndex === -1) {\n        return false;\n      }\n      const currentIndex = breakpoints.findIndex(\n        item => item.size === currentBreakpoint.size,\n      );\n\n      return currentIndex >= sizeIndex;\n    },\n    [currentBreakpoint, breakpoints],\n  );\n\n  const down = useCallback(\n    (size: SizeType) => {\n      const sizeIndex = breakpoints.findIndex(item => item.size === size);\n      if (sizeIndex === -1) {\n        return true;\n      }\n      const currentIndex = breakpoints.findIndex(\n        item => item.size === currentBreakpoint.size,\n      );\n\n      return currentIndex <= sizeIndex;\n    },\n    [currentBreakpoint, breakpoints],\n  );\n\n  return {\n    breakpoint: currentBreakpoint,\n    up,\n    down,\n  };\n};\n\nexport { useBreakpoint };\n"],
+  "mappings": "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",
   "names": ["import_react", "classNames"]
 }

package/dist/cjs/components/Grid/index.js

@@ -61,7 +61,7 @@ var getSpacingValue = (padding) => {
 
 // src/components/Grid/Grid.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
-var Grid = ({ ref: _ref, ...props }) => {
+var Grid = ({ ref, ...props }) => {
   const {
     columns = 12,
     gap,
@@ -89,7 +89,7 @@ var Grid = ({ ref: _ref, ...props }) => {
     justifyItems,
     ...style
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: styles, className: classes, ...rest });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ref, style: styles, className: classes, ...rest });
 };
 Grid.displayName = "Grid";
 
@@ -177,7 +177,7 @@ var getBreakpointMap = (config) => Object.entries(config).reduce(
   {}
 );
 var DEFAULT_SPAN = 12;
-var GridItem = ({ ref: _ref, ...props }) => {
+var GridItem = ({ ref, ...props }) => {
   const {
     breakpoint: { size: breakpointSize }
   } = useBreakpoint();
@@ -203,7 +203,7 @@ var GridItem = ({ ref: _ref, ...props }) => {
     xxl
   });
   const [responsiveSpan, setResponsiveSpan] = (0, import_react2.useState)();
-  const classes = (0, import_dedupe2.default)("mobius-grid__item", className);
+  const classes = (0, import_dedupe2.default)("mobius", "mobius-grid__item", className);
   (0, import_react2.useEffect)(() => {
     setResponsiveSpan(breakpointMap[breakpointSize]);
   }, [breakpointSize, breakpointMap]);
@@ -212,7 +212,7 @@ var GridItem = ({ ref: _ref, ...props }) => {
     alignSelf,
     justifySelf
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { style: { ...styles }, className: classes, ...rest });
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { ref, style: { ...styles }, className: classes, ...rest });
 };
 GridItem.displayName = "GridItem";
 

package/dist/cjs/components/Grid/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/Grid/index.tsx", "../../../../src/components/Grid/Grid.tsx", "../../../../src/utils/filterUndefinedProps.ts", "../../../../src/utils/getSpacingValue.ts", "../../../../src/components/Grid/Item.tsx", "../../../../src/hooks/useBreakpoint/useBreakpoint.tsx"],
-  "sourcesContent": ["import type { GridElementType, GridProps } from \"./Grid\";\nimport { Grid as GridComponent } from \"./Grid\";\nimport type { GridItemProps, GridItemElementType } from \"./Item\";\nimport { GridItem } from \"./Item\";\n\nexport interface GridCompound extends React.FC<GridProps> {\n  Item: React.FC<GridItemProps>;\n}\n\nconst Grid: GridCompound = Object.assign(GridComponent, {\n  Item: GridItem,\n});\n\nGrid.displayName = \"Grid\";\nexport { Grid };\nexport type { GridProps, GridItemProps, GridElementType, GridItemElementType };\n", "import type { ReactNode, RefAttributes, CSSProperties } from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport type { DOMProps } from \"../../types/dom\";\nimport { filterUndefinedProps, getSpacingValue } from \"../../utils\";\nimport type { SpacingType } from \"../../types\";\n\nexport type GridElementType = HTMLDivElement;\n\nexport interface GridProps extends RefAttributes<GridElementType>, DOMProps {\n  children?: ReactNode;\n  /** The number of columns */\n  columns?: number;\n  /** How big a gap between the columns and rows */\n  gap?: SpacingType;\n  /** How big a gap between the columns */\n  columnGap?: SpacingType;\n  /** How big a gap between the rows */\n  rowGap?: SpacingType;\n  /** Aligns the grid along the block (column) axis */\n  alignContent?:\n    | \"center\"\n    | \"space-around\"\n    | \"space-between\"\n    | \"space-evenly\"\n    | \"stretch\";\n  /** Aligns the grid along the inline (row) axis */\n  justifyContent?:\n    | \"center\"\n    | \"start\"\n    | \"end\"\n    | \"space-around\"\n    | \"space-between\"\n    | \"space-evenly\";\n  /** Aligns grid items along the block (column) axis  */\n  alignItems?: \"center\" | \"start\" | \"end\" | \"stretch\" | \"baseline\";\n  /** Aligns grid items along the inline (row) axis  */\n  justifyItems?: \"start\" | \"end\" | \"center\" | \"stretch\";\n  /** Custom class name for setting specific CSS */\n  className?: string;\n  style?: React.CSSProperties;\n}\n\nconst Grid = ({ ref: _ref, ...props }: GridProps) => {\n  const {\n    columns = 12,\n    gap,\n    columnGap,\n    rowGap,\n    alignContent,\n    alignItems,\n    justifyContent,\n    justifyItems,\n    className,\n    style,\n    ...rest\n  } = props;\n  const classes = classNames(\"mobius\", \"mobius-grid\", className);\n\n  const styles: CSSProperties = filterUndefinedProps({\n    boxSizing: \"border-box\",\n    display: \"grid\",\n    gridTemplateColumns: `repeat(${columns}, 1fr)`,\n    gap: getSpacingValue(gap),\n    columnGap: getSpacingValue(columnGap),\n    rowGap: getSpacingValue(rowGap),\n    alignContent,\n    alignItems,\n    justifyContent,\n    justifyItems,\n    ...style,\n  });\n\n  return <div style={styles} className={classes} {...rest} />;\n};\n\nGrid.displayName = \"Grid\";\nexport { Grid };\n", "export const filterUndefinedProps = (props: Record<string, unknown>) => {\n  const filteredProps: Record<string, unknown> = {};\n  Object.keys(props).forEach(key => {\n    if (props[key] !== undefined) {\n      filteredProps[key] = props[key];\n    }\n  });\n  return filteredProps;\n};\n", "import type { SpacingType } from \"../types\";\n\nexport const getSpacingValue = (\n  padding: SpacingType | undefined,\n): string | undefined => {\n  if (typeof padding === \"string\") {\n    return `var(--size-${padding})`;\n  }\n\n  if (typeof padding === \"number\") {\n    return `${padding}px`;\n  }\n\n  return undefined;\n};\n", "\"use client\";\n\nimport type { RefAttributes, CSSProperties } from \"react\";\nimport { useEffect, useState } from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport type { DOMProps } from \"../../types/dom\";\nimport { useBreakpoint } from \"../../hooks\";\nimport type { SizeType } from \"../../types\";\n\nexport type GridItemElementType = HTMLDivElement;\n\nexport interface GridItemProps\n  extends RefAttributes<GridItemElementType>, DOMProps {\n  /** How many columns the item spans */\n  span?: number | number[];\n  /** React children */\n  children?: React.ReactNode;\n  /** How many columns the item spans on the smallest breakpoint */\n  xs?: number;\n  sm?: number;\n  md?: number;\n  lg?: number;\n  xl?: number;\n  /** How many columns the item spans on the largest breakpoint */\n  xxl?: number;\n  /** Aligns the grid item along the block (column) axis */\n  alignSelf?: \"center\" | \"start\" | \"end\" | \"stretch\";\n  /** Aligns the grid item along the inline (row) axis */\n  justifySelf?: \"center\" | \"start\" | \"end\" | \"stretch\";\n  /** Custom class name for setting specific CSS */\n  className?: string;\n}\n\nexport const getBreakpointMap = (config: Partial<Record<SizeType, number>>) =>\n  Object.entries(config).reduce<Record<string, number | undefined>>(\n    (prev, [key, value]) => {\n      const previous = Object.values(prev);\n      const lastDefined = previous[previous.length - 1];\n      return { ...prev, [key]: value || lastDefined };\n    },\n    {},\n  );\n\nexport const DEFAULT_SPAN = 12;\n\nconst GridItem = ({ ref: _ref, ...props }: GridItemProps) => {\n  const {\n    breakpoint: { size: breakpointSize },\n  } = useBreakpoint();\n  const {\n    span,\n    xs = Array.isArray(span) ? DEFAULT_SPAN : span,\n    sm,\n    md,\n    lg,\n    xl,\n    xxl,\n    alignSelf,\n    justifySelf,\n    className,\n    ...rest\n  } = props;\n  const breakpointMap = getBreakpointMap({\n    xs,\n    sm,\n    md,\n    lg,\n    xl,\n    xxl,\n  });\n  const [responsiveSpan, setResponsiveSpan] = useState<number | undefined>();\n  const classes = classNames(\"mobius-grid__item\", className);\n\n  useEffect(() => {\n    setResponsiveSpan(breakpointMap[breakpointSize]);\n  }, [breakpointSize, breakpointMap]);\n\n  const styles: CSSProperties = {\n    gridColumn: responsiveSpan ? `span ${responsiveSpan}` : undefined,\n    alignSelf,\n    justifySelf,\n  };\n\n  return <div style={{ ...styles }} className={classes} {...rest} />;\n};\n\nGridItem.displayName = \"GridItem\";\nexport { GridItem };\n", "\"use client\";\n\nimport {\n  useDebouncedValue,\n  useIsClient,\n  useWindowEvent,\n} from \"@simplybusiness/mobius-hooks\";\nimport { useCallback, useMemo, useState } from \"react\";\nimport type { SizeType } from \"../../types\";\n\nexport type Breakpoint = {\n  size: SizeType;\n  value: number;\n};\nexport type BreakpointsType = Breakpoint[];\nexport type UseBreakpointType = {\n  breakpoint: Breakpoint;\n  up: (size: SizeType) => boolean | undefined;\n  down: (size: SizeType) => boolean | undefined;\n};\n\n// Hard code breakpoints for SB designs\nexport const DEFAULT_BREAKPOINTS = [\n  { size: \"xs\", value: 320 },\n  { size: \"sm\", value: 480 },\n  { size: \"md\", value: 670 },\n  { size: \"lg\", value: 960 },\n  { size: \"xl\", value: 1200 },\n  { size: \"xxl\", value: 1320 },\n] as BreakpointsType;\n\nconst PASSIVE: AddEventListenerOptions = { passive: true };\n\nconst getBreakpoint = (breakpoints: BreakpointsType, windowWidth: number) => {\n  // When breakpoint size and windowWidth are a match\n  // The addition of 1px ensures the right breakpoint\n  const closest = breakpoints.findIndex(\n    breakpoint => breakpoint.value >= windowWidth + 1,\n  );\n  const smallest = breakpoints[0];\n  const largest = breakpoints[breakpoints.length - 1];\n  const match = breakpoints[closest - 1];\n\n  if (closest === 0) return smallest;\n  if (closest === -1) return largest;\n\n  return match;\n};\n\nconst useBreakpoint = (\n  customBreakpoints?: BreakpointsType,\n): UseBreakpointType => {\n  const isClientSide = useIsClient();\n  const breakpoints = customBreakpoints || DEFAULT_BREAKPOINTS;\n  const defaultBreakpoint = breakpoints[0];\n\n  const [windowWidth, setWindowWidth] = useState<number>(\n    typeof globalThis?.window !== \"undefined\"\n      ? window.innerWidth\n      : defaultBreakpoint.value,\n  );\n\n  useWindowEvent(\"resize\", () => setWindowWidth(window.innerWidth), PASSIVE);\n\n  const debouncedWidth = useDebouncedValue(windowWidth, 200);\n\n  // Gate on isClientSide so up()/down() also return default-based values\n  // during SSR and hydration, matching the server render.\n  const currentBreakpoint = useMemo(\n    () =>\n      !isClientSide || breakpoints.length === 0\n        ? defaultBreakpoint\n        : getBreakpoint(breakpoints, debouncedWidth),\n    [isClientSide, breakpoints, defaultBreakpoint, debouncedWidth],\n  );\n\n  const up = useCallback(\n    (size: SizeType) => {\n      const sizeIndex = breakpoints.findIndex(item => item.size === size);\n      if (sizeIndex === -1) {\n        return false;\n      }\n      const currentIndex = breakpoints.findIndex(\n        item => item.size === currentBreakpoint.size,\n      );\n\n      return currentIndex >= sizeIndex;\n    },\n    [currentBreakpoint, breakpoints],\n  );\n\n  const down = useCallback(\n    (size: SizeType) => {\n      const sizeIndex = breakpoints.findIndex(item => item.size === size);\n      if (sizeIndex === -1) {\n        return true;\n      }\n      const currentIndex = breakpoints.findIndex(\n        item => item.size === currentBreakpoint.size,\n      );\n\n      return currentIndex <= sizeIndex;\n    },\n    [currentBreakpoint, breakpoints],\n  );\n\n  return {\n    breakpoint: currentBreakpoint,\n    up,\n    down,\n  };\n};\n\nexport { useBreakpoint };\n"],
-  "mappings": "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",
+  "sourcesContent": ["import type { GridElementType, GridProps } from \"./Grid\";\nimport { Grid as GridComponent } from \"./Grid\";\nimport type { GridItemProps, GridItemElementType } from \"./Item\";\nimport { GridItem } from \"./Item\";\n\nexport interface GridCompound extends React.FC<GridProps> {\n  Item: React.FC<GridItemProps>;\n}\n\nconst Grid: GridCompound = Object.assign(GridComponent, {\n  Item: GridItem,\n});\n\nGrid.displayName = \"Grid\";\nexport { Grid };\nexport type { GridProps, GridItemProps, GridElementType, GridItemElementType };\n", "import type { ReactNode, RefAttributes, CSSProperties } from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport type { DOMProps } from \"../../types/dom\";\nimport { filterUndefinedProps, getSpacingValue } from \"../../utils\";\nimport type { SpacingType } from \"../../types\";\n\nexport type GridElementType = HTMLDivElement;\n\nexport interface GridProps extends RefAttributes<GridElementType>, DOMProps {\n  children?: ReactNode;\n  /** The number of columns */\n  columns?: number;\n  /** How big a gap between the columns and rows */\n  gap?: SpacingType;\n  /** How big a gap between the columns */\n  columnGap?: SpacingType;\n  /** How big a gap between the rows */\n  rowGap?: SpacingType;\n  /** Aligns the grid along the block (column) axis */\n  alignContent?:\n    | \"center\"\n    | \"space-around\"\n    | \"space-between\"\n    | \"space-evenly\"\n    | \"stretch\";\n  /** Aligns the grid along the inline (row) axis */\n  justifyContent?:\n    | \"center\"\n    | \"start\"\n    | \"end\"\n    | \"space-around\"\n    | \"space-between\"\n    | \"space-evenly\";\n  /** Aligns grid items along the block (column) axis  */\n  alignItems?: \"center\" | \"start\" | \"end\" | \"stretch\" | \"baseline\";\n  /** Aligns grid items along the inline (row) axis  */\n  justifyItems?: \"start\" | \"end\" | \"center\" | \"stretch\";\n  /** Custom class name for setting specific CSS */\n  className?: string;\n  style?: React.CSSProperties;\n}\n\nconst Grid = ({ ref, ...props }: GridProps) => {\n  const {\n    columns = 12,\n    gap,\n    columnGap,\n    rowGap,\n    alignContent,\n    alignItems,\n    justifyContent,\n    justifyItems,\n    className,\n    style,\n    ...rest\n  } = props;\n  const classes = classNames(\"mobius\", \"mobius-grid\", className);\n\n  const styles: CSSProperties = filterUndefinedProps({\n    boxSizing: \"border-box\",\n    display: \"grid\",\n    gridTemplateColumns: `repeat(${columns}, 1fr)`,\n    gap: getSpacingValue(gap),\n    columnGap: getSpacingValue(columnGap),\n    rowGap: getSpacingValue(rowGap),\n    alignContent,\n    alignItems,\n    justifyContent,\n    justifyItems,\n    ...style,\n  });\n\n  return <div ref={ref} style={styles} className={classes} {...rest} />;\n};\n\nGrid.displayName = \"Grid\";\nexport { Grid };\n", "export const filterUndefinedProps = (props: Record<string, unknown>) => {\n  const filteredProps: Record<string, unknown> = {};\n  Object.keys(props).forEach(key => {\n    if (props[key] !== undefined) {\n      filteredProps[key] = props[key];\n    }\n  });\n  return filteredProps;\n};\n", "import type { SpacingType } from \"../types\";\n\nexport const getSpacingValue = (\n  padding: SpacingType | undefined,\n): string | undefined => {\n  if (typeof padding === \"string\") {\n    return `var(--size-${padding})`;\n  }\n\n  if (typeof padding === \"number\") {\n    return `${padding}px`;\n  }\n\n  return undefined;\n};\n", "\"use client\";\n\nimport type { RefAttributes, CSSProperties } from \"react\";\nimport { useEffect, useState } from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport type { DOMProps } from \"../../types/dom\";\nimport { useBreakpoint } from \"../../hooks\";\nimport type { SizeType } from \"../../types\";\n\nexport type GridItemElementType = HTMLDivElement;\n\nexport interface GridItemProps\n  extends RefAttributes<GridItemElementType>, DOMProps {\n  /** How many columns the item spans */\n  span?: number | number[];\n  /** React children */\n  children?: React.ReactNode;\n  /** How many columns the item spans on the smallest breakpoint */\n  xs?: number;\n  sm?: number;\n  md?: number;\n  lg?: number;\n  xl?: number;\n  /** How many columns the item spans on the largest breakpoint */\n  xxl?: number;\n  /** Aligns the grid item along the block (column) axis */\n  alignSelf?: \"center\" | \"start\" | \"end\" | \"stretch\";\n  /** Aligns the grid item along the inline (row) axis */\n  justifySelf?: \"center\" | \"start\" | \"end\" | \"stretch\";\n  /** Custom class name for setting specific CSS */\n  className?: string;\n}\n\nexport const getBreakpointMap = (config: Partial<Record<SizeType, number>>) =>\n  Object.entries(config).reduce<Record<string, number | undefined>>(\n    (prev, [key, value]) => {\n      const previous = Object.values(prev);\n      const lastDefined = previous[previous.length - 1];\n      return { ...prev, [key]: value || lastDefined };\n    },\n    {},\n  );\n\nexport const DEFAULT_SPAN = 12;\n\nconst GridItem = ({ ref, ...props }: GridItemProps) => {\n  const {\n    breakpoint: { size: breakpointSize },\n  } = useBreakpoint();\n  const {\n    span,\n    xs = Array.isArray(span) ? DEFAULT_SPAN : span,\n    sm,\n    md,\n    lg,\n    xl,\n    xxl,\n    alignSelf,\n    justifySelf,\n    className,\n    ...rest\n  } = props;\n  const breakpointMap = getBreakpointMap({\n    xs,\n    sm,\n    md,\n    lg,\n    xl,\n    xxl,\n  });\n  const [responsiveSpan, setResponsiveSpan] = useState<number | undefined>();\n  const classes = classNames(\"mobius\", \"mobius-grid__item\", className);\n\n  useEffect(() => {\n    setResponsiveSpan(breakpointMap[breakpointSize]);\n  }, [breakpointSize, breakpointMap]);\n\n  const styles: CSSProperties = {\n    gridColumn: responsiveSpan ? `span ${responsiveSpan}` : undefined,\n    alignSelf,\n    justifySelf,\n  };\n\n  return <div ref={ref} style={{ ...styles }} className={classes} {...rest} />;\n};\n\nGridItem.displayName = \"GridItem\";\nexport { GridItem };\n", "\"use client\";\n\nimport {\n  useDebouncedValue,\n  useIsClient,\n  useWindowEvent,\n} from \"@simplybusiness/mobius-hooks\";\nimport { useCallback, useMemo, useState } from \"react\";\nimport type { SizeType } from \"../../types\";\n\nexport type Breakpoint = {\n  size: SizeType;\n  value: number;\n};\nexport type BreakpointsType = Breakpoint[];\nexport type UseBreakpointType = {\n  breakpoint: Breakpoint;\n  up: (size: SizeType) => boolean | undefined;\n  down: (size: SizeType) => boolean | undefined;\n};\n\n// Hard code breakpoints for SB designs\nexport const DEFAULT_BREAKPOINTS = [\n  { size: \"xs\", value: 320 },\n  { size: \"sm\", value: 480 },\n  { size: \"md\", value: 670 },\n  { size: \"lg\", value: 960 },\n  { size: \"xl\", value: 1200 },\n  { size: \"xxl\", value: 1320 },\n] as BreakpointsType;\n\nconst PASSIVE: AddEventListenerOptions = { passive: true };\n\nconst getBreakpoint = (breakpoints: BreakpointsType, windowWidth: number) => {\n  // When breakpoint size and windowWidth are a match\n  // The addition of 1px ensures the right breakpoint\n  const closest = breakpoints.findIndex(\n    breakpoint => breakpoint.value >= windowWidth + 1,\n  );\n  const smallest = breakpoints[0];\n  const largest = breakpoints[breakpoints.length - 1];\n  const match = breakpoints[closest - 1];\n\n  if (closest === 0) return smallest;\n  if (closest === -1) return largest;\n\n  return match;\n};\n\nconst useBreakpoint = (\n  customBreakpoints?: BreakpointsType,\n): UseBreakpointType => {\n  const isClientSide = useIsClient();\n  const breakpoints = customBreakpoints || DEFAULT_BREAKPOINTS;\n  const defaultBreakpoint = breakpoints[0];\n\n  const [windowWidth, setWindowWidth] = useState<number>(\n    typeof globalThis?.window !== \"undefined\"\n      ? window.innerWidth\n      : defaultBreakpoint.value,\n  );\n\n  useWindowEvent(\"resize\", () => setWindowWidth(window.innerWidth), PASSIVE);\n\n  const debouncedWidth = useDebouncedValue(windowWidth, 200);\n\n  // Gate on isClientSide so up()/down() also return default-based values\n  // during SSR and hydration, matching the server render.\n  const currentBreakpoint = useMemo(\n    () =>\n      !isClientSide || breakpoints.length === 0\n        ? defaultBreakpoint\n        : getBreakpoint(breakpoints, debouncedWidth),\n    [isClientSide, breakpoints, defaultBreakpoint, debouncedWidth],\n  );\n\n  const up = useCallback(\n    (size: SizeType) => {\n      const sizeIndex = breakpoints.findIndex(item => item.size === size);\n      if (sizeIndex === -1) {\n        return false;\n      }\n      const currentIndex = breakpoints.findIndex(\n        item => item.size === currentBreakpoint.size,\n      );\n\n      return currentIndex >= sizeIndex;\n    },\n    [currentBreakpoint, breakpoints],\n  );\n\n  const down = useCallback(\n    (size: SizeType) => {\n      const sizeIndex = breakpoints.findIndex(item => item.size === size);\n      if (sizeIndex === -1) {\n        return true;\n      }\n      const currentIndex = breakpoints.findIndex(\n        item => item.size === currentBreakpoint.size,\n      );\n\n      return currentIndex <= sizeIndex;\n    },\n    [currentBreakpoint, breakpoints],\n  );\n\n  return {\n    breakpoint: currentBreakpoint,\n    up,\n    down,\n  };\n};\n\nexport { useBreakpoint };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA,cAAAA;AAAA;AAAA;;;ACCA,oBAAuB;;;ACDhB,IAAM,uBAAuB,CAAC,UAAmC;AACtE,QAAM,gBAAyC,CAAC;AAChD,SAAO,KAAK,KAAK,EAAE,QAAQ,SAAO;AAChC,QAAI,MAAM,GAAG,MAAM,QAAW;AAC5B,oBAAc,GAAG,IAAI,MAAM,GAAG;AAAA,IAChC;AAAA,EACF,CAAC;AACD,SAAO;AACT;;;ACNO,IAAM,kBAAkB,CAC7B,YACuB;AACvB,MAAI,OAAO,YAAY,UAAU;AAC/B,WAAO,cAAc,OAAO;AAAA,EAC9B;AAEA,MAAI,OAAO,YAAY,UAAU;AAC/B,WAAO,GAAG,OAAO;AAAA,EACnB;AAEA,SAAO;AACT;;;AF0DS;AA9BT,IAAM,OAAO,CAAC,EAAE,KAAK,GAAG,MAAM,MAAiB;AAC7C,QAAM;AAAA,IACJ,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,IAAI;AACJ,QAAM,cAAU,cAAAC,SAAW,UAAU,eAAe,SAAS;AAE7D,QAAM,SAAwB,qBAAqB;AAAA,IACjD,WAAW;AAAA,IACX,SAAS;AAAA,IACT,qBAAqB,UAAU,OAAO;AAAA,IACtC,KAAK,gBAAgB,GAAG;AAAA,IACxB,WAAW,gBAAgB,SAAS;AAAA,IACpC,QAAQ,gBAAgB,MAAM;AAAA,IAC9B;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,CAAC;AAED,SAAO,4CAAC,SAAI,KAAU,OAAO,QAAQ,WAAW,SAAU,GAAG,MAAM;AACrE;AAEA,KAAK,cAAc;;;AGxEnB,IAAAC,gBAAoC;AACpC,IAAAC,iBAAuB;;;ACFvB,0BAIO;AACP,mBAA+C;AAexC,IAAM,sBAAsB;AAAA,EACjC,EAAE,MAAM,MAAM,OAAO,IAAI;AAAA,EACzB,EAAE,MAAM,MAAM,OAAO,IAAI;AAAA,EACzB,EAAE,MAAM,MAAM,OAAO,IAAI;AAAA,EACzB,EAAE,MAAM,MAAM,OAAO,IAAI;AAAA,EACzB,EAAE,MAAM,MAAM,OAAO,KAAK;AAAA,EAC1B,EAAE,MAAM,OAAO,OAAO,KAAK;AAC7B;AAEA,IAAM,UAAmC,EAAE,SAAS,KAAK;AAEzD,IAAM,gBAAgB,CAAC,aAA8B,gBAAwB;AAG3E,QAAM,UAAU,YAAY;AAAA,IAC1B,gBAAc,WAAW,SAAS,cAAc;AAAA,EAClD;AACA,QAAM,WAAW,YAAY,CAAC;AAC9B,QAAM,UAAU,YAAY,YAAY,SAAS,CAAC;AAClD,QAAM,QAAQ,YAAY,UAAU,CAAC;AAErC,MAAI,YAAY,EAAG,QAAO;AAC1B,MAAI,YAAY,GAAI,QAAO;AAE3B,SAAO;AACT;AAEA,IAAM,gBAAgB,CACpB,sBACsB;AACtB,QAAM,mBAAe,iCAAY;AACjC,QAAM,cAAc,qBAAqB;AACzC,QAAM,oBAAoB,YAAY,CAAC;AAEvC,QAAM,CAAC,aAAa,cAAc,QAAI;AAAA,IACpC,OAAO,YAAY,WAAW,cAC1B,OAAO,aACP,kBAAkB;AAAA,EACxB;AAEA,0CAAe,UAAU,MAAM,eAAe,OAAO,UAAU,GAAG,OAAO;AAEzE,QAAM,qBAAiB,uCAAkB,aAAa,GAAG;AAIzD,QAAM,wBAAoB;AAAA,IACxB,MACE,CAAC,gBAAgB,YAAY,WAAW,IACpC,oBACA,cAAc,aAAa,cAAc;AAAA,IAC/C,CAAC,cAAc,aAAa,mBAAmB,cAAc;AAAA,EAC/D;AAEA,QAAM,SAAK;AAAA,IACT,CAAC,SAAmB;AAClB,YAAM,YAAY,YAAY,UAAU,UAAQ,KAAK,SAAS,IAAI;AAClE,UAAI,cAAc,IAAI;AACpB,eAAO;AAAA,MACT;AACA,YAAM,eAAe,YAAY;AAAA,QAC/B,UAAQ,KAAK,SAAS,kBAAkB;AAAA,MAC1C;AAEA,aAAO,gBAAgB;AAAA,IACzB;AAAA,IACA,CAAC,mBAAmB,WAAW;AAAA,EACjC;AAEA,QAAM,WAAO;AAAA,IACX,CAAC,SAAmB;AAClB,YAAM,YAAY,YAAY,UAAU,UAAQ,KAAK,SAAS,IAAI;AAClE,UAAI,cAAc,IAAI;AACpB,eAAO;AAAA,MACT;AACA,YAAM,eAAe,YAAY;AAAA,QAC/B,UAAQ,KAAK,SAAS,kBAAkB;AAAA,MAC1C;AAEA,aAAO,gBAAgB;AAAA,IACzB;AAAA,IACA,CAAC,mBAAmB,WAAW;AAAA,EACjC;AAEA,SAAO;AAAA,IACL,YAAY;AAAA,IACZ;AAAA,IACA;AAAA,EACF;AACF;;;AD5BS,IAAAC,sBAAA;AAlDF,IAAM,mBAAmB,CAAC,WAC/B,OAAO,QAAQ,MAAM,EAAE;AAAA,EACrB,CAAC,MAAM,CAAC,KAAK,KAAK,MAAM;AACtB,UAAM,WAAW,OAAO,OAAO,IAAI;AACnC,UAAM,cAAc,SAAS,SAAS,SAAS,CAAC;AAChD,WAAO,EAAE,GAAG,MAAM,CAAC,GAAG,GAAG,SAAS,YAAY;AAAA,EAChD;AAAA,EACA,CAAC;AACH;AAEK,IAAM,eAAe;AAE5B,IAAM,WAAW,CAAC,EAAE,KAAK,GAAG,MAAM,MAAqB;AACrD,QAAM;AAAA,IACJ,YAAY,EAAE,MAAM,eAAe;AAAA,EACrC,IAAI,cAAc;AAClB,QAAM;AAAA,IACJ;AAAA,IACA,KAAK,MAAM,QAAQ,IAAI,IAAI,eAAe;AAAA,IAC1C;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,IAAI;AACJ,QAAM,gBAAgB,iBAAiB;AAAA,IACrC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AACD,QAAM,CAAC,gBAAgB,iBAAiB,QAAI,wBAA6B;AACzE,QAAM,cAAU,eAAAC,SAAW,UAAU,qBAAqB,SAAS;AAEnE,+BAAU,MAAM;AACd,sBAAkB,cAAc,cAAc,CAAC;AAAA,EACjD,GAAG,CAAC,gBAAgB,aAAa,CAAC;AAElC,QAAM,SAAwB;AAAA,IAC5B,YAAY,iBAAiB,QAAQ,cAAc,KAAK;AAAA,IACxD;AAAA,IACA;AAAA,EACF;AAEA,SAAO,6CAAC,SAAI,KAAU,OAAO,EAAE,GAAG,OAAO,GAAG,WAAW,SAAU,GAAG,MAAM;AAC5E;AAEA,SAAS,cAAc;;;AJ7EvB,IAAMC,QAAqB,OAAO,OAAO,MAAe;AAAA,EACtD,MAAM;AACR,CAAC;AAEDA,MAAK,cAAc;",
   "names": ["Grid", "classNames", "import_react", "import_dedupe", "import_jsx_runtime", "classNames", "Grid"]
 }

package/dist/cjs/components/List/List.js

@@ -54,14 +54,22 @@ var List = ({ ref, ...props }) => {
     },
     otherProps.className
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, { ref, ...mappedProps, className: classes, children: import_react.Children.map(children, (child) => {
-    if ((0, import_react.isValidElement)(child)) {
-      return (0, import_react.cloneElement)(child, {
-        parentIcon: icon
-      });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    Component,
+    {
+      ref,
+      ...mappedProps,
+      className: classes,
+      children: import_react.Children.map(children, (child) => {
+        if ((0, import_react.isValidElement)(child)) {
+          return (0, import_react.cloneElement)(child, {
+            parentIcon: icon
+          });
+        }
+        return child;
+      })
     }
-    return child;
-  }) });
+  );
 };
 List.displayName = "List";
 //# sourceMappingURL=List.js.map

package/dist/cjs/components/List/List.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/List/List.tsx"],
-  "sourcesContent": ["import type { ReactNode, Ref } from \"react\";\nimport { Children, cloneElement, isValidElement } from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport type { DOMProps } from \"../../types/dom\";\nimport \"./List.css\";\n\nexport type ListStyleType =\n  | \"disc\"\n  | \"circle\"\n  | \"square\"\n  | \"decimal\"\n  | \"georgian\"\n  | \"trad-chinese-informal\"\n  | \"kannada\";\n\nexport interface ListProps extends DOMProps {\n  children?: ReactNode;\n  isOrdered?: boolean;\n  isReversed?: boolean;\n  start?: number;\n  liststyletype?: ListStyleType;\n  icon?: ReactNode;\n  className?: string;\n  ref?: Ref<HTMLOListElement & HTMLUListElement>;\n}\n\nconst List = ({ ref, ...props }: ListProps) => {\n  const Component: \"ol\" | \"ul\" = props.isOrdered ? \"ol\" : \"ul\";\n  const { children, icon, ...otherProps } = props;\n\n  // Remove props that should not exist on ol or ul element\n\n  const { isOrdered, liststyletype, isReversed, ...restProps } = otherProps;\n\n  const mappedProps = {\n    ...restProps,\n    reversed: isReversed,\n  };\n\n  const classes = classNames(\n    \"mobius\",\n    \"mobius-list\",\n    {\n      \"--has-icon\": icon,\n      [`--is-${liststyletype}`]: liststyletype,\n    },\n    otherProps.className,\n  );\n\n  return (\n    <Component ref={ref} {...mappedProps} className={classes}>\n      {Children.map(children, child => {\n        if (isValidElement(child)) {\n          // List items accept a parentIcon prop which is not part of standard HTML\n          return cloneElement(child, {\n            parentIcon: icon,\n          } as { parentIcon?: ReactNode });\n        }\n\n        return child;\n      })}\n    </Component>\n  );\n};\n\nList.displayName = \"List\";\nexport { List };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,mBAAuD;AACvD,oBAAuB;AAEvB,kBAAO;AA8CH;AAxBJ,IAAM,OAAO,CAAC,EAAE,KAAK,GAAG,MAAM,MAAiB;AAC7C,QAAM,YAAyB,MAAM,YAAY,OAAO;AACxD,QAAM,EAAE,UAAU,MAAM,GAAG,WAAW,IAAI;AAI1C,QAAM,EAAE,WAAW,eAAe,YAAY,GAAG,UAAU,IAAI;AAE/D,QAAM,cAAc;AAAA,IAClB,GAAG;AAAA,IACH,UAAU;AAAA,EACZ;AAEA,QAAM,cAAU,cAAAA;AAAA,IACd;AAAA,IACA;AAAA,IACA;AAAA,MACE,cAAc;AAAA,MACd,CAAC,QAAQ,aAAa,EAAE,GAAG;AAAA,IAC7B;AAAA,IACA,WAAW;AAAA,EACb;AAEA,SACE,4CAAC,aAAU,KAAW,GAAG,aAAa,WAAW,SAC9C,gCAAS,IAAI,UAAU,WAAS;AAC/B,YAAI,6BAAe,KAAK,GAAG;AAEzB,iBAAO,2BAAa,OAAO;AAAA,QACzB,YAAY;AAAA,MACd,CAA+B;AAAA,IACjC;AAEA,WAAO;AAAA,EACT,CAAC,GACH;AAEJ;AAEA,KAAK,cAAc;",
+  "sourcesContent": ["import type { ReactNode, Ref } from \"react\";\nimport { Children, cloneElement, isValidElement } from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport type { DOMProps } from \"../../types/dom\";\nimport \"./List.css\";\n\nexport type ListStyleType =\n  | \"disc\"\n  | \"circle\"\n  | \"square\"\n  | \"decimal\"\n  | \"georgian\"\n  | \"trad-chinese-informal\"\n  | \"kannada\";\n\nexport interface ListProps extends DOMProps {\n  children?: ReactNode;\n  isOrdered?: boolean;\n  isReversed?: boolean;\n  start?: number;\n  liststyletype?: ListStyleType;\n  icon?: ReactNode;\n  className?: string;\n  ref?: Ref<HTMLElement>;\n}\n\nconst List = ({ ref, ...props }: ListProps) => {\n  const Component: \"ol\" | \"ul\" = props.isOrdered ? \"ol\" : \"ul\";\n  const { children, icon, ...otherProps } = props;\n\n  // Remove props that should not exist on ol or ul element\n\n  const { isOrdered, liststyletype, isReversed, ...restProps } = otherProps;\n\n  const mappedProps = {\n    ...restProps,\n    reversed: isReversed,\n  };\n\n  const classes = classNames(\n    \"mobius\",\n    \"mobius-list\",\n    {\n      \"--has-icon\": icon,\n      [`--is-${liststyletype}`]: liststyletype,\n    },\n    otherProps.className,\n  );\n\n  return (\n    <Component\n      ref={ref as React.Ref<HTMLOListElement & HTMLUListElement>}\n      {...mappedProps}\n      className={classes}\n    >\n      {Children.map(children, child => {\n        if (isValidElement(child)) {\n          // List items accept a parentIcon prop which is not part of standard HTML\n          return cloneElement(child, {\n            parentIcon: icon,\n          } as { parentIcon?: ReactNode });\n        }\n\n        return child;\n      })}\n    </Component>\n  );\n};\n\nList.displayName = \"List\";\nexport { List };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,mBAAuD;AACvD,oBAAuB;AAEvB,kBAAO;AA8CH;AAxBJ,IAAM,OAAO,CAAC,EAAE,KAAK,GAAG,MAAM,MAAiB;AAC7C,QAAM,YAAyB,MAAM,YAAY,OAAO;AACxD,QAAM,EAAE,UAAU,MAAM,GAAG,WAAW,IAAI;AAI1C,QAAM,EAAE,WAAW,eAAe,YAAY,GAAG,UAAU,IAAI;AAE/D,QAAM,cAAc;AAAA,IAClB,GAAG;AAAA,IACH,UAAU;AAAA,EACZ;AAEA,QAAM,cAAU,cAAAA;AAAA,IACd;AAAA,IACA;AAAA,IACA;AAAA,MACE,cAAc;AAAA,MACd,CAAC,QAAQ,aAAa,EAAE,GAAG;AAAA,IAC7B;AAAA,IACA,WAAW;AAAA,EACb;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACC,GAAG;AAAA,MACJ,WAAW;AAAA,MAEV,gCAAS,IAAI,UAAU,WAAS;AAC/B,gBAAI,6BAAe,KAAK,GAAG;AAEzB,qBAAO,2BAAa,OAAO;AAAA,YACzB,YAAY;AAAA,UACd,CAA+B;AAAA,QACjC;AAEA,eAAO;AAAA,MACT,CAAC;AAAA;AAAA,EACH;AAEJ;AAEA,KAAK,cAAc;",
   "names": ["classNames"]
 }

package/dist/cjs/components/List/index.js

@@ -57,14 +57,22 @@ var List = ({ ref, ...props }) => {
     },
     otherProps.className
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, { ref, ...mappedProps, className: classes, children: import_react.Children.map(children, (child) => {
-    if ((0, import_react.isValidElement)(child)) {
-      return (0, import_react.cloneElement)(child, {
-        parentIcon: icon
-      });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    Component,
+    {
+      ref,
+      ...mappedProps,
+      className: classes,
+      children: import_react.Children.map(children, (child) => {
+        if ((0, import_react.isValidElement)(child)) {
+          return (0, import_react.cloneElement)(child, {
+            parentIcon: icon
+          });
+        }
+        return child;
+      })
     }
-    return child;
-  }) });
+  );
 };
 List.displayName = "List";
 

package/dist/cjs/components/List/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/List/index.tsx", "../../../../src/components/List/List.tsx", "../../../../src/components/List/ListItem.tsx"],
-  "sourcesContent": ["export * from \"./List\";\nexport * from \"./ListItem\";\n", "import type { ReactNode, Ref } from \"react\";\nimport { Children, cloneElement, isValidElement } from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport type { DOMProps } from \"../../types/dom\";\nimport \"./List.css\";\n\nexport type ListStyleType =\n  | \"disc\"\n  | \"circle\"\n  | \"square\"\n  | \"decimal\"\n  | \"georgian\"\n  | \"trad-chinese-informal\"\n  | \"kannada\";\n\nexport interface ListProps extends DOMProps {\n  children?: ReactNode;\n  isOrdered?: boolean;\n  isReversed?: boolean;\n  start?: number;\n  liststyletype?: ListStyleType;\n  icon?: ReactNode;\n  className?: string;\n  ref?: Ref<HTMLOListElement & HTMLUListElement>;\n}\n\nconst List = ({ ref, ...props }: ListProps) => {\n  const Component: \"ol\" | \"ul\" = props.isOrdered ? \"ol\" : \"ul\";\n  const { children, icon, ...otherProps } = props;\n\n  // Remove props that should not exist on ol or ul element\n\n  const { isOrdered, liststyletype, isReversed, ...restProps } = otherProps;\n\n  const mappedProps = {\n    ...restProps,\n    reversed: isReversed,\n  };\n\n  const classes = classNames(\n    \"mobius\",\n    \"mobius-list\",\n    {\n      \"--has-icon\": icon,\n      [`--is-${liststyletype}`]: liststyletype,\n    },\n    otherProps.className,\n  );\n\n  return (\n    <Component ref={ref} {...mappedProps} className={classes}>\n      {Children.map(children, child => {\n        if (isValidElement(child)) {\n          // List items accept a parentIcon prop which is not part of standard HTML\n          return cloneElement(child, {\n            parentIcon: icon,\n          } as { parentIcon?: ReactNode });\n        }\n\n        return child;\n      })}\n    </Component>\n  );\n};\n\nList.displayName = \"List\";\nexport { List };\n", "import type { ReactNode, RefAttributes } from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport type { DOMProps } from \"../../types/dom\";\n\nexport type ListItemElementType = HTMLLIElement;\nexport interface ListItemProps\n  extends DOMProps, RefAttributes<ListItemElementType> {\n  children?: ReactNode;\n  value?: number;\n  className?: string;\n  parentIcon?: ReactNode;\n  icon?: ReactNode;\n}\n\nconst ListItem = ({ ref, ...props }: ListItemProps) => {\n  const { parentIcon, icon, children, ...otherProps } = props;\n  const iconContent = icon || parentIcon;\n  const classes = classNames(\n    \"mobius\",\n    \"mobius-list__item\",\n    {\n      \"--has-icon\": iconContent,\n    },\n    props.className,\n  );\n  const contentClasses = classNames(\"mobius\", \"mobius-list__item-content\");\n  const iconClasses = classNames(\"mobius\", \"mobius-list__icon\");\n\n  if (iconContent) {\n    return (\n      <li ref={ref} {...otherProps} className={classes}>\n        <span className={contentClasses}>\n          <span className={iconClasses}>{iconContent}</span>\n          {children}\n        </span>\n      </li>\n    );\n  }\n\n  return (\n    <li ref={ref} {...otherProps} className={classes}>\n      {children}\n    </li>\n  );\n};\n\nListItem.displayName = \"ListItem\";\nexport { ListItem };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACCA,mBAAuD;AACvD,oBAAuB;AAEvB,kBAAO;AA8CH;AAxBJ,IAAM,OAAO,CAAC,EAAE,KAAK,GAAG,MAAM,MAAiB;AAC7C,QAAM,YAAyB,MAAM,YAAY,OAAO;AACxD,QAAM,EAAE,UAAU,MAAM,GAAG,WAAW,IAAI;AAI1C,QAAM,EAAE,WAAW,eAAe,YAAY,GAAG,UAAU,IAAI;AAE/D,QAAM,cAAc;AAAA,IAClB,GAAG;AAAA,IACH,UAAU;AAAA,EACZ;AAEA,QAAM,cAAU,cAAAA;AAAA,IACd;AAAA,IACA;AAAA,IACA;AAAA,MACE,cAAc;AAAA,MACd,CAAC,QAAQ,aAAa,EAAE,GAAG;AAAA,IAC7B;AAAA,IACA,WAAW;AAAA,EACb;AAEA,SACE,4CAAC,aAAU,KAAW,GAAG,aAAa,WAAW,SAC9C,gCAAS,IAAI,UAAU,WAAS;AAC/B,YAAI,6BAAe,KAAK,GAAG;AAEzB,iBAAO,2BAAa,OAAO;AAAA,QACzB,YAAY;AAAA,MACd,CAA+B;AAAA,IACjC;AAEA,WAAO;AAAA,EACT,CAAC,GACH;AAEJ;AAEA,KAAK,cAAc;;;AChEnB,IAAAC,iBAAuB;AA8Bf,IAAAC,sBAAA;AAjBR,IAAM,WAAW,CAAC,EAAE,KAAK,GAAG,MAAM,MAAqB;AACrD,QAAM,EAAE,YAAY,MAAM,UAAU,GAAG,WAAW,IAAI;AACtD,QAAM,cAAc,QAAQ;AAC5B,QAAM,cAAU,eAAAC;AAAA,IACd;AAAA,IACA;AAAA,IACA;AAAA,MACE,cAAc;AAAA,IAChB;AAAA,IACA,MAAM;AAAA,EACR;AACA,QAAM,qBAAiB,eAAAA,SAAW,UAAU,2BAA2B;AACvE,QAAM,kBAAc,eAAAA,SAAW,UAAU,mBAAmB;AAE5D,MAAI,aAAa;AACf,WACE,6CAAC,QAAG,KAAW,GAAG,YAAY,WAAW,SACvC,wDAAC,UAAK,WAAW,gBACf;AAAA,mDAAC,UAAK,WAAW,aAAc,uBAAY;AAAA,MAC1C;AAAA,OACH,GACF;AAAA,EAEJ;AAEA,SACE,6CAAC,QAAG,KAAW,GAAG,YAAY,WAAW,SACtC,UACH;AAEJ;AAEA,SAAS,cAAc;",
+  "sourcesContent": ["export * from \"./List\";\nexport * from \"./ListItem\";\n", "import type { ReactNode, Ref } from \"react\";\nimport { Children, cloneElement, isValidElement } from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport type { DOMProps } from \"../../types/dom\";\nimport \"./List.css\";\n\nexport type ListStyleType =\n  | \"disc\"\n  | \"circle\"\n  | \"square\"\n  | \"decimal\"\n  | \"georgian\"\n  | \"trad-chinese-informal\"\n  | \"kannada\";\n\nexport interface ListProps extends DOMProps {\n  children?: ReactNode;\n  isOrdered?: boolean;\n  isReversed?: boolean;\n  start?: number;\n  liststyletype?: ListStyleType;\n  icon?: ReactNode;\n  className?: string;\n  ref?: Ref<HTMLElement>;\n}\n\nconst List = ({ ref, ...props }: ListProps) => {\n  const Component: \"ol\" | \"ul\" = props.isOrdered ? \"ol\" : \"ul\";\n  const { children, icon, ...otherProps } = props;\n\n  // Remove props that should not exist on ol or ul element\n\n  const { isOrdered, liststyletype, isReversed, ...restProps } = otherProps;\n\n  const mappedProps = {\n    ...restProps,\n    reversed: isReversed,\n  };\n\n  const classes = classNames(\n    \"mobius\",\n    \"mobius-list\",\n    {\n      \"--has-icon\": icon,\n      [`--is-${liststyletype}`]: liststyletype,\n    },\n    otherProps.className,\n  );\n\n  return (\n    <Component\n      ref={ref as React.Ref<HTMLOListElement & HTMLUListElement>}\n      {...mappedProps}\n      className={classes}\n    >\n      {Children.map(children, child => {\n        if (isValidElement(child)) {\n          // List items accept a parentIcon prop which is not part of standard HTML\n          return cloneElement(child, {\n            parentIcon: icon,\n          } as { parentIcon?: ReactNode });\n        }\n\n        return child;\n      })}\n    </Component>\n  );\n};\n\nList.displayName = \"List\";\nexport { List };\n", "import type { ReactNode, RefAttributes } from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport type { DOMProps } from \"../../types/dom\";\n\nexport type ListItemElementType = HTMLLIElement;\nexport interface ListItemProps\n  extends DOMProps, RefAttributes<ListItemElementType> {\n  children?: ReactNode;\n  value?: number;\n  className?: string;\n  parentIcon?: ReactNode;\n  icon?: ReactNode;\n}\n\nconst ListItem = ({ ref, ...props }: ListItemProps) => {\n  const { parentIcon, icon, children, ...otherProps } = props;\n  const iconContent = icon || parentIcon;\n  const classes = classNames(\n    \"mobius\",\n    \"mobius-list__item\",\n    {\n      \"--has-icon\": iconContent,\n    },\n    props.className,\n  );\n  const contentClasses = classNames(\"mobius\", \"mobius-list__item-content\");\n  const iconClasses = classNames(\"mobius\", \"mobius-list__icon\");\n\n  if (iconContent) {\n    return (\n      <li ref={ref} {...otherProps} className={classes}>\n        <span className={contentClasses}>\n          <span className={iconClasses}>{iconContent}</span>\n          {children}\n        </span>\n      </li>\n    );\n  }\n\n  return (\n    <li ref={ref} {...otherProps} className={classes}>\n      {children}\n    </li>\n  );\n};\n\nListItem.displayName = \"ListItem\";\nexport { ListItem };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACCA,mBAAuD;AACvD,oBAAuB;AAEvB,kBAAO;AA8CH;AAxBJ,IAAM,OAAO,CAAC,EAAE,KAAK,GAAG,MAAM,MAAiB;AAC7C,QAAM,YAAyB,MAAM,YAAY,OAAO;AACxD,QAAM,EAAE,UAAU,MAAM,GAAG,WAAW,IAAI;AAI1C,QAAM,EAAE,WAAW,eAAe,YAAY,GAAG,UAAU,IAAI;AAE/D,QAAM,cAAc;AAAA,IAClB,GAAG;AAAA,IACH,UAAU;AAAA,EACZ;AAEA,QAAM,cAAU,cAAAA;AAAA,IACd;AAAA,IACA;AAAA,IACA;AAAA,MACE,cAAc;AAAA,MACd,CAAC,QAAQ,aAAa,EAAE,GAAG;AAAA,IAC7B;AAAA,IACA,WAAW;AAAA,EACb;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACC,GAAG;AAAA,MACJ,WAAW;AAAA,MAEV,gCAAS,IAAI,UAAU,WAAS;AAC/B,gBAAI,6BAAe,KAAK,GAAG;AAEzB,qBAAO,2BAAa,OAAO;AAAA,YACzB,YAAY;AAAA,UACd,CAA+B;AAAA,QACjC;AAEA,eAAO;AAAA,MACT,CAAC;AAAA;AAAA,EACH;AAEJ;AAEA,KAAK,cAAc;;;ACpEnB,IAAAC,iBAAuB;AA8Bf,IAAAC,sBAAA;AAjBR,IAAM,WAAW,CAAC,EAAE,KAAK,GAAG,MAAM,MAAqB;AACrD,QAAM,EAAE,YAAY,MAAM,UAAU,GAAG,WAAW,IAAI;AACtD,QAAM,cAAc,QAAQ;AAC5B,QAAM,cAAU,eAAAC;AAAA,IACd;AAAA,IACA;AAAA,IACA;AAAA,MACE,cAAc;AAAA,IAChB;AAAA,IACA,MAAM;AAAA,EACR;AACA,QAAM,qBAAiB,eAAAA,SAAW,UAAU,2BAA2B;AACvE,QAAM,kBAAc,eAAAA,SAAW,UAAU,mBAAmB;AAE5D,MAAI,aAAa;AACf,WACE,6CAAC,QAAG,KAAW,GAAG,YAAY,WAAW,SACvC,wDAAC,UAAK,WAAW,gBACf;AAAA,mDAAC,UAAK,WAAW,aAAc,uBAAY;AAAA,MAC1C;AAAA,OACH,GACF;AAAA,EAEJ;AAEA,SACE,6CAAC,QAAG,KAAW,GAAG,YAAY,WAAW,SACtC,UACH;AAEJ;AAEA,SAAS,cAAc;",
   "names": ["classNames", "import_dedupe", "import_jsx_runtime", "classNames"]
 }

package/dist/cjs/components/Logo/Logo.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/Logo/Logo.tsx"],
-  "sourcesContent": ["import type { RefAttributes } from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport type { DOMProps } from \"../../types/dom\";\n\nexport type LogoElementType = SVGSVGElement;\n\nexport interface LogoProps extends DOMProps, RefAttributes<LogoElementType> {\n  /** Custom class name for setting specific CSS */\n  className?: string;\n  /** Custom width. When defined along with height, it will scale proportionally */\n  width?: string;\n  /** Custom height. When defined along with width, it will scale proportionally */\n  height?: string;\n}\n\nexport const Logo = ({ ref, ...props }: LogoProps) => {\n  const { className, width, height, ...otherProps } = props;\n\n  const classes = classNames(\"mobius\", \"mobius-logo\", className);\n\n  return (\n    <svg\n      width={width}\n      height={height}\n      ref={ref}\n      className={classes}\n      viewBox=\"0 0 144 37\"\n      {...otherProps}\n    >\n      <defs>\n        <linearGradient\n          id=\"logo-gradient\"\n          x1=\"83.508%\"\n          x2=\"11.891%\"\n          y1=\"76.042%\"\n          y2=\"26.973%\"\n        >\n          <stop stopColor=\"#4632D8\" offset=\"0%\" />\n          <stop stopColor=\"#9084E8\" offset=\"100%\" />\n        </linearGradient>\n      </defs>\n      <g>\n        <path\n          fill=\"#0E0A2B\"\n          d=\"M68.788 11.307c0-2.486-2.027-3.345-3.833-4.1-1.332-.562-2.471-1.036-2.471-2.072 0-.873.77-1.42 1.968-1.42 1.051 0 1.806.444 2.294.725.193.103.474.222.755.133.192-.06.34-.207.459-.444l.34-.621c.266-.474.163-.888-.281-1.2-.533-.384-1.88-1.05-3.537-1.05-2.738 0-4.647 1.643-4.647 4.01 0 2.413 2.012 3.301 3.788 4.07 1.347.593 2.516 1.096 2.516 2.161 0 .873-.754 1.45-1.924 1.45-1.287 0-2.22-.65-2.678-.961l-.03-.015c-.533-.296-.903-.237-1.228.192l-.415.607c-.444.607-.148.992.134 1.228.828.637 2.427 1.392 4.203 1.392 2.708 0 4.587-1.673 4.587-4.085zm4.44 2.975V6.186c0-.577-.31-.888-.873-.888h-.843c-.563 0-.874.311-.874.888v8.096c0 .577.296.888.874.888h.843c.563 0 .873-.311.873-.888zM71.482 4.203h.755c.518 0 .814-.281.814-.8v-.517c0-.518-.296-.814-.814-.814h-.755c-.518 0-.8.281-.8.814v.518c.016.518.297.8.8.8zM92.645 24.48h.755c.518 0 .814-.282.814-.8v-.518c0-.518-.296-.814-.814-.814h-.755c-.518 0-.799.282-.799.814v.518c0 .518.281.8.8.8zm-6.26-19.42c-1.539 0-2.397.962-2.945 1.895-.444-1.243-1.435-1.895-2.871-1.895-1.362 0-2.146.888-2.723 1.806v-.68c0-.578-.311-.889-.873-.889h-.74c-.563 0-.873.311-.873.888v8.096c0 .577.295.888.873.888h.843c.577 0 .873-.311.873-.888V10.73c0-2.25.888-3.271 2.058-3.271 1.006 0 1.198.71 1.198 1.85v4.987c0 .578.311.888.888.888h.844c.577 0 .873-.31.873-.888v-3.551c0-2.25.873-3.271 2.013-3.271 1.036 0 1.243.74 1.243 1.85v4.987c0 .577.31.888.888.888h.814c.577 0 .888-.31.888-.888V8.835c0-2.5-1.095-3.774-3.27-3.774zm10.804 10.33c2.679 0 4.558-2.13 4.558-5.164 0-3.094-1.776-5.166-4.425-5.166-1.761 0-2.708 1.036-3.049 1.51v-.533c0-.459-.34-.755-.873-.755h-.607c-.562 0-.888.326-.888.888v11.9c0 .576.311.887.888.887h.814c.578 0 .888-.31.888-.888v-3.404c0-.207-.014-.4-.014-.532.325.429 1.184 1.258 2.708 1.258zm-2.768-5.105c0-1.362.622-2.975 2.368-2.975 1.377 0 2.309 1.184 2.309 2.945 0 1.746-.947 2.916-2.338 2.916-1.54 0-2.339-1.45-2.339-2.886zm12.965 4.07v-.652c0-.444-.252-.725-.681-.784-.34-.03-.68-.192-.68-1.066v-9.47c0-.563-.326-.888-.874-.888h-.843c-.563 0-.874.31-.874.888v9.679c0 1.258.34 2.16 1.021 2.678.637.489 1.466.533 2.013.533.607 0 .918-.325.918-.917zm9.457-9.073h-.962c-.518 0-.844.237-.977.726l-1.717 4.972c-.089.311-.192.71-.251.977-.074-.281-.193-.71-.296-1.021l-1.835-4.943c-.163-.489-.489-.71-.977-.71h-1.036c-.415 0-.622.162-.71.295-.09.134-.163.385.014.755l3.685 8.57-.34.813c-.252.592-.77 1.229-1.45 1.229-.267 0-.474-.09-.652-.163h-.014c-.43-.104-.755.074-.962.488l-.163.415c-.119.251-.148.517-.06.725.075.192.237.34.474.429.326.118.814.296 1.391.296 1.628 0 2.975-.977 3.597-2.605l3.996-10.226c.103-.296.088-.563-.045-.755-.163-.163-.4-.267-.71-.267zM67.634 28.297c.977-.592 1.54-1.658 1.54-2.886 0-2.176-1.688-3.567-4.293-3.567h-4.04c-.562 0-.873.311-.873.888v11.899c0 .577.296.888.873.888h4.1c1.346 0 2.5-.34 3.33-.962.932-.71 1.42-1.761 1.42-3.049.03-1.524-.784-2.767-2.057-3.211zm-5.017-.962v-3.212h2.25c1.02 0 1.628.592 1.628 1.584 0 .991-.607 1.643-1.57 1.643h-2.308v-.015zm4.396 4.01c0 1.155-.71 1.865-1.865 1.865h-2.53v-3.714h2.53c1.14.014 1.865.74 1.865 1.85zm12.638-5.712h-.814c-.577 0-.888.31-.888.888v3.655c0 2.176-1.361 3.182-2.634 3.182-1.006 0-1.406-.547-1.406-1.88v-4.942c0-.578-.31-.888-.888-.888h-.814c-.562 0-.888.325-.888.888v5.431c0 2.516 1.17 3.774 3.463 3.774a3.937 3.937 0 003.286-1.761v.651c0 .577.296.888.873.888h.74c.577 0 .888-.31.888-.888v-8.095c-.03-.578-.355-.903-.918-.903zm6.956 3.937c-.917-.311-1.702-.592-1.702-1.184 0-.74.77-.859 1.229-.859.784 0 1.406.281 1.805.474.548.237.947.118 1.184-.34l.193-.341c.251-.518.133-.947-.326-1.184-.326-.178-1.288-.71-2.753-.71-2.279 0-3.803 1.213-3.803 3.004 0 2.042 1.731 2.65 3.137 3.138.903.325 1.687.592 1.687 1.169 0 .547-.488.902-1.258.902-.917 0-1.613-.37-2.057-.621l-.059-.03c-.533-.28-.903-.207-1.213.222l-.222.34c-.178.252-.237.504-.178.726.044.207.192.37.4.488a5.774 5.774 0 003.285 1.007c2.235 0 3.789-1.273 3.789-3.079-.03-2.042-1.761-2.649-3.138-3.122zm6.897-3.937h-.844c-.562 0-.873.31-.873.888v8.095c0 .577.296.888.873.888h.844c.577 0 .873-.31.873-.888v-8.095c0-.563-.31-.888-.873-.888zm9.324-.237c-1.924 0-2.93 1.154-3.36 1.806v-.681c0-.577-.31-.888-.873-.888h-.74c-.563 0-.873.31-.873.888v8.095c0 .577.296.888.873.888h.843c.578 0 .874-.31.874-.888v-3.744c0-1.79 1.14-3.078 2.708-3.078 1.021 0 1.436.547 1.436 1.88v4.942c0 .577.31.888.887.888h.814c.578 0 .888-.31.888-.888v-5.431c0-2.516-1.169-3.789-3.477-3.789zm10.448 0c-2.96 0-5.032 2.131-5.032 5.165 0 2.99 2.235 5.165 5.313 5.165 1.48 0 2.635-.533 3.345-.977.444-.266.562-.695.296-1.198l-.222-.385c-.266-.459-.651-.563-1.184-.31h-.015a3.885 3.885 0 01-2.042.606c-1.54 0-2.634-.962-2.812-2.472h5.816a.935.935 0 00.933-.917c.014-2.827-1.717-4.677-4.396-4.677zm-.044 2.013c1.065 0 1.79.77 1.864 1.968h-4.1c.253-1.213 1.096-1.968 2.236-1.968zm10.152 2.16c-.917-.31-1.702-.591-1.702-1.183 0-.74.77-.859 1.229-.859.784 0 1.406.281 1.805.474.548.237.947.118 1.184-.34l.192-.341c.252-.518.134-.947-.325-1.184-.326-.178-1.288-.71-2.753-.71-2.279 0-3.803 1.213-3.803 3.004 0 2.042 1.731 2.65 3.137 3.138.903.325 1.687.592 1.687 1.169 0 .547-.488.902-1.258.902-.917 0-1.613-.37-2.057-.621l-.059-.03c-.533-.28-.903-.207-1.214.222l-.222.34c-.177.252-.236.504-.177.726.044.207.192.37.4.488a5.774 5.774 0 003.285 1.007c2.235 0 3.789-1.273 3.789-3.079-.015-2.042-1.747-2.649-3.138-3.122zm8.791 0c-.917-.31-1.702-.591-1.702-1.183 0-.74.77-.859 1.229-.859.784 0 1.406.281 1.805.474.548.237.947.118 1.184-.34l.192-.341c.252-.518.134-.947-.325-1.184-.326-.178-1.288-.71-2.753-.71-2.279 0-3.803 1.213-3.803 3.004 0 2.042 1.731 2.65 3.137 3.138.903.325 1.687.592 1.687 1.169 0 .547-.488.902-1.258.902-.917 0-1.613-.37-2.057-.621l-.059-.03c-.533-.28-.903-.207-1.214.222l-.222.34c-.177.252-.236.504-.177.726.044.207.192.37.4.488a5.774 5.774 0 003.285 1.007c2.235 0 3.789-1.273 3.789-3.079-.015-2.042-1.747-2.649-3.138-3.122z\"\n        />\n        <path\n          fill=\"url(#logo-gradient)\"\n          d=\"M22.747 22.288c.607 1.214.918 2.59.918 4.144 0 1.45-.267 2.827-.8 4.1a10.018 10.018 0 01-2.279 3.36c-.991.961-2.235 1.73-3.744 2.278-1.51.563-3.167.829-4.988.829-2.264 0-4.35-.385-6.29-1.14-1.938-.77-3.492-1.598-4.676-2.5-.31-.252-.548-.504-.696-.77a1.332 1.332 0 01-.177-.71.718.718 0 010-.252c.03-.37.207-.785.547-1.199l1.14-1.598c.4-.548.829-.844 1.288-.918a.896.896 0 01.222-.03c.4 0 .873.163 1.39.474 2.487 1.776 4.914 2.679 7.252 2.679 1.643 0 2.96-.385 3.922-1.14.962-.755 1.45-1.746 1.45-2.96 0-.725-.192-1.39-.562-1.983a5.347 5.347 0 00-1.539-1.569 18.207 18.207 0 00-2.235-1.287 56.102 56.102 0 00-2.649-1.214c-.917-.4-1.835-.814-2.752-1.258a19.282 19.282 0 01-2.62-1.539 14.014 14.014 0 01-2.22-1.924c-.666-.695-1.169-1.539-1.554-2.545-.37-.992-.562-2.087-.562-3.271 0-2.042.533-3.863 1.598-5.446 1.066-1.584 2.516-2.797 4.336-3.641C8.303.414 10.345 0 12.624 0c1.91 0 3.685.281 5.358.844 1.657.562 2.96 1.198 3.892 1.88.68.473 1.006 1.035 1.006 1.671 0 .385-.118.785-.37 1.2l-.917 1.657c-.385.74-.903 1.11-1.554 1.11-.4 0-.83-.133-1.318-.4a42.421 42.421 0 00-1.687-.947c-.473-.237-1.14-.488-1.998-.71a9.458 9.458 0 00-2.56-.356c-1.672 0-3.004.37-3.981 1.11-.992.74-1.48 1.717-1.48 2.946 0 .902.31 1.701.932 2.412.622.695 1.421 1.302 2.398 1.79.977.489 2.057.977 3.256 1.466a54.048 54.048 0 013.552 1.628 20.795 20.795 0 013.24 2.042c.948.755 1.732 1.732 2.354 2.945zm31.257 2.945c0 3.197-1.155 6.083-3.256 8.14-2.265 2.205-5.506 3.36-9.368 3.36H30.71c-2.443 0-4.278-1.836-4.278-4.278V4.53c0-1.2.43-2.28 1.214-3.064C28.43.681 29.51.252 30.709.252h9.013c3.419 0 6.32 1.095 8.377 3.182 1.909 1.923 2.945 4.558 2.945 7.429 0 2.294-.622 4.203-1.91 5.816 1.377.77 2.487 1.776 3.286 2.99 1.066 1.583 1.584 3.448 1.584 5.564zm-12.106-7.68c.044-.03 4.913-3.02 4.913-6.675 0-1.761-.607-3.345-1.717-4.455-1.568-1.584-3.788-1.924-5.372-1.924H30.68v28h10.7c2.738 0 4.958-.754 6.408-2.16 1.273-1.243 1.983-3.049 1.983-5.106 0-1.272-.296-2.353-.858-3.196v-.03c-1.362-2.353-6.838-3.774-6.897-3.789l-.844-.222.726-.444z\"\n        />\n        <path\n          fill=\"#0E0A2B\"\n          d=\"M138.199 25.455c0-.4.074-.784.222-1.14.148-.354.355-.665.606-.932.267-.266.563-.473.903-.621.34-.148.725-.222 1.11-.222.4 0 .784.074 1.125.222.355.148.666.355.917.621.267.267.474.578.622.933.148.355.222.74.222 1.14 0 .399-.074.784-.222 1.139a2.86 2.86 0 01-.622.932 3.087 3.087 0 01-.917.637 2.646 2.646 0 01-1.125.236c-.4 0-.77-.074-1.11-.236a2.777 2.777 0 01-.903-.637 2.821 2.821 0 01-.606-.932 2.898 2.898 0 01-.222-1.14zm.71 0c0 .326.06.622.163.903.103.281.266.518.459.725a2.051 2.051 0 001.524.666c.31 0 .592-.059.858-.177a2.175 2.175 0 001.155-1.214c.118-.281.162-.577.162-.903 0-.325-.059-.621-.162-.902a2.422 2.422 0 00-.46-.726 2.112 2.112 0 00-.695-.488 2.073 2.073 0 00-.858-.178c-.31 0-.592.06-.844.178a2.051 2.051 0 00-.68.488 2.45 2.45 0 00-.46.726 2.636 2.636 0 00-.162.902zm1.154-1.14c0-.221.119-.34.34-.34h.889c.296 0 .532.09.695.252.178.163.267.4.267.68a.623.623 0 01-.06.297.557.557 0 01-.133.222.512.512 0 01-.163.148c-.059.044-.118.059-.162.074v.014l.03.03c.014.015.014.03.029.06l.044.088.34.666c.06.118.075.207.045.281-.03.074-.104.104-.207.104h-.104c-.192 0-.31-.089-.385-.252l-.384-.829h-.4v.74c0 .222-.104.34-.31.34h-.06c-.207 0-.31-.118-.31-.34v-2.234zm1.051 1.037c.133 0 .252-.045.31-.119.075-.074.104-.192.104-.325s-.03-.252-.103-.326a.413.413 0 00-.296-.118h-.385v.873h.37v.015z\"\n        />\n      </g>\n    </svg>\n  );\n};\n\nLogo.displayName = \"Logo\";\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,oBAAuB;AA6Bf;AAfD,IAAM,OAAO,CAAC,EAAE,KAAK,GAAG,MAAM,MAAiB;AACpD,QAAM,EAAE,WAAW,OAAO,QAAQ,GAAG,WAAW,IAAI;AAEpD,QAAM,cAAU,cAAAA,SAAW,UAAU,eAAe,SAAS;AAE7D,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW;AAAA,MACX,SAAQ;AAAA,MACP,GAAG;AAAA,MAEJ;AAAA,oDAAC,UACC;AAAA,UAAC;AAAA;AAAA,YACC,IAAG;AAAA,YACH,IAAG;AAAA,YACH,IAAG;AAAA,YACH,IAAG;AAAA,YACH,IAAG;AAAA,YAEH;AAAA,0DAAC,UAAK,WAAU,WAAU,QAAO,MAAK;AAAA,cACtC,4CAAC,UAAK,WAAU,WAAU,QAAO,QAAO;AAAA;AAAA;AAAA,QAC1C,GACF;AAAA,QACA,6CAAC,OACC;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,GAAE;AAAA;AAAA,UACJ;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,GAAE;AAAA;AAAA,UACJ;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,GAAE;AAAA;AAAA,UACJ;AAAA,WACF;AAAA;AAAA;AAAA,EACF;AAEJ;AAEA,KAAK,cAAc;",
+  "sourcesContent": ["import type { RefAttributes } from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport type { DOMProps } from \"../../types/dom\";\n\nexport type LogoElementType = SVGSVGElement;\n\nexport interface LogoProps extends DOMProps, RefAttributes<LogoElementType> {\n  /** Custom class name for setting specific CSS */\n  className?: string;\n  /** Custom width. When defined along with height, it will scale proportionally */\n  width?: string;\n  /** Custom height. When defined along with width, it will scale proportionally */\n  height?: string;\n  /** ARIA role for the SVG element */\n  role?: React.AriaRole;\n  /** Accessible label for the logo */\n  \"aria-label\"?: string;\n  /** Whether the logo is hidden from screen readers */\n  \"aria-hidden\"?: boolean | \"true\" | \"false\";\n  /** ID of an element that labels the logo */\n  \"aria-labelledby\"?: string;\n}\n\nexport const Logo = ({ ref, ...props }: LogoProps) => {\n  const { className, width, height, ...otherProps } = props;\n\n  const classes = classNames(\"mobius\", \"mobius-logo\", className);\n\n  return (\n    <svg\n      width={width}\n      height={height}\n      ref={ref}\n      className={classes}\n      viewBox=\"0 0 144 37\"\n      {...otherProps}\n    >\n      <defs>\n        <linearGradient\n          id=\"logo-gradient\"\n          x1=\"83.508%\"\n          x2=\"11.891%\"\n          y1=\"76.042%\"\n          y2=\"26.973%\"\n        >\n          <stop stopColor=\"#4632D8\" offset=\"0%\" />\n          <stop stopColor=\"#9084E8\" offset=\"100%\" />\n        </linearGradient>\n      </defs>\n      <g>\n        <path\n          fill=\"#0E0A2B\"\n          d=\"M68.788 11.307c0-2.486-2.027-3.345-3.833-4.1-1.332-.562-2.471-1.036-2.471-2.072 0-.873.77-1.42 1.968-1.42 1.051 0 1.806.444 2.294.725.193.103.474.222.755.133.192-.06.34-.207.459-.444l.34-.621c.266-.474.163-.888-.281-1.2-.533-.384-1.88-1.05-3.537-1.05-2.738 0-4.647 1.643-4.647 4.01 0 2.413 2.012 3.301 3.788 4.07 1.347.593 2.516 1.096 2.516 2.161 0 .873-.754 1.45-1.924 1.45-1.287 0-2.22-.65-2.678-.961l-.03-.015c-.533-.296-.903-.237-1.228.192l-.415.607c-.444.607-.148.992.134 1.228.828.637 2.427 1.392 4.203 1.392 2.708 0 4.587-1.673 4.587-4.085zm4.44 2.975V6.186c0-.577-.31-.888-.873-.888h-.843c-.563 0-.874.311-.874.888v8.096c0 .577.296.888.874.888h.843c.563 0 .873-.311.873-.888zM71.482 4.203h.755c.518 0 .814-.281.814-.8v-.517c0-.518-.296-.814-.814-.814h-.755c-.518 0-.8.281-.8.814v.518c.016.518.297.8.8.8zM92.645 24.48h.755c.518 0 .814-.282.814-.8v-.518c0-.518-.296-.814-.814-.814h-.755c-.518 0-.799.282-.799.814v.518c0 .518.281.8.8.8zm-6.26-19.42c-1.539 0-2.397.962-2.945 1.895-.444-1.243-1.435-1.895-2.871-1.895-1.362 0-2.146.888-2.723 1.806v-.68c0-.578-.311-.889-.873-.889h-.74c-.563 0-.873.311-.873.888v8.096c0 .577.295.888.873.888h.843c.577 0 .873-.311.873-.888V10.73c0-2.25.888-3.271 2.058-3.271 1.006 0 1.198.71 1.198 1.85v4.987c0 .578.311.888.888.888h.844c.577 0 .873-.31.873-.888v-3.551c0-2.25.873-3.271 2.013-3.271 1.036 0 1.243.74 1.243 1.85v4.987c0 .577.31.888.888.888h.814c.577 0 .888-.31.888-.888V8.835c0-2.5-1.095-3.774-3.27-3.774zm10.804 10.33c2.679 0 4.558-2.13 4.558-5.164 0-3.094-1.776-5.166-4.425-5.166-1.761 0-2.708 1.036-3.049 1.51v-.533c0-.459-.34-.755-.873-.755h-.607c-.562 0-.888.326-.888.888v11.9c0 .576.311.887.888.887h.814c.578 0 .888-.31.888-.888v-3.404c0-.207-.014-.4-.014-.532.325.429 1.184 1.258 2.708 1.258zm-2.768-5.105c0-1.362.622-2.975 2.368-2.975 1.377 0 2.309 1.184 2.309 2.945 0 1.746-.947 2.916-2.338 2.916-1.54 0-2.339-1.45-2.339-2.886zm12.965 4.07v-.652c0-.444-.252-.725-.681-.784-.34-.03-.68-.192-.68-1.066v-9.47c0-.563-.326-.888-.874-.888h-.843c-.563 0-.874.31-.874.888v9.679c0 1.258.34 2.16 1.021 2.678.637.489 1.466.533 2.013.533.607 0 .918-.325.918-.917zm9.457-9.073h-.962c-.518 0-.844.237-.977.726l-1.717 4.972c-.089.311-.192.71-.251.977-.074-.281-.193-.71-.296-1.021l-1.835-4.943c-.163-.489-.489-.71-.977-.71h-1.036c-.415 0-.622.162-.71.295-.09.134-.163.385.014.755l3.685 8.57-.34.813c-.252.592-.77 1.229-1.45 1.229-.267 0-.474-.09-.652-.163h-.014c-.43-.104-.755.074-.962.488l-.163.415c-.119.251-.148.517-.06.725.075.192.237.34.474.429.326.118.814.296 1.391.296 1.628 0 2.975-.977 3.597-2.605l3.996-10.226c.103-.296.088-.563-.045-.755-.163-.163-.4-.267-.71-.267zM67.634 28.297c.977-.592 1.54-1.658 1.54-2.886 0-2.176-1.688-3.567-4.293-3.567h-4.04c-.562 0-.873.311-.873.888v11.899c0 .577.296.888.873.888h4.1c1.346 0 2.5-.34 3.33-.962.932-.71 1.42-1.761 1.42-3.049.03-1.524-.784-2.767-2.057-3.211zm-5.017-.962v-3.212h2.25c1.02 0 1.628.592 1.628 1.584 0 .991-.607 1.643-1.57 1.643h-2.308v-.015zm4.396 4.01c0 1.155-.71 1.865-1.865 1.865h-2.53v-3.714h2.53c1.14.014 1.865.74 1.865 1.85zm12.638-5.712h-.814c-.577 0-.888.31-.888.888v3.655c0 2.176-1.361 3.182-2.634 3.182-1.006 0-1.406-.547-1.406-1.88v-4.942c0-.578-.31-.888-.888-.888h-.814c-.562 0-.888.325-.888.888v5.431c0 2.516 1.17 3.774 3.463 3.774a3.937 3.937 0 003.286-1.761v.651c0 .577.296.888.873.888h.74c.577 0 .888-.31.888-.888v-8.095c-.03-.578-.355-.903-.918-.903zm6.956 3.937c-.917-.311-1.702-.592-1.702-1.184 0-.74.77-.859 1.229-.859.784 0 1.406.281 1.805.474.548.237.947.118 1.184-.34l.193-.341c.251-.518.133-.947-.326-1.184-.326-.178-1.288-.71-2.753-.71-2.279 0-3.803 1.213-3.803 3.004 0 2.042 1.731 2.65 3.137 3.138.903.325 1.687.592 1.687 1.169 0 .547-.488.902-1.258.902-.917 0-1.613-.37-2.057-.621l-.059-.03c-.533-.28-.903-.207-1.213.222l-.222.34c-.178.252-.237.504-.178.726.044.207.192.37.4.488a5.774 5.774 0 003.285 1.007c2.235 0 3.789-1.273 3.789-3.079-.03-2.042-1.761-2.649-3.138-3.122zm6.897-3.937h-.844c-.562 0-.873.31-.873.888v8.095c0 .577.296.888.873.888h.844c.577 0 .873-.31.873-.888v-8.095c0-.563-.31-.888-.873-.888zm9.324-.237c-1.924 0-2.93 1.154-3.36 1.806v-.681c0-.577-.31-.888-.873-.888h-.74c-.563 0-.873.31-.873.888v8.095c0 .577.296.888.873.888h.843c.578 0 .874-.31.874-.888v-3.744c0-1.79 1.14-3.078 2.708-3.078 1.021 0 1.436.547 1.436 1.88v4.942c0 .577.31.888.887.888h.814c.578 0 .888-.31.888-.888v-5.431c0-2.516-1.169-3.789-3.477-3.789zm10.448 0c-2.96 0-5.032 2.131-5.032 5.165 0 2.99 2.235 5.165 5.313 5.165 1.48 0 2.635-.533 3.345-.977.444-.266.562-.695.296-1.198l-.222-.385c-.266-.459-.651-.563-1.184-.31h-.015a3.885 3.885 0 01-2.042.606c-1.54 0-2.634-.962-2.812-2.472h5.816a.935.935 0 00.933-.917c.014-2.827-1.717-4.677-4.396-4.677zm-.044 2.013c1.065 0 1.79.77 1.864 1.968h-4.1c.253-1.213 1.096-1.968 2.236-1.968zm10.152 2.16c-.917-.31-1.702-.591-1.702-1.183 0-.74.77-.859 1.229-.859.784 0 1.406.281 1.805.474.548.237.947.118 1.184-.34l.192-.341c.252-.518.134-.947-.325-1.184-.326-.178-1.288-.71-2.753-.71-2.279 0-3.803 1.213-3.803 3.004 0 2.042 1.731 2.65 3.137 3.138.903.325 1.687.592 1.687 1.169 0 .547-.488.902-1.258.902-.917 0-1.613-.37-2.057-.621l-.059-.03c-.533-.28-.903-.207-1.214.222l-.222.34c-.177.252-.236.504-.177.726.044.207.192.37.4.488a5.774 5.774 0 003.285 1.007c2.235 0 3.789-1.273 3.789-3.079-.015-2.042-1.747-2.649-3.138-3.122zm8.791 0c-.917-.31-1.702-.591-1.702-1.183 0-.74.77-.859 1.229-.859.784 0 1.406.281 1.805.474.548.237.947.118 1.184-.34l.192-.341c.252-.518.134-.947-.325-1.184-.326-.178-1.288-.71-2.753-.71-2.279 0-3.803 1.213-3.803 3.004 0 2.042 1.731 2.65 3.137 3.138.903.325 1.687.592 1.687 1.169 0 .547-.488.902-1.258.902-.917 0-1.613-.37-2.057-.621l-.059-.03c-.533-.28-.903-.207-1.214.222l-.222.34c-.177.252-.236.504-.177.726.044.207.192.37.4.488a5.774 5.774 0 003.285 1.007c2.235 0 3.789-1.273 3.789-3.079-.015-2.042-1.747-2.649-3.138-3.122z\"\n        />\n        <path\n          fill=\"url(#logo-gradient)\"\n          d=\"M22.747 22.288c.607 1.214.918 2.59.918 4.144 0 1.45-.267 2.827-.8 4.1a10.018 10.018 0 01-2.279 3.36c-.991.961-2.235 1.73-3.744 2.278-1.51.563-3.167.829-4.988.829-2.264 0-4.35-.385-6.29-1.14-1.938-.77-3.492-1.598-4.676-2.5-.31-.252-.548-.504-.696-.77a1.332 1.332 0 01-.177-.71.718.718 0 010-.252c.03-.37.207-.785.547-1.199l1.14-1.598c.4-.548.829-.844 1.288-.918a.896.896 0 01.222-.03c.4 0 .873.163 1.39.474 2.487 1.776 4.914 2.679 7.252 2.679 1.643 0 2.96-.385 3.922-1.14.962-.755 1.45-1.746 1.45-2.96 0-.725-.192-1.39-.562-1.983a5.347 5.347 0 00-1.539-1.569 18.207 18.207 0 00-2.235-1.287 56.102 56.102 0 00-2.649-1.214c-.917-.4-1.835-.814-2.752-1.258a19.282 19.282 0 01-2.62-1.539 14.014 14.014 0 01-2.22-1.924c-.666-.695-1.169-1.539-1.554-2.545-.37-.992-.562-2.087-.562-3.271 0-2.042.533-3.863 1.598-5.446 1.066-1.584 2.516-2.797 4.336-3.641C8.303.414 10.345 0 12.624 0c1.91 0 3.685.281 5.358.844 1.657.562 2.96 1.198 3.892 1.88.68.473 1.006 1.035 1.006 1.671 0 .385-.118.785-.37 1.2l-.917 1.657c-.385.74-.903 1.11-1.554 1.11-.4 0-.83-.133-1.318-.4a42.421 42.421 0 00-1.687-.947c-.473-.237-1.14-.488-1.998-.71a9.458 9.458 0 00-2.56-.356c-1.672 0-3.004.37-3.981 1.11-.992.74-1.48 1.717-1.48 2.946 0 .902.31 1.701.932 2.412.622.695 1.421 1.302 2.398 1.79.977.489 2.057.977 3.256 1.466a54.048 54.048 0 013.552 1.628 20.795 20.795 0 013.24 2.042c.948.755 1.732 1.732 2.354 2.945zm31.257 2.945c0 3.197-1.155 6.083-3.256 8.14-2.265 2.205-5.506 3.36-9.368 3.36H30.71c-2.443 0-4.278-1.836-4.278-4.278V4.53c0-1.2.43-2.28 1.214-3.064C28.43.681 29.51.252 30.709.252h9.013c3.419 0 6.32 1.095 8.377 3.182 1.909 1.923 2.945 4.558 2.945 7.429 0 2.294-.622 4.203-1.91 5.816 1.377.77 2.487 1.776 3.286 2.99 1.066 1.583 1.584 3.448 1.584 5.564zm-12.106-7.68c.044-.03 4.913-3.02 4.913-6.675 0-1.761-.607-3.345-1.717-4.455-1.568-1.584-3.788-1.924-5.372-1.924H30.68v28h10.7c2.738 0 4.958-.754 6.408-2.16 1.273-1.243 1.983-3.049 1.983-5.106 0-1.272-.296-2.353-.858-3.196v-.03c-1.362-2.353-6.838-3.774-6.897-3.789l-.844-.222.726-.444z\"\n        />\n        <path\n          fill=\"#0E0A2B\"\n          d=\"M138.199 25.455c0-.4.074-.784.222-1.14.148-.354.355-.665.606-.932.267-.266.563-.473.903-.621.34-.148.725-.222 1.11-.222.4 0 .784.074 1.125.222.355.148.666.355.917.621.267.267.474.578.622.933.148.355.222.74.222 1.14 0 .399-.074.784-.222 1.139a2.86 2.86 0 01-.622.932 3.087 3.087 0 01-.917.637 2.646 2.646 0 01-1.125.236c-.4 0-.77-.074-1.11-.236a2.777 2.777 0 01-.903-.637 2.821 2.821 0 01-.606-.932 2.898 2.898 0 01-.222-1.14zm.71 0c0 .326.06.622.163.903.103.281.266.518.459.725a2.051 2.051 0 001.524.666c.31 0 .592-.059.858-.177a2.175 2.175 0 001.155-1.214c.118-.281.162-.577.162-.903 0-.325-.059-.621-.162-.902a2.422 2.422 0 00-.46-.726 2.112 2.112 0 00-.695-.488 2.073 2.073 0 00-.858-.178c-.31 0-.592.06-.844.178a2.051 2.051 0 00-.68.488 2.45 2.45 0 00-.46.726 2.636 2.636 0 00-.162.902zm1.154-1.14c0-.221.119-.34.34-.34h.889c.296 0 .532.09.695.252.178.163.267.4.267.68a.623.623 0 01-.06.297.557.557 0 01-.133.222.512.512 0 01-.163.148c-.059.044-.118.059-.162.074v.014l.03.03c.014.015.014.03.029.06l.044.088.34.666c.06.118.075.207.045.281-.03.074-.104.104-.207.104h-.104c-.192 0-.31-.089-.385-.252l-.384-.829h-.4v.74c0 .222-.104.34-.31.34h-.06c-.207 0-.31-.118-.31-.34v-2.234zm1.051 1.037c.133 0 .252-.045.31-.119.075-.074.104-.192.104-.325s-.03-.252-.103-.326a.413.413 0 00-.296-.118h-.385v.873h.37v.015z\"\n        />\n      </g>\n    </svg>\n  );\n};\n\nLogo.displayName = \"Logo\";\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,oBAAuB;AAqCf;AAfD,IAAM,OAAO,CAAC,EAAE,KAAK,GAAG,MAAM,MAAiB;AACpD,QAAM,EAAE,WAAW,OAAO,QAAQ,GAAG,WAAW,IAAI;AAEpD,QAAM,cAAU,cAAAA,SAAW,UAAU,eAAe,SAAS;AAE7D,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW;AAAA,MACX,SAAQ;AAAA,MACP,GAAG;AAAA,MAEJ;AAAA,oDAAC,UACC;AAAA,UAAC;AAAA;AAAA,YACC,IAAG;AAAA,YACH,IAAG;AAAA,YACH,IAAG;AAAA,YACH,IAAG;AAAA,YACH,IAAG;AAAA,YAEH;AAAA,0DAAC,UAAK,WAAU,WAAU,QAAO,MAAK;AAAA,cACtC,4CAAC,UAAK,WAAU,WAAU,QAAO,QAAO;AAAA;AAAA;AAAA,QAC1C,GACF;AAAA,QACA,6CAAC,OACC;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,GAAE;AAAA;AAAA,UACJ;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,GAAE;AAAA;AAAA,UACJ;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,GAAE;AAAA;AAAA,UACJ;AAAA,WACF;AAAA;AAAA;AAAA,EACF;AAEJ;AAEA,KAAK,cAAc;",
   "names": ["classNames"]
 }

package/dist/cjs/components/Logo/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/Logo/index.tsx", "../../../../src/components/Logo/Logo.tsx"],
-  "sourcesContent": ["export * from \"./Logo\";\n", "import type { RefAttributes } from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport type { DOMProps } from \"../../types/dom\";\n\nexport type LogoElementType = SVGSVGElement;\n\nexport interface LogoProps extends DOMProps, RefAttributes<LogoElementType> {\n  /** Custom class name for setting specific CSS */\n  className?: string;\n  /** Custom width. When defined along with height, it will scale proportionally */\n  width?: string;\n  /** Custom height. When defined along with width, it will scale proportionally */\n  height?: string;\n}\n\nexport const Logo = ({ ref, ...props }: LogoProps) => {\n  const { className, width, height, ...otherProps } = props;\n\n  const classes = classNames(\"mobius\", \"mobius-logo\", className);\n\n  return (\n    <svg\n      width={width}\n      height={height}\n      ref={ref}\n      className={classes}\n      viewBox=\"0 0 144 37\"\n      {...otherProps}\n    >\n      <defs>\n        <linearGradient\n          id=\"logo-gradient\"\n          x1=\"83.508%\"\n          x2=\"11.891%\"\n          y1=\"76.042%\"\n          y2=\"26.973%\"\n        >\n          <stop stopColor=\"#4632D8\" offset=\"0%\" />\n          <stop stopColor=\"#9084E8\" offset=\"100%\" />\n        </linearGradient>\n      </defs>\n      <g>\n        <path\n          fill=\"#0E0A2B\"\n          d=\"M68.788 11.307c0-2.486-2.027-3.345-3.833-4.1-1.332-.562-2.471-1.036-2.471-2.072 0-.873.77-1.42 1.968-1.42 1.051 0 1.806.444 2.294.725.193.103.474.222.755.133.192-.06.34-.207.459-.444l.34-.621c.266-.474.163-.888-.281-1.2-.533-.384-1.88-1.05-3.537-1.05-2.738 0-4.647 1.643-4.647 4.01 0 2.413 2.012 3.301 3.788 4.07 1.347.593 2.516 1.096 2.516 2.161 0 .873-.754 1.45-1.924 1.45-1.287 0-2.22-.65-2.678-.961l-.03-.015c-.533-.296-.903-.237-1.228.192l-.415.607c-.444.607-.148.992.134 1.228.828.637 2.427 1.392 4.203 1.392 2.708 0 4.587-1.673 4.587-4.085zm4.44 2.975V6.186c0-.577-.31-.888-.873-.888h-.843c-.563 0-.874.311-.874.888v8.096c0 .577.296.888.874.888h.843c.563 0 .873-.311.873-.888zM71.482 4.203h.755c.518 0 .814-.281.814-.8v-.517c0-.518-.296-.814-.814-.814h-.755c-.518 0-.8.281-.8.814v.518c.016.518.297.8.8.8zM92.645 24.48h.755c.518 0 .814-.282.814-.8v-.518c0-.518-.296-.814-.814-.814h-.755c-.518 0-.799.282-.799.814v.518c0 .518.281.8.8.8zm-6.26-19.42c-1.539 0-2.397.962-2.945 1.895-.444-1.243-1.435-1.895-2.871-1.895-1.362 0-2.146.888-2.723 1.806v-.68c0-.578-.311-.889-.873-.889h-.74c-.563 0-.873.311-.873.888v8.096c0 .577.295.888.873.888h.843c.577 0 .873-.311.873-.888V10.73c0-2.25.888-3.271 2.058-3.271 1.006 0 1.198.71 1.198 1.85v4.987c0 .578.311.888.888.888h.844c.577 0 .873-.31.873-.888v-3.551c0-2.25.873-3.271 2.013-3.271 1.036 0 1.243.74 1.243 1.85v4.987c0 .577.31.888.888.888h.814c.577 0 .888-.31.888-.888V8.835c0-2.5-1.095-3.774-3.27-3.774zm10.804 10.33c2.679 0 4.558-2.13 4.558-5.164 0-3.094-1.776-5.166-4.425-5.166-1.761 0-2.708 1.036-3.049 1.51v-.533c0-.459-.34-.755-.873-.755h-.607c-.562 0-.888.326-.888.888v11.9c0 .576.311.887.888.887h.814c.578 0 .888-.31.888-.888v-3.404c0-.207-.014-.4-.014-.532.325.429 1.184 1.258 2.708 1.258zm-2.768-5.105c0-1.362.622-2.975 2.368-2.975 1.377 0 2.309 1.184 2.309 2.945 0 1.746-.947 2.916-2.338 2.916-1.54 0-2.339-1.45-2.339-2.886zm12.965 4.07v-.652c0-.444-.252-.725-.681-.784-.34-.03-.68-.192-.68-1.066v-9.47c0-.563-.326-.888-.874-.888h-.843c-.563 0-.874.31-.874.888v9.679c0 1.258.34 2.16 1.021 2.678.637.489 1.466.533 2.013.533.607 0 .918-.325.918-.917zm9.457-9.073h-.962c-.518 0-.844.237-.977.726l-1.717 4.972c-.089.311-.192.71-.251.977-.074-.281-.193-.71-.296-1.021l-1.835-4.943c-.163-.489-.489-.71-.977-.71h-1.036c-.415 0-.622.162-.71.295-.09.134-.163.385.014.755l3.685 8.57-.34.813c-.252.592-.77 1.229-1.45 1.229-.267 0-.474-.09-.652-.163h-.014c-.43-.104-.755.074-.962.488l-.163.415c-.119.251-.148.517-.06.725.075.192.237.34.474.429.326.118.814.296 1.391.296 1.628 0 2.975-.977 3.597-2.605l3.996-10.226c.103-.296.088-.563-.045-.755-.163-.163-.4-.267-.71-.267zM67.634 28.297c.977-.592 1.54-1.658 1.54-2.886 0-2.176-1.688-3.567-4.293-3.567h-4.04c-.562 0-.873.311-.873.888v11.899c0 .577.296.888.873.888h4.1c1.346 0 2.5-.34 3.33-.962.932-.71 1.42-1.761 1.42-3.049.03-1.524-.784-2.767-2.057-3.211zm-5.017-.962v-3.212h2.25c1.02 0 1.628.592 1.628 1.584 0 .991-.607 1.643-1.57 1.643h-2.308v-.015zm4.396 4.01c0 1.155-.71 1.865-1.865 1.865h-2.53v-3.714h2.53c1.14.014 1.865.74 1.865 1.85zm12.638-5.712h-.814c-.577 0-.888.31-.888.888v3.655c0 2.176-1.361 3.182-2.634 3.182-1.006 0-1.406-.547-1.406-1.88v-4.942c0-.578-.31-.888-.888-.888h-.814c-.562 0-.888.325-.888.888v5.431c0 2.516 1.17 3.774 3.463 3.774a3.937 3.937 0 003.286-1.761v.651c0 .577.296.888.873.888h.74c.577 0 .888-.31.888-.888v-8.095c-.03-.578-.355-.903-.918-.903zm6.956 3.937c-.917-.311-1.702-.592-1.702-1.184 0-.74.77-.859 1.229-.859.784 0 1.406.281 1.805.474.548.237.947.118 1.184-.34l.193-.341c.251-.518.133-.947-.326-1.184-.326-.178-1.288-.71-2.753-.71-2.279 0-3.803 1.213-3.803 3.004 0 2.042 1.731 2.65 3.137 3.138.903.325 1.687.592 1.687 1.169 0 .547-.488.902-1.258.902-.917 0-1.613-.37-2.057-.621l-.059-.03c-.533-.28-.903-.207-1.213.222l-.222.34c-.178.252-.237.504-.178.726.044.207.192.37.4.488a5.774 5.774 0 003.285 1.007c2.235 0 3.789-1.273 3.789-3.079-.03-2.042-1.761-2.649-3.138-3.122zm6.897-3.937h-.844c-.562 0-.873.31-.873.888v8.095c0 .577.296.888.873.888h.844c.577 0 .873-.31.873-.888v-8.095c0-.563-.31-.888-.873-.888zm9.324-.237c-1.924 0-2.93 1.154-3.36 1.806v-.681c0-.577-.31-.888-.873-.888h-.74c-.563 0-.873.31-.873.888v8.095c0 .577.296.888.873.888h.843c.578 0 .874-.31.874-.888v-3.744c0-1.79 1.14-3.078 2.708-3.078 1.021 0 1.436.547 1.436 1.88v4.942c0 .577.31.888.887.888h.814c.578 0 .888-.31.888-.888v-5.431c0-2.516-1.169-3.789-3.477-3.789zm10.448 0c-2.96 0-5.032 2.131-5.032 5.165 0 2.99 2.235 5.165 5.313 5.165 1.48 0 2.635-.533 3.345-.977.444-.266.562-.695.296-1.198l-.222-.385c-.266-.459-.651-.563-1.184-.31h-.015a3.885 3.885 0 01-2.042.606c-1.54 0-2.634-.962-2.812-2.472h5.816a.935.935 0 00.933-.917c.014-2.827-1.717-4.677-4.396-4.677zm-.044 2.013c1.065 0 1.79.77 1.864 1.968h-4.1c.253-1.213 1.096-1.968 2.236-1.968zm10.152 2.16c-.917-.31-1.702-.591-1.702-1.183 0-.74.77-.859 1.229-.859.784 0 1.406.281 1.805.474.548.237.947.118 1.184-.34l.192-.341c.252-.518.134-.947-.325-1.184-.326-.178-1.288-.71-2.753-.71-2.279 0-3.803 1.213-3.803 3.004 0 2.042 1.731 2.65 3.137 3.138.903.325 1.687.592 1.687 1.169 0 .547-.488.902-1.258.902-.917 0-1.613-.37-2.057-.621l-.059-.03c-.533-.28-.903-.207-1.214.222l-.222.34c-.177.252-.236.504-.177.726.044.207.192.37.4.488a5.774 5.774 0 003.285 1.007c2.235 0 3.789-1.273 3.789-3.079-.015-2.042-1.747-2.649-3.138-3.122zm8.791 0c-.917-.31-1.702-.591-1.702-1.183 0-.74.77-.859 1.229-.859.784 0 1.406.281 1.805.474.548.237.947.118 1.184-.34l.192-.341c.252-.518.134-.947-.325-1.184-.326-.178-1.288-.71-2.753-.71-2.279 0-3.803 1.213-3.803 3.004 0 2.042 1.731 2.65 3.137 3.138.903.325 1.687.592 1.687 1.169 0 .547-.488.902-1.258.902-.917 0-1.613-.37-2.057-.621l-.059-.03c-.533-.28-.903-.207-1.214.222l-.222.34c-.177.252-.236.504-.177.726.044.207.192.37.4.488a5.774 5.774 0 003.285 1.007c2.235 0 3.789-1.273 3.789-3.079-.015-2.042-1.747-2.649-3.138-3.122z\"\n        />\n        <path\n          fill=\"url(#logo-gradient)\"\n          d=\"M22.747 22.288c.607 1.214.918 2.59.918 4.144 0 1.45-.267 2.827-.8 4.1a10.018 10.018 0 01-2.279 3.36c-.991.961-2.235 1.73-3.744 2.278-1.51.563-3.167.829-4.988.829-2.264 0-4.35-.385-6.29-1.14-1.938-.77-3.492-1.598-4.676-2.5-.31-.252-.548-.504-.696-.77a1.332 1.332 0 01-.177-.71.718.718 0 010-.252c.03-.37.207-.785.547-1.199l1.14-1.598c.4-.548.829-.844 1.288-.918a.896.896 0 01.222-.03c.4 0 .873.163 1.39.474 2.487 1.776 4.914 2.679 7.252 2.679 1.643 0 2.96-.385 3.922-1.14.962-.755 1.45-1.746 1.45-2.96 0-.725-.192-1.39-.562-1.983a5.347 5.347 0 00-1.539-1.569 18.207 18.207 0 00-2.235-1.287 56.102 56.102 0 00-2.649-1.214c-.917-.4-1.835-.814-2.752-1.258a19.282 19.282 0 01-2.62-1.539 14.014 14.014 0 01-2.22-1.924c-.666-.695-1.169-1.539-1.554-2.545-.37-.992-.562-2.087-.562-3.271 0-2.042.533-3.863 1.598-5.446 1.066-1.584 2.516-2.797 4.336-3.641C8.303.414 10.345 0 12.624 0c1.91 0 3.685.281 5.358.844 1.657.562 2.96 1.198 3.892 1.88.68.473 1.006 1.035 1.006 1.671 0 .385-.118.785-.37 1.2l-.917 1.657c-.385.74-.903 1.11-1.554 1.11-.4 0-.83-.133-1.318-.4a42.421 42.421 0 00-1.687-.947c-.473-.237-1.14-.488-1.998-.71a9.458 9.458 0 00-2.56-.356c-1.672 0-3.004.37-3.981 1.11-.992.74-1.48 1.717-1.48 2.946 0 .902.31 1.701.932 2.412.622.695 1.421 1.302 2.398 1.79.977.489 2.057.977 3.256 1.466a54.048 54.048 0 013.552 1.628 20.795 20.795 0 013.24 2.042c.948.755 1.732 1.732 2.354 2.945zm31.257 2.945c0 3.197-1.155 6.083-3.256 8.14-2.265 2.205-5.506 3.36-9.368 3.36H30.71c-2.443 0-4.278-1.836-4.278-4.278V4.53c0-1.2.43-2.28 1.214-3.064C28.43.681 29.51.252 30.709.252h9.013c3.419 0 6.32 1.095 8.377 3.182 1.909 1.923 2.945 4.558 2.945 7.429 0 2.294-.622 4.203-1.91 5.816 1.377.77 2.487 1.776 3.286 2.99 1.066 1.583 1.584 3.448 1.584 5.564zm-12.106-7.68c.044-.03 4.913-3.02 4.913-6.675 0-1.761-.607-3.345-1.717-4.455-1.568-1.584-3.788-1.924-5.372-1.924H30.68v28h10.7c2.738 0 4.958-.754 6.408-2.16 1.273-1.243 1.983-3.049 1.983-5.106 0-1.272-.296-2.353-.858-3.196v-.03c-1.362-2.353-6.838-3.774-6.897-3.789l-.844-.222.726-.444z\"\n        />\n        <path\n          fill=\"#0E0A2B\"\n          d=\"M138.199 25.455c0-.4.074-.784.222-1.14.148-.354.355-.665.606-.932.267-.266.563-.473.903-.621.34-.148.725-.222 1.11-.222.4 0 .784.074 1.125.222.355.148.666.355.917.621.267.267.474.578.622.933.148.355.222.74.222 1.14 0 .399-.074.784-.222 1.139a2.86 2.86 0 01-.622.932 3.087 3.087 0 01-.917.637 2.646 2.646 0 01-1.125.236c-.4 0-.77-.074-1.11-.236a2.777 2.777 0 01-.903-.637 2.821 2.821 0 01-.606-.932 2.898 2.898 0 01-.222-1.14zm.71 0c0 .326.06.622.163.903.103.281.266.518.459.725a2.051 2.051 0 001.524.666c.31 0 .592-.059.858-.177a2.175 2.175 0 001.155-1.214c.118-.281.162-.577.162-.903 0-.325-.059-.621-.162-.902a2.422 2.422 0 00-.46-.726 2.112 2.112 0 00-.695-.488 2.073 2.073 0 00-.858-.178c-.31 0-.592.06-.844.178a2.051 2.051 0 00-.68.488 2.45 2.45 0 00-.46.726 2.636 2.636 0 00-.162.902zm1.154-1.14c0-.221.119-.34.34-.34h.889c.296 0 .532.09.695.252.178.163.267.4.267.68a.623.623 0 01-.06.297.557.557 0 01-.133.222.512.512 0 01-.163.148c-.059.044-.118.059-.162.074v.014l.03.03c.014.015.014.03.029.06l.044.088.34.666c.06.118.075.207.045.281-.03.074-.104.104-.207.104h-.104c-.192 0-.31-.089-.385-.252l-.384-.829h-.4v.74c0 .222-.104.34-.31.34h-.06c-.207 0-.31-.118-.31-.34v-2.234zm1.051 1.037c.133 0 .252-.045.31-.119.075-.074.104-.192.104-.325s-.03-.252-.103-.326a.413.413 0 00-.296-.118h-.385v.873h.37v.015z\"\n        />\n      </g>\n    </svg>\n  );\n};\n\nLogo.displayName = \"Logo\";\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACCA,oBAAuB;AA6Bf;AAfD,IAAM,OAAO,CAAC,EAAE,KAAK,GAAG,MAAM,MAAiB;AACpD,QAAM,EAAE,WAAW,OAAO,QAAQ,GAAG,WAAW,IAAI;AAEpD,QAAM,cAAU,cAAAA,SAAW,UAAU,eAAe,SAAS;AAE7D,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW;AAAA,MACX,SAAQ;AAAA,MACP,GAAG;AAAA,MAEJ;AAAA,oDAAC,UACC;AAAA,UAAC;AAAA;AAAA,YACC,IAAG;AAAA,YACH,IAAG;AAAA,YACH,IAAG;AAAA,YACH,IAAG;AAAA,YACH,IAAG;AAAA,YAEH;AAAA,0DAAC,UAAK,WAAU,WAAU,QAAO,MAAK;AAAA,cACtC,4CAAC,UAAK,WAAU,WAAU,QAAO,QAAO;AAAA;AAAA;AAAA,QAC1C,GACF;AAAA,QACA,6CAAC,OACC;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,GAAE;AAAA;AAAA,UACJ;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,GAAE;AAAA;AAAA,UACJ;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,GAAE;AAAA;AAAA,UACJ;AAAA,WACF;AAAA;AAAA;AAAA,EACF;AAEJ;AAEA,KAAK,cAAc;",
+  "sourcesContent": ["export * from \"./Logo\";\n", "import type { RefAttributes } from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport type { DOMProps } from \"../../types/dom\";\n\nexport type LogoElementType = SVGSVGElement;\n\nexport interface LogoProps extends DOMProps, RefAttributes<LogoElementType> {\n  /** Custom class name for setting specific CSS */\n  className?: string;\n  /** Custom width. When defined along with height, it will scale proportionally */\n  width?: string;\n  /** Custom height. When defined along with width, it will scale proportionally */\n  height?: string;\n  /** ARIA role for the SVG element */\n  role?: React.AriaRole;\n  /** Accessible label for the logo */\n  \"aria-label\"?: string;\n  /** Whether the logo is hidden from screen readers */\n  \"aria-hidden\"?: boolean | \"true\" | \"false\";\n  /** ID of an element that labels the logo */\n  \"aria-labelledby\"?: string;\n}\n\nexport const Logo = ({ ref, ...props }: LogoProps) => {\n  const { className, width, height, ...otherProps } = props;\n\n  const classes = classNames(\"mobius\", \"mobius-logo\", className);\n\n  return (\n    <svg\n      width={width}\n      height={height}\n      ref={ref}\n      className={classes}\n      viewBox=\"0 0 144 37\"\n      {...otherProps}\n    >\n      <defs>\n        <linearGradient\n          id=\"logo-gradient\"\n          x1=\"83.508%\"\n          x2=\"11.891%\"\n          y1=\"76.042%\"\n          y2=\"26.973%\"\n        >\n          <stop stopColor=\"#4632D8\" offset=\"0%\" />\n          <stop stopColor=\"#9084E8\" offset=\"100%\" />\n        </linearGradient>\n      </defs>\n      <g>\n        <path\n          fill=\"#0E0A2B\"\n          d=\"M68.788 11.307c0-2.486-2.027-3.345-3.833-4.1-1.332-.562-2.471-1.036-2.471-2.072 0-.873.77-1.42 1.968-1.42 1.051 0 1.806.444 2.294.725.193.103.474.222.755.133.192-.06.34-.207.459-.444l.34-.621c.266-.474.163-.888-.281-1.2-.533-.384-1.88-1.05-3.537-1.05-2.738 0-4.647 1.643-4.647 4.01 0 2.413 2.012 3.301 3.788 4.07 1.347.593 2.516 1.096 2.516 2.161 0 .873-.754 1.45-1.924 1.45-1.287 0-2.22-.65-2.678-.961l-.03-.015c-.533-.296-.903-.237-1.228.192l-.415.607c-.444.607-.148.992.134 1.228.828.637 2.427 1.392 4.203 1.392 2.708 0 4.587-1.673 4.587-4.085zm4.44 2.975V6.186c0-.577-.31-.888-.873-.888h-.843c-.563 0-.874.311-.874.888v8.096c0 .577.296.888.874.888h.843c.563 0 .873-.311.873-.888zM71.482 4.203h.755c.518 0 .814-.281.814-.8v-.517c0-.518-.296-.814-.814-.814h-.755c-.518 0-.8.281-.8.814v.518c.016.518.297.8.8.8zM92.645 24.48h.755c.518 0 .814-.282.814-.8v-.518c0-.518-.296-.814-.814-.814h-.755c-.518 0-.799.282-.799.814v.518c0 .518.281.8.8.8zm-6.26-19.42c-1.539 0-2.397.962-2.945 1.895-.444-1.243-1.435-1.895-2.871-1.895-1.362 0-2.146.888-2.723 1.806v-.68c0-.578-.311-.889-.873-.889h-.74c-.563 0-.873.311-.873.888v8.096c0 .577.295.888.873.888h.843c.577 0 .873-.311.873-.888V10.73c0-2.25.888-3.271 2.058-3.271 1.006 0 1.198.71 1.198 1.85v4.987c0 .578.311.888.888.888h.844c.577 0 .873-.31.873-.888v-3.551c0-2.25.873-3.271 2.013-3.271 1.036 0 1.243.74 1.243 1.85v4.987c0 .577.31.888.888.888h.814c.577 0 .888-.31.888-.888V8.835c0-2.5-1.095-3.774-3.27-3.774zm10.804 10.33c2.679 0 4.558-2.13 4.558-5.164 0-3.094-1.776-5.166-4.425-5.166-1.761 0-2.708 1.036-3.049 1.51v-.533c0-.459-.34-.755-.873-.755h-.607c-.562 0-.888.326-.888.888v11.9c0 .576.311.887.888.887h.814c.578 0 .888-.31.888-.888v-3.404c0-.207-.014-.4-.014-.532.325.429 1.184 1.258 2.708 1.258zm-2.768-5.105c0-1.362.622-2.975 2.368-2.975 1.377 0 2.309 1.184 2.309 2.945 0 1.746-.947 2.916-2.338 2.916-1.54 0-2.339-1.45-2.339-2.886zm12.965 4.07v-.652c0-.444-.252-.725-.681-.784-.34-.03-.68-.192-.68-1.066v-9.47c0-.563-.326-.888-.874-.888h-.843c-.563 0-.874.31-.874.888v9.679c0 1.258.34 2.16 1.021 2.678.637.489 1.466.533 2.013.533.607 0 .918-.325.918-.917zm9.457-9.073h-.962c-.518 0-.844.237-.977.726l-1.717 4.972c-.089.311-.192.71-.251.977-.074-.281-.193-.71-.296-1.021l-1.835-4.943c-.163-.489-.489-.71-.977-.71h-1.036c-.415 0-.622.162-.71.295-.09.134-.163.385.014.755l3.685 8.57-.34.813c-.252.592-.77 1.229-1.45 1.229-.267 0-.474-.09-.652-.163h-.014c-.43-.104-.755.074-.962.488l-.163.415c-.119.251-.148.517-.06.725.075.192.237.34.474.429.326.118.814.296 1.391.296 1.628 0 2.975-.977 3.597-2.605l3.996-10.226c.103-.296.088-.563-.045-.755-.163-.163-.4-.267-.71-.267zM67.634 28.297c.977-.592 1.54-1.658 1.54-2.886 0-2.176-1.688-3.567-4.293-3.567h-4.04c-.562 0-.873.311-.873.888v11.899c0 .577.296.888.873.888h4.1c1.346 0 2.5-.34 3.33-.962.932-.71 1.42-1.761 1.42-3.049.03-1.524-.784-2.767-2.057-3.211zm-5.017-.962v-3.212h2.25c1.02 0 1.628.592 1.628 1.584 0 .991-.607 1.643-1.57 1.643h-2.308v-.015zm4.396 4.01c0 1.155-.71 1.865-1.865 1.865h-2.53v-3.714h2.53c1.14.014 1.865.74 1.865 1.85zm12.638-5.712h-.814c-.577 0-.888.31-.888.888v3.655c0 2.176-1.361 3.182-2.634 3.182-1.006 0-1.406-.547-1.406-1.88v-4.942c0-.578-.31-.888-.888-.888h-.814c-.562 0-.888.325-.888.888v5.431c0 2.516 1.17 3.774 3.463 3.774a3.937 3.937 0 003.286-1.761v.651c0 .577.296.888.873.888h.74c.577 0 .888-.31.888-.888v-8.095c-.03-.578-.355-.903-.918-.903zm6.956 3.937c-.917-.311-1.702-.592-1.702-1.184 0-.74.77-.859 1.229-.859.784 0 1.406.281 1.805.474.548.237.947.118 1.184-.34l.193-.341c.251-.518.133-.947-.326-1.184-.326-.178-1.288-.71-2.753-.71-2.279 0-3.803 1.213-3.803 3.004 0 2.042 1.731 2.65 3.137 3.138.903.325 1.687.592 1.687 1.169 0 .547-.488.902-1.258.902-.917 0-1.613-.37-2.057-.621l-.059-.03c-.533-.28-.903-.207-1.213.222l-.222.34c-.178.252-.237.504-.178.726.044.207.192.37.4.488a5.774 5.774 0 003.285 1.007c2.235 0 3.789-1.273 3.789-3.079-.03-2.042-1.761-2.649-3.138-3.122zm6.897-3.937h-.844c-.562 0-.873.31-.873.888v8.095c0 .577.296.888.873.888h.844c.577 0 .873-.31.873-.888v-8.095c0-.563-.31-.888-.873-.888zm9.324-.237c-1.924 0-2.93 1.154-3.36 1.806v-.681c0-.577-.31-.888-.873-.888h-.74c-.563 0-.873.31-.873.888v8.095c0 .577.296.888.873.888h.843c.578 0 .874-.31.874-.888v-3.744c0-1.79 1.14-3.078 2.708-3.078 1.021 0 1.436.547 1.436 1.88v4.942c0 .577.31.888.887.888h.814c.578 0 .888-.31.888-.888v-5.431c0-2.516-1.169-3.789-3.477-3.789zm10.448 0c-2.96 0-5.032 2.131-5.032 5.165 0 2.99 2.235 5.165 5.313 5.165 1.48 0 2.635-.533 3.345-.977.444-.266.562-.695.296-1.198l-.222-.385c-.266-.459-.651-.563-1.184-.31h-.015a3.885 3.885 0 01-2.042.606c-1.54 0-2.634-.962-2.812-2.472h5.816a.935.935 0 00.933-.917c.014-2.827-1.717-4.677-4.396-4.677zm-.044 2.013c1.065 0 1.79.77 1.864 1.968h-4.1c.253-1.213 1.096-1.968 2.236-1.968zm10.152 2.16c-.917-.31-1.702-.591-1.702-1.183 0-.74.77-.859 1.229-.859.784 0 1.406.281 1.805.474.548.237.947.118 1.184-.34l.192-.341c.252-.518.134-.947-.325-1.184-.326-.178-1.288-.71-2.753-.71-2.279 0-3.803 1.213-3.803 3.004 0 2.042 1.731 2.65 3.137 3.138.903.325 1.687.592 1.687 1.169 0 .547-.488.902-1.258.902-.917 0-1.613-.37-2.057-.621l-.059-.03c-.533-.28-.903-.207-1.214.222l-.222.34c-.177.252-.236.504-.177.726.044.207.192.37.4.488a5.774 5.774 0 003.285 1.007c2.235 0 3.789-1.273 3.789-3.079-.015-2.042-1.747-2.649-3.138-3.122zm8.791 0c-.917-.31-1.702-.591-1.702-1.183 0-.74.77-.859 1.229-.859.784 0 1.406.281 1.805.474.548.237.947.118 1.184-.34l.192-.341c.252-.518.134-.947-.325-1.184-.326-.178-1.288-.71-2.753-.71-2.279 0-3.803 1.213-3.803 3.004 0 2.042 1.731 2.65 3.137 3.138.903.325 1.687.592 1.687 1.169 0 .547-.488.902-1.258.902-.917 0-1.613-.37-2.057-.621l-.059-.03c-.533-.28-.903-.207-1.214.222l-.222.34c-.177.252-.236.504-.177.726.044.207.192.37.4.488a5.774 5.774 0 003.285 1.007c2.235 0 3.789-1.273 3.789-3.079-.015-2.042-1.747-2.649-3.138-3.122z\"\n        />\n        <path\n          fill=\"url(#logo-gradient)\"\n          d=\"M22.747 22.288c.607 1.214.918 2.59.918 4.144 0 1.45-.267 2.827-.8 4.1a10.018 10.018 0 01-2.279 3.36c-.991.961-2.235 1.73-3.744 2.278-1.51.563-3.167.829-4.988.829-2.264 0-4.35-.385-6.29-1.14-1.938-.77-3.492-1.598-4.676-2.5-.31-.252-.548-.504-.696-.77a1.332 1.332 0 01-.177-.71.718.718 0 010-.252c.03-.37.207-.785.547-1.199l1.14-1.598c.4-.548.829-.844 1.288-.918a.896.896 0 01.222-.03c.4 0 .873.163 1.39.474 2.487 1.776 4.914 2.679 7.252 2.679 1.643 0 2.96-.385 3.922-1.14.962-.755 1.45-1.746 1.45-2.96 0-.725-.192-1.39-.562-1.983a5.347 5.347 0 00-1.539-1.569 18.207 18.207 0 00-2.235-1.287 56.102 56.102 0 00-2.649-1.214c-.917-.4-1.835-.814-2.752-1.258a19.282 19.282 0 01-2.62-1.539 14.014 14.014 0 01-2.22-1.924c-.666-.695-1.169-1.539-1.554-2.545-.37-.992-.562-2.087-.562-3.271 0-2.042.533-3.863 1.598-5.446 1.066-1.584 2.516-2.797 4.336-3.641C8.303.414 10.345 0 12.624 0c1.91 0 3.685.281 5.358.844 1.657.562 2.96 1.198 3.892 1.88.68.473 1.006 1.035 1.006 1.671 0 .385-.118.785-.37 1.2l-.917 1.657c-.385.74-.903 1.11-1.554 1.11-.4 0-.83-.133-1.318-.4a42.421 42.421 0 00-1.687-.947c-.473-.237-1.14-.488-1.998-.71a9.458 9.458 0 00-2.56-.356c-1.672 0-3.004.37-3.981 1.11-.992.74-1.48 1.717-1.48 2.946 0 .902.31 1.701.932 2.412.622.695 1.421 1.302 2.398 1.79.977.489 2.057.977 3.256 1.466a54.048 54.048 0 013.552 1.628 20.795 20.795 0 013.24 2.042c.948.755 1.732 1.732 2.354 2.945zm31.257 2.945c0 3.197-1.155 6.083-3.256 8.14-2.265 2.205-5.506 3.36-9.368 3.36H30.71c-2.443 0-4.278-1.836-4.278-4.278V4.53c0-1.2.43-2.28 1.214-3.064C28.43.681 29.51.252 30.709.252h9.013c3.419 0 6.32 1.095 8.377 3.182 1.909 1.923 2.945 4.558 2.945 7.429 0 2.294-.622 4.203-1.91 5.816 1.377.77 2.487 1.776 3.286 2.99 1.066 1.583 1.584 3.448 1.584 5.564zm-12.106-7.68c.044-.03 4.913-3.02 4.913-6.675 0-1.761-.607-3.345-1.717-4.455-1.568-1.584-3.788-1.924-5.372-1.924H30.68v28h10.7c2.738 0 4.958-.754 6.408-2.16 1.273-1.243 1.983-3.049 1.983-5.106 0-1.272-.296-2.353-.858-3.196v-.03c-1.362-2.353-6.838-3.774-6.897-3.789l-.844-.222.726-.444z\"\n        />\n        <path\n          fill=\"#0E0A2B\"\n          d=\"M138.199 25.455c0-.4.074-.784.222-1.14.148-.354.355-.665.606-.932.267-.266.563-.473.903-.621.34-.148.725-.222 1.11-.222.4 0 .784.074 1.125.222.355.148.666.355.917.621.267.267.474.578.622.933.148.355.222.74.222 1.14 0 .399-.074.784-.222 1.139a2.86 2.86 0 01-.622.932 3.087 3.087 0 01-.917.637 2.646 2.646 0 01-1.125.236c-.4 0-.77-.074-1.11-.236a2.777 2.777 0 01-.903-.637 2.821 2.821 0 01-.606-.932 2.898 2.898 0 01-.222-1.14zm.71 0c0 .326.06.622.163.903.103.281.266.518.459.725a2.051 2.051 0 001.524.666c.31 0 .592-.059.858-.177a2.175 2.175 0 001.155-1.214c.118-.281.162-.577.162-.903 0-.325-.059-.621-.162-.902a2.422 2.422 0 00-.46-.726 2.112 2.112 0 00-.695-.488 2.073 2.073 0 00-.858-.178c-.31 0-.592.06-.844.178a2.051 2.051 0 00-.68.488 2.45 2.45 0 00-.46.726 2.636 2.636 0 00-.162.902zm1.154-1.14c0-.221.119-.34.34-.34h.889c.296 0 .532.09.695.252.178.163.267.4.267.68a.623.623 0 01-.06.297.557.557 0 01-.133.222.512.512 0 01-.163.148c-.059.044-.118.059-.162.074v.014l.03.03c.014.015.014.03.029.06l.044.088.34.666c.06.118.075.207.045.281-.03.074-.104.104-.207.104h-.104c-.192 0-.31-.089-.385-.252l-.384-.829h-.4v.74c0 .222-.104.34-.31.34h-.06c-.207 0-.31-.118-.31-.34v-2.234zm1.051 1.037c.133 0 .252-.045.31-.119.075-.074.104-.192.104-.325s-.03-.252-.103-.326a.413.413 0 00-.296-.118h-.385v.873h.37v.015z\"\n        />\n      </g>\n    </svg>\n  );\n};\n\nLogo.displayName = \"Logo\";\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACCA,oBAAuB;AAqCf;AAfD,IAAM,OAAO,CAAC,EAAE,KAAK,GAAG,MAAM,MAAiB;AACpD,QAAM,EAAE,WAAW,OAAO,QAAQ,GAAG,WAAW,IAAI;AAEpD,QAAM,cAAU,cAAAA,SAAW,UAAU,eAAe,SAAS;AAE7D,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW;AAAA,MACX,SAAQ;AAAA,MACP,GAAG;AAAA,MAEJ;AAAA,oDAAC,UACC;AAAA,UAAC;AAAA;AAAA,YACC,IAAG;AAAA,YACH,IAAG;AAAA,YACH,IAAG;AAAA,YACH,IAAG;AAAA,YACH,IAAG;AAAA,YAEH;AAAA,0DAAC,UAAK,WAAU,WAAU,QAAO,MAAK;AAAA,cACtC,4CAAC,UAAK,WAAU,WAAU,QAAO,QAAO;AAAA;AAAA;AAAA,QAC1C,GACF;AAAA,QACA,6CAAC,OACC;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,GAAE;AAAA;AAAA,UACJ;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,GAAE;AAAA;AAAA,UACJ;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,GAAE;AAAA;AAAA,UACJ;AAAA,WACF;AAAA;AAAA;AAAA,EACF;AAEJ;AAEA,KAAK,cAAc;",
   "names": ["classNames"]
 }