@graphcommerce/next-ui 9.0.4-canary.8 → 9.1.0-canary.15

package/CHANGELOG.md

@@ -1,5 +1,31 @@
 # Change Log
 
+## 9.1.0-canary.15
+
+### Patch Changes
+
+- [#2493](https://github.com/graphcommerce-org/graphcommerce/pull/2493) [`a34c276`](https://github.com/graphcommerce-org/graphcommerce/commit/a34c276b69f9ff1a727023eef64f2db8b196864c) - Added lots of missing icon exports ([@paales](https://github.com/paales))
+
+- [#2493](https://github.com/graphcommerce-org/graphcommerce/pull/2493) [`2a09ca9`](https://github.com/graphcommerce-org/graphcommerce/commit/2a09ca933e0de88dc32dac5ae62f41b0e5953359) - Intl components now accept the sx prop. `<RelativeToTimeFormat />` now expects a date prop instead of children. ([@paales](https://github.com/paales))
+
+- [#2493](https://github.com/graphcommerce-org/graphcommerce/pull/2493) [`05a1744`](https://github.com/graphcommerce-org/graphcommerce/commit/05a1744ddeca31c4d24128fd5cd2513a7c491d5b) - Added search params to NextLink whenever present ([@paales](https://github.com/paales))
+
+## 9.0.4-canary.14
+
+## 9.0.4-canary.13
+
+## 9.0.4-canary.12
+
+## 9.0.4-canary.11
+
+### Patch Changes
+
+- [#2485](https://github.com/graphcommerce-org/graphcommerce/pull/2485) [`b0ec078`](https://github.com/graphcommerce-org/graphcommerce/commit/b0ec0784a0b3ca977598ded3777d23bc929072b0) - Added a CurrencySymbol component that renders the current currency symbol ([@paales](https://github.com/paales))
+
+## 9.0.4-canary.10
+
+## 9.0.4-canary.9
+
 ## 9.0.4-canary.8
 
 ## 9.0.4-canary.7

package/Intl/CurrencySymbol/CurrencySymbol.tsx

@@ -0,0 +1,22 @@
+import { Box, type SxProps, type Theme } from '@mui/material'
+import { forwardRef } from 'react'
+import {
+  useIntlNumberFormat,
+  type UseIntlNumberFormatOptions,
+} from '../NumberFormat/useIntlNumberFormat'
+
+export type CurrencySymbolProps = Omit<UseIntlNumberFormatOptions, 'numberStyle'> & {
+  sx?: SxProps<Theme>
+}
+
+/** @public */
+export const CurrencySymbol = forwardRef<HTMLSpanElement, CurrencySymbolProps>((props, ref) => {
+  const { sx, ...options } = props
+  const formatter = useIntlNumberFormat({ ...options, numberStyle: 'currency' })
+
+  return (
+    <Box component='span' suppressHydrationWarning ref={ref} sx={sx}>
+      {formatter.formatToParts(1).find((part) => part.type === 'currency')?.value}
+    </Box>
+  )
+})

package/Intl/CurrencySymbol/index.ts

@@ -0,0 +1 @@
+export * from './CurrencySymbol'

package/Intl/DateTimeFormat/DateTimeFormat.tsx

@@ -1,16 +1,24 @@
+import { Box, type SxProps, type Theme } from '@mui/material'
 import { useMemo } from 'react'
 import type { DateValue } from './toDate'
 import { toDate } from './toDate'
 import type { UseIntlDateTimeFormatOptions } from './useIntlDateTimeFormat'
 import { useIntlDateTimeFormat } from './useIntlDateTimeFormat'
 
-export type DateTimeFormatProps = UseIntlDateTimeFormatOptions & { date: DateValue }
+export type DateTimeFormatProps = UseIntlDateTimeFormatOptions & {
+  date: DateValue
+  sx?: SxProps<Theme>
+}
 
 /** @public */
 export function DateTimeFormat(props: DateTimeFormatProps) {
-  const { date } = props
-  const formatter = useIntlDateTimeFormat({ dateStyle: 'medium', timeStyle: 'short', ...props })
+  const { date, sx, ...options } = props
+  const formatter = useIntlDateTimeFormat({ dateStyle: 'medium', timeStyle: 'short', ...options })
 
   const dateValue = useMemo(() => toDate(date), [date])
-  return <span suppressHydrationWarning>{dateValue ? formatter.format(dateValue) : null}</span>
+  return (
+    <Box component='span' suppressHydrationWarning sx={sx}>
+      {dateValue ? formatter.format(dateValue) : null}
+    </Box>
+  )
 }

package/Intl/DisplayNames/DisplayNames.tsx

@@ -1,14 +1,20 @@
+import { Box, type SxProps, type Theme } from '@mui/material'
 import type { UseIntlDisplayNamesOptions } from './useIntlDisplayNames'
 import { useIntlDisplayNames } from './useIntlDisplayNames'
 
 export type DisplayNamesProps = UseIntlDisplayNamesOptions & {
   code: string
+  sx?: SxProps<Theme>
 }
 
 /** @public */
 export function DisplayNames(props: DisplayNamesProps) {
-  const { code, ...options } = props
+  const { code, sx, ...options } = props
   const formatter = useIntlDisplayNames(options)
 
-  return <span suppressHydrationWarning>{formatter.of(code)}</span>
+  return (
+    <Box component='span' suppressHydrationWarning sx={sx}>
+      {formatter.of(code)}
+    </Box>
+  )
 }

package/Intl/NumberFormat/NumberFormat.tsx

@@ -1,4 +1,4 @@
-import { Box } from '@mui/material'
+import { Box, type SxProps, type Theme } from '@mui/material'
 import { forwardRef } from 'react'
 import type { UseIntlNumberFormatOptions } from './useIntlNumberFormat'
 import { useIntlNumberFormat } from './useIntlNumberFormat'
@@ -7,15 +7,16 @@ export type NumberFormatValue = number | bigint | Intl.StringNumericLiteral
 
 export type NumberFormatProps = UseIntlNumberFormatOptions & {
   value: NumberFormatValue
+  sx?: SxProps<Theme>
 }
 
 /** @public */
 export const NumberFormat = forwardRef<HTMLSpanElement, NumberFormatProps>((props, ref) => {
-  const { value, ...options } = props
+  const { value, sx, ...options } = props
   const formatter = useIntlNumberFormat(options)
 
   return (
-    <Box component='span' suppressHydrationWarning ref={ref}>
+    <Box component='span' suppressHydrationWarning ref={ref} sx={sx}>
       {formatter.format(value)}
     </Box>
   )

package/Intl/RelativeTimeFormat/RelativeTimeFormat.tsx

@@ -1,25 +1,42 @@
+import { Box } from '@mui/material'
+import type { BoxProps } from '@mui/material'
 import { forwardRef } from 'react'
 import { relativeTimeFormatUnitAuto } from './relativeTimeFormatAutoUnit'
 import type { UseIntlRelativeTimeFormatOptions } from './useIntlRelativeTimeFormat'
 import { useIntlRelativeTimeFormat } from './useIntlRelativeTimeFormat'
 
 export type RelativeTimeFormatProps = {
-  children: number
+  /** Value to format. */
+  value: number
+  /**
+   * Unit to display. If no unit is given the unit is automatically determined and the value given
+   * is measured in seconds.
+   */
   unit?: Intl.RelativeTimeFormatUnit
-} & UseIntlRelativeTimeFormatOptions
+} & UseIntlRelativeTimeFormatOptions &
+  Omit<BoxProps<'span'>, 'children'>
 
-/** Alternative: {@link file://./RelativeToTimeFormat.tsx} */
+/**
+ * Function to format a relative time. Implementation of
+ * {@link https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/RelativeTimeFormat}
+ *
+ * When no unit is given it tries to automatically determine the unit and expects the value to be in
+ * seconds.
+ *
+ * @public
+ * @see {@link file://./RelativeToTimeFormat.tsx}
+ */
 export const RelativeTimeFormat = forwardRef<HTMLSpanElement, RelativeTimeFormatProps>(
   (props, ref) => {
-    const { children, unit, locale, localeMatcher, numeric, styleFormat, ...rest } = props
+    const { value, unit, locale, localeMatcher, numeric, styleFormat, ...rest } = props
     const formatter = useIntlRelativeTimeFormat({ locale, localeMatcher, numeric, styleFormat })
 
-    const [value, autoUnit] = relativeTimeFormatUnitAuto({ value: children, unit })
+    const result = relativeTimeFormatUnitAuto({ value, unit })
 
     return (
-      <span suppressHydrationWarning ref={ref} {...rest}>
-        {children ? formatter.format(value, autoUnit) : null}
-      </span>
+      <Box component='span' suppressHydrationWarning ref={ref} {...rest}>
+        {result.value ? formatter.format(result.value, result.unit) : null}
+      </Box>
     )
   },
 )

package/Intl/RelativeTimeFormat/RelativeToTimeFormat.tsx

@@ -4,9 +4,9 @@ import { toDate } from '../DateTimeFormat/toDate'
 import type { RelativeTimeFormatProps } from './RelativeTimeFormat'
 import { RelativeTimeFormat } from './RelativeTimeFormat'
 
-type RelativeToTimeFormatProps = Omit<RelativeTimeFormatProps, 'children'> & {
+type RelativeToTimeFormatProps = Omit<RelativeTimeFormatProps, 'value' | 'children'> & {
   /** Date to format a relative value for. */
-  children: DateValue
+  date: DateValue
   /**
    * If provided, the component will format a relative value to this date. Else, it will format a
    * relative value to the current date.
@@ -14,22 +14,23 @@ type RelativeToTimeFormatProps = Omit<RelativeTimeFormatProps, 'children'> & {
   to?: DateValue
 }
 
+/**
+ * Relative to the the current date.
+ *
+ * @public
+ */
 export const RelativeToTimeFormat = forwardRef<HTMLSpanElement, RelativeToTimeFormatProps>(
   (props, ref) => {
-    const { children, to, ...rest } = props
+    const { date, to, ...rest } = props
 
     const relativeTo = useMemo(() => {
-      const date = toDate(children)
-      if (!date) return 0
+      const dateValue = toDate(date)
+      if (!dateValue) return 0
       const toDateValue = (to && toDate(to)) || new Date()
 
-      return Math.round((date.getTime() - toDateValue.getTime()) / 1000)
-    }, [children, to])
+      return Math.round((dateValue.getTime() - toDateValue.getTime()) / 1000)
+    }, [date, to])
 
-    return (
-      <RelativeTimeFormat {...rest} ref={ref}>
-        {relativeTo}
-      </RelativeTimeFormat>
-    )
+    return <RelativeTimeFormat {...rest} ref={ref} value={relativeTo} />
   },
 )

package/Intl/RelativeTimeFormat/relativeTimeFormatAutoUnit.ts

@@ -1,23 +1,45 @@
-type UseRelativeTimeFormatUnitAutoProps = {
+export type UseRelativeTimeFormatUnitAutoProps = {
   value: number
   unit?: Intl.RelativeTimeFormatUnit
 }
 
+export type RelativeTimeFormatUnitAutoResult = {
+  value: number
+  unit: Intl.RelativeTimeFormatUnit
+  remainder: number
+}
+
 export function relativeTimeFormatUnitAuto(
   props: UseRelativeTimeFormatUnitAutoProps,
-): [number, Intl.RelativeTimeFormatUnit] {
+): RelativeTimeFormatUnitAutoResult {
   const { value, unit } = props
+  const absValue = Math.abs(value)
 
-  if (unit) return [value, unit]
+  const timeUnits = [
+    { threshold: 60 * 60 * 24 * 365, unit: 'year' },
+    { threshold: 60 * 60 * 24 * 30, unit: 'month' },
+    { threshold: 60 * 60 * 24 * 7, unit: 'week' },
+    { threshold: 60 * 60 * 24, unit: 'day' },
+    { threshold: 60 * 60, unit: 'hour' },
+    { threshold: 60, unit: 'minute' },
+    { threshold: 0, unit: 'second' },
+  ] as const
 
-  // Calculate the absolute value once
-  const absValue = Math.abs(value)
+  let result: RelativeTimeFormatUnitAutoResult
+
+  if (unit) {
+    result = { value, unit, remainder: 0 }
+  } else {
+    const timeUnit =
+      timeUnits.find((tu) => absValue >= tu.threshold) ?? timeUnits[timeUnits.length - 1]
+    const divisor = timeUnit.unit === 'second' ? 1 : timeUnit.threshold
+
+    result = {
+      value: Math.floor(value / divisor),
+      unit: timeUnit.unit,
+      remainder: value % divisor,
+    }
+  }
 
-  if (absValue >= 60 * 60 * 24 * 365) return [Math.round(value / (60 * 60 * 24 * 365)), 'year']
-  if (absValue >= 60 * 60 * 24 * 30) return [Math.round(value / (60 * 60 * 24 * 30)), 'month']
-  if (absValue >= 60 * 60 * 24 * 7) return [Math.round(value / (60 * 60 * 24 * 7)), 'week']
-  if (absValue >= 60 * 60 * 24) return [Math.round(value / (60 * 60 * 24)), 'day']
-  if (absValue >= 60 * 60) return [Math.round(value / (60 * 60)), 'hour']
-  if (absValue >= 60) return [Math.round(value / 60), 'minute']
-  return [Math.round(value), 'second']
+  return result
 }

package/Intl/index.ts

@@ -9,3 +9,4 @@ export * from './NumberFormat' // Intl.NumberFormat
 // export * from './PluralRules' // Intl.PluralRules
 export * from './RelativeTimeFormat' // Intl.RelativeTimeFormat
 // export * from './Segmenter' // Intl.Segmenter
+export * from './CurrencySymbol'

package/Theme/NextLink.tsx

@@ -48,6 +48,7 @@ export const NextLink = forwardRef<HTMLAnchorElement, LinkProps>((props, ref) =>
     const url = new URL(href)
     locale = router.locales?.find((l) => url.pathname.startsWith(`/${l}/`))
     href = locale ? url.pathname.replace(`/${locale}/`, '/') : url.pathname
+    href += url.search
   }
 
   const isExternal = isFullUrl && !href.startsWith(canonicalBaseUrl)

package/hooks/memoDeep.ts

@@ -1,4 +1,6 @@
 // eslint-disable-next-line import/no-extraneous-dependencies
+import diff from '@graphcommerce/react-hook-form/src/diff'
+// eslint-disable-next-line import/no-extraneous-dependencies
 import { equal } from '@wry/equality'
 import type { FunctionComponent, NamedExoticComponent } from 'react'
 import { memo } from 'react'
@@ -23,11 +25,10 @@ export function memoDeep<P extends object>(
           const result = equal(prevProps, nextProps)
           const ms = performance.now() - start
 
-          if (ms < 0.2) return result
+          if (!result && ms < 0.2) return result
 
-          console.warn('memoDeep took more than 0.2ms', {
+          console.warn(`memoDeep took ${ms.toFixed(2)}ms`, {
             result,
-            ms,
             Component,
             prevProps,
             nextProps,

package/icons.ts

@@ -53,3 +53,262 @@ export { default as iconPhone } from './icons/smartphone.svg'
 export { default as iconStar } from './icons/star.svg'
 export { default as iconSun } from './icons/sun.svg'
 export { default as iconInfo } from './icons/info.svg'
+export { default as iconAccessibilityHuman } from './icons/accessibility-human.svg'
+export { default as iconAccessibility } from './icons/accessibility.svg'
+export { default as iconActivity } from './icons/activity.svg'
+export { default as iconAddToList } from './icons/add-to-list.svg'
+export { default as iconAdd } from './icons/add.svg'
+export { default as iconAlarm } from './icons/alarm.svg'
+export { default as iconAlignCenter } from './icons/align-center.svg'
+export { default as iconAlignLeft } from './icons/align-left.svg'
+export { default as iconAlignRight } from './icons/align-right.svg'
+export { default as iconAnchor } from './icons/anchor.svg'
+export { default as iconAperture } from './icons/aperture.svg'
+export { default as iconAppsAlt } from './icons/apps-alt.svg'
+export { default as iconApps } from './icons/apps.svg'
+export { default as iconArrowDownCircle } from './icons/arrow-down-circle.svg'
+export { default as iconBattery } from './icons/battery.svg'
+export { default as iconBatteryAlt } from './icons/battery-alt.svg'
+export { default as iconBatteryCharging } from './icons/battery-charging.svg'
+export { default as iconBatteryFull } from './icons/battery-full.svg'
+export { default as iconBatteryLow } from './icons/battery-low.svg'
+export { default as iconBatteryMedium } from './icons/battery-medium.svg'
+export { default as iconBell } from './icons/bell.svg'
+export { default as iconBike } from './icons/bike.svg'
+export { default as iconBluetooth } from './icons/bluetooth.svg'
+export { default as iconBolt } from './icons/bolt.svg'
+export { default as iconBookOpened } from './icons/book-opened.svg'
+export { default as iconBook } from './icons/book.svg'
+export { default as iconBookmark } from './icons/bookmark.svg'
+export { default as iconBrightness } from './icons/brightness.svg'
+export { default as iconBug } from './icons/bug.svg'
+export { default as iconCalendarAdd } from './icons/calendar-add.svg'
+export { default as iconCalendarDecline } from './icons/calendar-decline.svg'
+export { default as iconCalendarEvent } from './icons/calendar-event.svg'
+export { default as iconCameraRear } from './icons/camera-rear.svg'
+export { default as iconCamera } from './icons/camera.svg'
+export { default as iconCards } from './icons/cards.svg'
+export { default as iconCelluar } from './icons/celluar.svg'
+export { default as iconChart } from './icons/chart.svg'
+export { default as iconChatAdd } from './icons/chat-add.svg'
+export { default as iconChatRemove } from './icons/chat-remove.svg'
+export { default as iconChatWarning } from './icons/chat-warning.svg'
+export { default as iconCheckboxIntermediate } from './icons/checkbox-intermediate.svg'
+export { default as iconCheckbox } from './icons/checkbox.svg'
+export { default as iconChevronsDown } from './icons/chevrons-down.svg'
+export { default as iconChevronsLeft } from './icons/chevrons-left.svg'
+export { default as iconChevronsRight } from './icons/chevrons-right.svg'
+export { default as iconChevronsUp } from './icons/chevrons-up.svg'
+export { default as iconClip } from './icons/clip.svg'
+export { default as iconClipboard } from './icons/clipboard.svg'
+export { default as iconCloudCrossed } from './icons/cloud-crossed.svg'
+export { default as iconCloudUpload } from './icons/cloud-upload.svg'
+export { default as iconCloud } from './icons/cloud.svg'
+export { default as iconCodeAlt } from './icons/code-alt.svg'
+export { default as iconCode } from './icons/code.svg'
+export { default as iconCoffee } from './icons/coffee.svg'
+export { default as iconColours } from './icons/colours.svg'
+export { default as iconComponent } from './icons/component.svg'
+export { default as iconContactBook } from './icons/contact-book.svg'
+export { default as iconControlCentre } from './icons/control-centre.svg'
+export { default as iconControlsAlt } from './icons/controls-alt.svg'
+export { default as iconControlsVerticalAlt } from './icons/controls-vertical-alt.svg'
+export { default as iconControls } from './icons/controls.svg'
+export { default as iconCopy } from './icons/copy.svg'
+export { default as iconCrop } from './icons/crop.svg'
+export { default as iconCrossing } from './icons/crossing.svg'
+export { default as iconCup } from './icons/cup.svg'
+export { default as iconCursor } from './icons/cursor.svg'
+export { default as iconCut } from './icons/cut.svg'
+export { default as iconDanger } from './icons/danger.svg'
+export { default as iconDashboard } from './icons/dashboard.svg'
+export { default as iconDelete } from './icons/delete.svg'
+export { default as iconDialpad } from './icons/dialpad.svg'
+export { default as iconDiamond } from './icons/diamond.svg'
+export { default as iconDirectionLeft } from './icons/direction-left.svg'
+export { default as iconDirectionRight } from './icons/direction-right.svg'
+export { default as iconDirectionsLeft } from './icons/directions-left.svg'
+export { default as iconDirectionsRight } from './icons/directions-right.svg'
+export { default as iconDisc } from './icons/disc.svg'
+export { default as iconDolar } from './icons/dolar.svg'
+export { default as iconDownload } from './icons/download.svg'
+export { default as iconDrop } from './icons/drop.svg'
+export { default as iconEar } from './icons/ear.svg'
+export { default as iconEdit } from './icons/edit.svg'
+export { default as iconEllipsisVertical } from './icons/ellypsis-vertical.svg'
+export { default as iconEntrance } from './icons/entrance.svg'
+export { default as iconError } from './icons/error.svg'
+export { default as iconExtension } from './icons/extension.svg'
+export { default as iconFacebook } from './icons/facebook.svg'
+export { default as iconFeather } from './icons/feather.svg'
+export { default as iconFeed } from './icons/feed.svg'
+export { default as iconFile } from './icons/file.svg'
+export { default as iconFilm } from './icons/film.svg'
+export { default as iconFilter } from './icons/filter.svg'
+export { default as iconFit } from './icons/fit.svg'
+export { default as iconFlag } from './icons/flag.svg'
+export { default as iconFlower } from './icons/flower.svg'
+export { default as iconFolderAdd } from './icons/folder-add.svg'
+export { default as iconFolderRemove } from './icons/folder-remove.svg'
+export { default as iconFolderWarning } from './icons/folder-warning.svg'
+export { default as iconFolder } from './icons/folder.svg'
+export { default as iconForward } from './icons/forward.svg'
+export { default as iconGlasses } from './icons/glasses.svg'
+export { default as iconGridAlt } from './icons/grid-alt.svg'
+export { default as iconGridSmall } from './icons/grid-small.svg'
+export { default as iconGrid } from './icons/grid.svg'
+export { default as iconHash } from './icons/hash.svg'
+export { default as iconHdr } from './icons/hdr.svg'
+export { default as iconHeadphones } from './icons/headphones.svg'
+export { default as iconHearingDisability } from './icons/hearing-disability.svg'
+export { default as iconHelp } from './icons/help.svg'
+export { default as iconHistory } from './icons/history.svg'
+export { default as iconHomeAlt2 } from './icons/home-alt2.svg'
+export { default as iconHorn } from './icons/horn.svg'
+export { default as iconHourglass } from './icons/hourglass.svg'
+export { default as iconImage } from './icons/image.svg'
+export { default as iconInboxAlt } from './icons/inbox-alt.svg'
+export { default as iconInbox } from './icons/inbox.svg'
+export { default as iconInstagram } from './icons/instagram.svg'
+export { default as iconIphone } from './icons/iphone.svg'
+export { default as iconJustify } from './icons/justify.svg'
+export { default as iconKey } from './icons/key.svg'
+export { default as iconLaptop } from './icons/laptop.svg'
+export { default as iconLayers } from './icons/layers.svg'
+export { default as iconLayoutLeft } from './icons/layout-left.svg'
+export { default as iconLayoutRight } from './icons/layout-right.svg'
+export { default as iconLightbulb } from './icons/lightbulb.svg'
+export { default as iconLineChart } from './icons/line-chart.svg'
+export { default as iconLink } from './icons/link.svg'
+export { default as iconLinkedin } from './icons/linkedin.svg'
+export { default as iconListAlt } from './icons/list-alt.svg'
+export { default as iconListView } from './icons/list-view.svg'
+export { default as iconList } from './icons/list.svg'
+export { default as iconLockAltOpen } from './icons/lock-alt-open.svg'
+export { default as iconLockAlt } from './icons/lock-alt.svg'
+export { default as iconLockOpen } from './icons/lock-open.svg'
+export { default as iconMap } from './icons/map.svg'
+export { default as iconMarker } from './icons/marker.svg'
+export { default as iconMask } from './icons/mask.svg'
+export { default as iconMicrophone } from './icons/microphone.svg'
+export { default as iconMouse } from './icons/mouse.svg'
+export { default as iconMusic } from './icons/music.svg'
+export { default as iconMute } from './icons/mute.svg'
+export { default as iconNeutralFace } from './icons/neutral-face.svg'
+export { default as iconNew } from './icons/new.svg'
+export { default as iconNextAlt } from './icons/next-alt.svg'
+export { default as iconNext } from './icons/next.svg'
+export { default as iconNightMode } from './icons/night-mode.svg'
+export { default as iconNoEntry } from './icons/no-entry.svg'
+export { default as iconNotAllowed } from './icons/not-allowed.svg'
+export { default as iconNotebook } from './icons/notebook.svg'
+export { default as iconOctagon } from './icons/octagon.svg'
+export { default as iconOkCircle } from './icons/ok-circle.svg'
+export { default as iconOrigin } from './icons/origin.svg'
+export { default as iconPan } from './icons/pan.svg'
+export { default as iconPaperclip } from './icons/paperclip.svg'
+export { default as iconPauseCircle } from './icons/pause-circle.svg'
+export { default as iconPause } from './icons/pause.svg'
+export { default as iconPen } from './icons/pen.svg'
+export { default as iconPeople } from './icons/people.svg'
+export { default as iconPersonAdd } from './icons/person-add.svg'
+export { default as iconPieChart } from './icons/pie-chart.svg'
+export { default as iconPizza } from './icons/pizza.svg'
+export { default as iconPlaceholder } from './icons/placeholder.svg'
+export { default as iconPlane } from './icons/plane.svg'
+export { default as iconPoll } from './icons/poll.svg'
+export { default as iconPresentation } from './icons/presentation.svg'
+export { default as iconPreviousAlt } from './icons/previous-alt.svg'
+export { default as iconPrevious } from './icons/previous.svg'
+export { default as iconPrint } from './icons/print.svg'
+export { default as iconQr } from './icons/qr.svg'
+export { default as iconRadioButtonSelected } from './icons/radio-button-selected.svg'
+export { default as iconRadioButton } from './icons/radio-button.svg'
+export { default as iconRadio } from './icons/radio.svg'
+export { default as iconRain } from './icons/rain.svg'
+export { default as iconRectangle } from './icons/rectangle.svg'
+export { default as iconRedo } from './icons/redo.svg'
+export { default as iconRemove } from './icons/remove.svg'
+export { default as iconRepeat } from './icons/repeat.svg'
+export { default as iconRestaurant } from './icons/restaurant.svg'
+export { default as iconReturn } from './icons/return.svg'
+export { default as iconRetweet } from './icons/retweet.svg'
+export { default as iconRocket } from './icons/rocket.svg'
+export { default as iconRotate } from './icons/rotate.svg'
+export { default as iconRss } from './icons/rss.svg'
+export { default as iconSave } from './icons/save.svg'
+export { default as iconSend } from './icons/send.svg'
+export { default as iconSettings } from './icons/settings.svg'
+export { default as iconShareAndroid } from './icons/share-android.svg'
+export { default as iconShareIos } from './icons/share-ios.svg'
+export { default as iconShare } from './icons/share.svg'
+export { default as iconShield } from './icons/shield.svg'
+export { default as iconShift } from './icons/shift.svg'
+export { default as iconShuffle } from './icons/shuffle.svg'
+export { default as iconSignLanguage } from './icons/sign-language.svg'
+export { default as iconSignalAlt } from './icons/signal-alt.svg'
+export { default as iconSignal } from './icons/signal.svg'
+export { default as iconSkull } from './icons/skull.svg'
+export { default as iconSnow } from './icons/snow.svg'
+export { default as iconSortDown } from './icons/sort-down.svg'
+export { default as iconSortUp } from './icons/sort-up.svg'
+export { default as iconSorting } from './icons/sorting.svg'
+export { default as iconSounds } from './icons/sounds.svg'
+export { default as iconSpam } from './icons/spam.svg'
+export { default as iconStack } from './icons/stack.svg'
+export { default as iconStatsAlt } from './icons/stats-alt.svg'
+export { default as iconStats } from './icons/stats.svg'
+export { default as iconSticker } from './icons/sticker.svg'
+export { default as iconStop } from './icons/stop.svg'
+export { default as iconStopwatch } from './icons/stopwatch.svg'
+export { default as iconSuitcaseAlt } from './icons/suitcase-alt.svg'
+export { default as iconSuitcase } from './icons/suitcase.svg'
+export { default as iconSunCloud } from './icons/sun-cloud.svg'
+export { default as iconSunset } from './icons/sunset.svg'
+export { default as iconSupportAlt } from './icons/support-alt.svg'
+export { default as iconSupport } from './icons/support.svg'
+export { default as iconSwapHorizontal } from './icons/swap-horizontal.svg'
+export { default as iconSwapVertical } from './icons/swap-vertical.svg'
+export { default as iconSwitchOff } from './icons/switch-off.svg'
+export { default as iconSwitchOn } from './icons/switch-on.svg'
+export { default as iconTableHorizontal } from './icons/table-horizontal.svg'
+export { default as iconTableVertical } from './icons/table-vertical.svg'
+export { default as iconTagAlt } from './icons/tag-alt.svg'
+export { default as iconTag } from './icons/tag.svg'
+export { default as iconText } from './icons/text.svg'
+export { default as iconThermometer } from './icons/thermometer.svg'
+export { default as iconThumbDown } from './icons/thumb-down.svg'
+export { default as iconThumbUp } from './icons/thumb-up.svg'
+export { default as iconThunder } from './icons/thunder.svg'
+export { default as iconTime } from './icons/time.svg'
+export { default as iconTimer } from './icons/timer.svg'
+export { default as iconTool } from './icons/tool.svg'
+export { default as iconTrain } from './icons/train.svg'
+export { default as iconTransport } from './icons/transport.svg'
+export { default as iconTrendingDown } from './icons/trending-down.svg'
+export { default as iconTrendingUp } from './icons/trending-up.svg'
+export { default as iconTurnLeft } from './icons/turn-left.svg'
+export { default as iconTurnRight } from './icons/turn-right.svg'
+export { default as iconTv } from './icons/tv.svg'
+export { default as iconTwitter } from './icons/twitter.svg'
+export { default as iconTypography } from './icons/typography.svg'
+export { default as iconUmbrella } from './icons/umbrella.svg'
+export { default as iconUndo } from './icons/undo.svg'
+export { default as iconUpload } from './icons/upload.svg'
+export { default as iconUser } from './icons/user.svg'
+export { default as iconVerified } from './icons/verified.svg'
+export { default as iconVertical } from './icons/vertical.svg'
+export { default as iconVideo } from './icons/video.svg'
+export { default as iconVoicemail } from './icons/voicemail.svg'
+export { default as iconVolumeLoud } from './icons/volume-loud.svg'
+export { default as iconVolumeOff } from './icons/volume-off.svg'
+export { default as iconVolumeQuiet } from './icons/volume-quiet.svg'
+export { default as iconWalking } from './icons/walking.svg'
+export { default as iconWallpaper } from './icons/wallpaper.svg'
+export { default as iconWatch } from './icons/watch.svg'
+export { default as iconWheelchair } from './icons/wheelchair.svg'
+export { default as iconWifi } from './icons/wifi.svg'
+export { default as iconWindow } from './icons/window.svg'
+export { default as iconWine } from './icons/wine.svg'
+export { default as iconZoomIn } from './icons/zoom-in.svg'
+export { default as iconZoomOut } from './icons/zoom-out.svg'

package/package.json

@@ -2,7 +2,7 @@
   "name": "@graphcommerce/next-ui",
   "homepage": "https://www.graphcommerce.org/",
   "repository": "github:graphcommerce-org/graphcommerce",
-  "version": "9.0.4-canary.8",
+  "version": "9.1.0-canary.15",
   "sideEffects": false,
   "prettier": "@graphcommerce/prettier-config-pwa",
   "eslintConfig": {
@@ -24,13 +24,13 @@
     "@emotion/react": "^11",
     "@emotion/server": "^11",
     "@emotion/styled": "^11",
-    "@graphcommerce/eslint-config-pwa": "^9.0.4-canary.8",
-    "@graphcommerce/framer-next-pages": "^9.0.4-canary.8",
-    "@graphcommerce/framer-scroller": "^9.0.4-canary.8",
-    "@graphcommerce/framer-utils": "^9.0.4-canary.8",
-    "@graphcommerce/image": "^9.0.4-canary.8",
-    "@graphcommerce/prettier-config-pwa": "^9.0.4-canary.8",
-    "@graphcommerce/typescript-config-pwa": "^9.0.4-canary.8",
+    "@graphcommerce/eslint-config-pwa": "^9.1.0-canary.15",
+    "@graphcommerce/framer-next-pages": "^9.1.0-canary.15",
+    "@graphcommerce/framer-scroller": "^9.1.0-canary.15",
+    "@graphcommerce/framer-utils": "^9.1.0-canary.15",
+    "@graphcommerce/image": "^9.1.0-canary.15",
+    "@graphcommerce/prettier-config-pwa": "^9.1.0-canary.15",
+    "@graphcommerce/typescript-config-pwa": "^9.1.0-canary.15",
     "@lingui/core": "^4.2.1",
     "@lingui/macro": "^4.2.1",
     "@lingui/react": "^4.2.1",