mainbase-ui 1.2.5 → 3.36.0

package/dist/cjs/theme/semantic-tokens/colors.cjs

@@ -0,0 +1,355 @@
+'use strict';
+
+var config = require('../../styled-system/config.cjs');
+
+const semanticColors = config.defineSemanticTokens.colors({
+  bg: {
+    DEFAULT: {
+      value: { _light: "{colors.white}", _dark: "{colors.black}" }
+    },
+    subtle: {
+      value: { _light: "{colors.gray.50}", _dark: "{colors.gray.950}" }
+    },
+    muted: {
+      value: { _light: "{colors.gray.100}", _dark: "{colors.gray.900}" }
+    },
+    emphasized: {
+      value: { _light: "{colors.gray.200}", _dark: "{colors.gray.800}" }
+    },
+    inverted: {
+      value: { _light: "{colors.black}", _dark: "{colors.white}" }
+    },
+    panel: {
+      value: { _light: "{colors.white}", _dark: "{colors.gray.950}" }
+    },
+    error: {
+      value: { _light: "{colors.red.50}", _dark: "{colors.red.950}" }
+    },
+    warning: {
+      value: { _light: "{colors.orange.50}", _dark: "{colors.orange.950}" }
+    },
+    success: {
+      value: { _light: "{colors.green.50}", _dark: "{colors.green.950}" }
+    },
+    info: {
+      value: { _light: "{colors.blue.50}", _dark: "{colors.blue.950}" }
+    }
+  },
+  fg: {
+    DEFAULT: {
+      value: { _light: "{colors.black}", _dark: "{colors.gray.50}" }
+    },
+    muted: {
+      value: { _light: "{colors.gray.600}", _dark: "{colors.gray.400}" }
+    },
+    subtle: {
+      value: { _light: "{colors.gray.400}", _dark: "{colors.gray.500}" }
+    },
+    inverted: {
+      value: { _light: "{colors.gray.50}", _dark: "{colors.black}" }
+    },
+    error: {
+      value: { _light: "{colors.red.500}", _dark: "{colors.red.400}" }
+    },
+    warning: {
+      value: { _light: "{colors.orange.600}", _dark: "{colors.orange.300}" }
+    },
+    success: {
+      value: { _light: "{colors.green.600}", _dark: "{colors.green.300}" }
+    },
+    info: {
+      value: { _light: "{colors.blue.600}", _dark: "{colors.blue.300}" }
+    }
+  },
+  border: {
+    DEFAULT: {
+      value: { _light: "{colors.gray.200}", _dark: "{colors.gray.800}" }
+    },
+    muted: {
+      value: { _light: "{colors.gray.100}", _dark: "{colors.gray.900}" }
+    },
+    subtle: {
+      value: { _light: "{colors.gray.50}", _dark: "{colors.gray.950}" }
+    },
+    emphasized: {
+      value: { _light: "{colors.gray.300}", _dark: "{colors.gray.700}" }
+    },
+    inverted: {
+      value: { _light: "{colors.gray.800}", _dark: "{colors.gray.200}" }
+    },
+    error: {
+      value: { _light: "{colors.red.500}", _dark: "{colors.red.400}" }
+    },
+    warning: {
+      value: { _light: "{colors.orange.500}", _dark: "{colors.orange.400}" }
+    },
+    success: {
+      value: { _light: "{colors.green.500}", _dark: "{colors.green.400}" }
+    },
+    info: {
+      value: { _light: "{colors.blue.500}", _dark: "{colors.blue.400}" }
+    }
+  },
+  gray: {
+    contrast: {
+      value: { _light: "{colors.white}", _dark: "{colors.black}" }
+    },
+    fg: {
+      value: { _light: "{colors.gray.800}", _dark: "{colors.gray.200}" }
+    },
+    subtle: {
+      value: { _light: "{colors.gray.100}", _dark: "{colors.gray.900}" }
+    },
+    muted: {
+      value: { _light: "{colors.gray.200}", _dark: "{colors.gray.800}" }
+    },
+    emphasized: {
+      value: { _light: "{colors.gray.300}", _dark: "{colors.gray.700}" }
+    },
+    solid: {
+      value: { _light: "{colors.gray.900}", _dark: "{colors.white}" }
+    },
+    focusRing: {
+      value: { _light: "{colors.gray.400}", _dark: "{colors.gray.400}" }
+    },
+    border: {
+      value: { _light: "{colors.gray.200}", _dark: "{colors.gray.800}" }
+    }
+  },
+  red: {
+    contrast: {
+      value: { _light: "white", _dark: "white" }
+    },
+    fg: {
+      value: { _light: "{colors.red.700}", _dark: "{colors.red.300}" }
+    },
+    subtle: {
+      value: { _light: "{colors.red.100}", _dark: "{colors.red.900}" }
+    },
+    muted: {
+      value: { _light: "{colors.red.200}", _dark: "{colors.red.800}" }
+    },
+    emphasized: {
+      value: { _light: "{colors.red.300}", _dark: "{colors.red.700}" }
+    },
+    solid: {
+      value: { _light: "{colors.red.600}", _dark: "{colors.red.600}" }
+    },
+    focusRing: {
+      value: { _light: "{colors.red.500}", _dark: "{colors.red.500}" }
+    },
+    border: {
+      value: { _light: "{colors.red.500}", _dark: "{colors.red.400}" }
+    }
+  },
+  orange: {
+    contrast: {
+      value: { _light: "white", _dark: "black" }
+    },
+    fg: {
+      value: { _light: "{colors.orange.700}", _dark: "{colors.orange.300}" }
+    },
+    subtle: {
+      value: { _light: "{colors.orange.100}", _dark: "{colors.orange.900}" }
+    },
+    muted: {
+      value: { _light: "{colors.orange.200}", _dark: "{colors.orange.800}" }
+    },
+    emphasized: {
+      value: { _light: "{colors.orange.300}", _dark: "{colors.orange.700}" }
+    },
+    solid: {
+      value: { _light: "{colors.orange.600}", _dark: "{colors.orange.500}" }
+    },
+    focusRing: {
+      value: { _light: "{colors.orange.500}", _dark: "{colors.orange.500}" }
+    },
+    border: {
+      value: { _light: "{colors.orange.500}", _dark: "{colors.orange.400}" }
+    }
+  },
+  green: {
+    contrast: {
+      value: { _light: "white", _dark: "white" }
+    },
+    fg: {
+      value: { _light: "{colors.green.700}", _dark: "{colors.green.300}" }
+    },
+    subtle: {
+      value: { _light: "{colors.green.100}", _dark: "{colors.green.900}" }
+    },
+    muted: {
+      value: { _light: "{colors.green.200}", _dark: "{colors.green.800}" }
+    },
+    emphasized: {
+      value: { _light: "{colors.green.300}", _dark: "{colors.green.700}" }
+    },
+    solid: {
+      value: { _light: "{colors.green.600}", _dark: "{colors.green.600}" }
+    },
+    focusRing: {
+      value: { _light: "{colors.green.500}", _dark: "{colors.green.500}" }
+    },
+    border: {
+      value: { _light: "{colors.green.500}", _dark: "{colors.green.400}" }
+    }
+  },
+  blue: {
+    contrast: {
+      value: { _light: "white", _dark: "white" }
+    },
+    fg: {
+      value: { _light: "{colors.blue.700}", _dark: "{colors.blue.300}" }
+    },
+    subtle: {
+      value: { _light: "{colors.blue.100}", _dark: "{colors.blue.900}" }
+    },
+    muted: {
+      value: { _light: "{colors.blue.200}", _dark: "{colors.blue.800}" }
+    },
+    emphasized: {
+      value: { _light: "{colors.blue.300}", _dark: "{colors.blue.700}" }
+    },
+    solid: {
+      value: { _light: "{colors.blue.600}", _dark: "{colors.blue.600}" }
+    },
+    focusRing: {
+      value: { _light: "{colors.blue.500}", _dark: "{colors.blue.500}" }
+    },
+    border: {
+      value: { _light: "{colors.blue.500}", _dark: "{colors.blue.400}" }
+    }
+  },
+  yellow: {
+    contrast: {
+      value: { _light: "black", _dark: "black" }
+    },
+    fg: {
+      value: { _light: "{colors.yellow.800}", _dark: "{colors.yellow.300}" }
+    },
+    subtle: {
+      value: { _light: "{colors.yellow.100}", _dark: "{colors.yellow.900}" }
+    },
+    muted: {
+      value: { _light: "{colors.yellow.200}", _dark: "{colors.yellow.800}" }
+    },
+    emphasized: {
+      value: { _light: "{colors.yellow.300}", _dark: "{colors.yellow.700}" }
+    },
+    solid: {
+      value: { _light: "{colors.yellow.300}", _dark: "{colors.yellow.300}" }
+    },
+    focusRing: {
+      value: { _light: "{colors.yellow.500}", _dark: "{colors.yellow.500}" }
+    },
+    border: {
+      value: { _light: "{colors.yellow.500}", _dark: "{colors.yellow.500}" }
+    }
+  },
+  teal: {
+    contrast: {
+      value: { _light: "white", _dark: "white" }
+    },
+    fg: {
+      value: { _light: "{colors.teal.700}", _dark: "{colors.teal.300}" }
+    },
+    subtle: {
+      value: { _light: "{colors.teal.100}", _dark: "{colors.teal.900}" }
+    },
+    muted: {
+      value: { _light: "{colors.teal.200}", _dark: "{colors.teal.800}" }
+    },
+    emphasized: {
+      value: { _light: "{colors.teal.300}", _dark: "{colors.teal.700}" }
+    },
+    solid: {
+      value: { _light: "{colors.teal.600}", _dark: "{colors.teal.600}" }
+    },
+    focusRing: {
+      value: { _light: "{colors.teal.500}", _dark: "{colors.teal.500}" }
+    },
+    border: {
+      value: { _light: "{colors.teal.500}", _dark: "{colors.teal.400}" }
+    }
+  },
+  purple: {
+    contrast: {
+      value: { _light: "white", _dark: "white" }
+    },
+    fg: {
+      value: { _light: "{colors.purple.700}", _dark: "{colors.purple.300}" }
+    },
+    subtle: {
+      value: { _light: "{colors.purple.100}", _dark: "{colors.purple.900}" }
+    },
+    muted: {
+      value: { _light: "{colors.purple.200}", _dark: "{colors.purple.800}" }
+    },
+    emphasized: {
+      value: { _light: "{colors.purple.300}", _dark: "{colors.purple.700}" }
+    },
+    solid: {
+      value: { _light: "{colors.purple.600}", _dark: "{colors.purple.600}" }
+    },
+    focusRing: {
+      value: { _light: "{colors.purple.500}", _dark: "{colors.purple.500}" }
+    },
+    border: {
+      value: { _light: "{colors.purple.500}", _dark: "{colors.purple.400}" }
+    }
+  },
+  pink: {
+    contrast: {
+      value: { _light: "white", _dark: "white" }
+    },
+    fg: {
+      value: { _light: "{colors.pink.700}", _dark: "{colors.pink.300}" }
+    },
+    subtle: {
+      value: { _light: "{colors.pink.100}", _dark: "{colors.pink.900}" }
+    },
+    muted: {
+      value: { _light: "{colors.pink.200}", _dark: "{colors.pink.800}" }
+    },
+    emphasized: {
+      value: { _light: "{colors.pink.300}", _dark: "{colors.pink.700}" }
+    },
+    solid: {
+      value: { _light: "{colors.pink.600}", _dark: "{colors.pink.600}" }
+    },
+    focusRing: {
+      value: { _light: "{colors.pink.500}", _dark: "{colors.pink.500}" }
+    },
+    border: {
+      value: { _light: "{colors.pink.500}", _dark: "{colors.pink.400}" }
+    }
+  },
+  cyan: {
+    contrast: {
+      value: { _light: "white", _dark: "white" }
+    },
+    fg: {
+      value: { _light: "{colors.cyan.700}", _dark: "{colors.cyan.300}" }
+    },
+    subtle: {
+      value: { _light: "{colors.cyan.100}", _dark: "{colors.cyan.900}" }
+    },
+    muted: {
+      value: { _light: "{colors.cyan.200}", _dark: "{colors.cyan.800}" }
+    },
+    emphasized: {
+      value: { _light: "{colors.cyan.300}", _dark: "{colors.cyan.700}" }
+    },
+    solid: {
+      value: { _light: "{colors.cyan.600}", _dark: "{colors.cyan.600}" }
+    },
+    focusRing: {
+      value: { _light: "{colors.cyan.500}", _dark: "{colors.cyan.500}" }
+    },
+    border: {
+      value: { _light: "{colors.cyan.500}", _dark: "{colors.cyan.400}" }
+    }
+  }
+});
+
+exports.semanticColors = semanticColors;

package/dist/cjs/theme/semantic-tokens/radii.cjs

@@ -0,0 +1,11 @@
+'use strict';
+
+var config = require('../../styled-system/config.cjs');
+
+const semanticRadii = config.defineSemanticTokens.radii({
+  l1: { value: "{radii.xs}" },
+  l2: { value: "{radii.sm}" },
+  l3: { value: "{radii.md}" }
+});
+
+exports.semanticRadii = semanticRadii;

package/dist/cjs/theme/semantic-tokens/shadows.cjs

@@ -0,0 +1,56 @@
+'use strict';
+
+var config = require('../../styled-system/config.cjs');
+
+const semanticShadows = config.defineSemanticTokens.shadows({
+  xs: {
+    value: {
+      _light: "0px 1px 2px {colors.gray.900/10}, 0px 0px 1px {colors.gray.900/20}",
+      _dark: "0px 1px 1px {black/64}, 0px 0px 1px inset {colors.gray.300/20}"
+    }
+  },
+  sm: {
+    value: {
+      _light: "0px 2px 4px {colors.gray.900/10}, 0px 0px 1px {colors.gray.900/30}",
+      _dark: "0px 2px 4px {black/64}, 0px 0px 1px inset {colors.gray.300/30}"
+    }
+  },
+  md: {
+    value: {
+      _light: "0px 4px 8px {colors.gray.900/10}, 0px 0px 1px {colors.gray.900/30}",
+      _dark: "0px 4px 8px {black/64}, 0px 0px 1px inset {colors.gray.300/30}"
+    }
+  },
+  lg: {
+    value: {
+      _light: "0px 8px 16px {colors.gray.900/10}, 0px 0px 1px {colors.gray.900/30}",
+      _dark: "0px 8px 16px {black/64}, 0px 0px 1px inset {colors.gray.300/30}"
+    }
+  },
+  xl: {
+    value: {
+      _light: "0px 16px 24px {colors.gray.900/10}, 0px 0px 1px {colors.gray.900/30}",
+      _dark: "0px 16px 24px {black/64}, 0px 0px 1px inset {colors.gray.300/30}"
+    }
+  },
+  "2xl": {
+    value: {
+      _light: "0px 24px 40px {colors.gray.900/16}, 0px 0px 1px {colors.gray.900/30}",
+      _dark: "0px 24px 40px {black/64}, 0px 0px 1px inset {colors.gray.300/30}"
+    }
+  },
+  inner: {
+    value: {
+      _light: "inset 0 2px 4px 0 {black/5}",
+      _dark: "inset 0 2px 4px 0 black"
+    }
+  },
+  inset: {
+    value: {
+      _light: "inset 0 0 0 1px {black/5}",
+      _dark: "inset 0 0 0 1px {colors.gray.300/5}"
+    }
+  }
+});
+
+exports.semanticShadows = semanticShadows;

package/dist/cjs/theme/slot-recipes.cjs

@@ -0,0 +1,119 @@
+'use strict';
+
+var accordion = require('./recipes/accordion.cjs');
+var actionBar = require('./recipes/action-bar.cjs');
+var alert = require('./recipes/alert.cjs');
+var avatar = require('./recipes/avatar.cjs');
+var blockquote = require('./recipes/blockquote.cjs');
+var breadcrumb = require('./recipes/breadcrumb.cjs');
+var card = require('./recipes/card.cjs');
+var carousel = require('./recipes/carousel.cjs');
+var checkbox = require('./recipes/checkbox.cjs');
+var checkboxCard = require('./recipes/checkbox-card.cjs');
+var codeBlock = require('./recipes/code-block.cjs');
+var collapsible = require('./recipes/collapsible.cjs');
+var colorPicker = require('./recipes/color-picker.cjs');
+var combobox = require('./recipes/combobox.cjs');
+var dataList = require('./recipes/data-list.cjs');
+var datePicker = require('./recipes/date-picker.cjs');
+var dialog = require('./recipes/dialog.cjs');
+var drawer = require('./recipes/drawer.cjs');
+var editable = require('./recipes/editable.cjs');
+var emptyState = require('./recipes/empty-state.cjs');
+var field = require('./recipes/field.cjs');
+var fieldset = require('./recipes/fieldset.cjs');
+var fileUpload = require('./recipes/file-upload.cjs');
+var floatingPanel = require('./recipes/floating-panel.cjs');
+var hoverCard = require('./recipes/hover-card.cjs');
+var list = require('./recipes/list.cjs');
+var listbox = require('./recipes/listbox.cjs');
+var marquee = require('./recipes/marquee.cjs');
+var menu = require('./recipes/menu.cjs');
+var nativeSelect = require('./recipes/native-select.cjs');
+var numberInput = require('./recipes/number-input.cjs');
+var pinInput = require('./recipes/pin-input.cjs');
+var popover = require('./recipes/popover.cjs');
+var progress = require('./recipes/progress.cjs');
+var progressCircle = require('./recipes/progress-circle.cjs');
+var qrCode = require('./recipes/qr-code.cjs');
+var radioCard = require('./recipes/radio-card.cjs');
+var radioGroup = require('./recipes/radio-group.cjs');
+var ratingGroup = require('./recipes/rating-group.cjs');
+var scrollArea = require('./recipes/scroll-area.cjs');
+var segmentGroup = require('./recipes/segment-group.cjs');
+var select = require('./recipes/select.cjs');
+var slider = require('./recipes/slider.cjs');
+var splitter = require('./recipes/splitter.cjs');
+var stat = require('./recipes/stat.cjs');
+var status = require('./recipes/status.cjs');
+var steps = require('./recipes/steps.cjs');
+var _switch = require('./recipes/switch.cjs');
+var table = require('./recipes/table.cjs');
+var tabs = require('./recipes/tabs.cjs');
+var tag = require('./recipes/tag.cjs');
+var tagsInput = require('./recipes/tags-input.cjs');
+var timeline = require('./recipes/timeline.cjs');
+var toast = require('./recipes/toast.cjs');
+var tooltip = require('./recipes/tooltip.cjs');
+var treeView = require('./recipes/tree-view.cjs');
+
+const slotRecipes = {
+  accordion: accordion.accordionSlotRecipe,
+  actionBar: actionBar.actionBarSlotRecipe,
+  alert: alert.alertSlotRecipe,
+  avatar: avatar.avatarSlotRecipe,
+  blockquote: blockquote.blockquoteSlotRecipe,
+  breadcrumb: breadcrumb.breadcrumbSlotRecipe,
+  card: card.cardSlotRecipe,
+  carousel: carousel.carouselSlotRecipe,
+  checkbox: checkbox.checkboxSlotRecipe,
+  checkboxCard: checkboxCard.checkboxCardSlotRecipe,
+  codeBlock: codeBlock.codeBlockSlotRecipe,
+  collapsible: collapsible.collapsibleSlotRecipe,
+  dataList: dataList.dataListSlotRecipe,
+  datePicker: datePicker.datePickerSlotRecipe,
+  dialog: dialog.dialogSlotRecipe,
+  drawer: drawer.drawerSlotRecipe,
+  editable: editable.editableSlotRecipe,
+  emptyState: emptyState.emptyStateSlotRecipe,
+  field: field.fieldSlotRecipe,
+  fieldset: fieldset.fieldsetSlotRecipe,
+  fileUpload: fileUpload.fileUploadSlotRecipe,
+  hoverCard: hoverCard.hoverCardSlotRecipe,
+  list: list.listSlotRecipe,
+  listbox: listbox.listboxSlotRecipe,
+  menu: menu.menuSlotRecipe,
+  nativeSelect: nativeSelect.nativeSelectSlotRecipe,
+  numberInput: numberInput.numberInputSlotRecipe,
+  pinInput: pinInput.pinInputSlotRecipe,
+  popover: popover.popoverSlotRecipe,
+  progress: progress.progressSlotRecipe,
+  progressCircle: progressCircle.progressCircleSlotRecipe,
+  radioCard: radioCard.radioCardSlotRecipe,
+  radioGroup: radioGroup.radioGroupSlotRecipe,
+  ratingGroup: ratingGroup.ratingGroupSlotRecipe,
+  scrollArea: scrollArea.scrollAreaSlotRecipe,
+  segmentGroup: segmentGroup.segmentGroupSlotRecipe,
+  select: select.selectSlotRecipe,
+  combobox: combobox.comboboxSlotRecipe,
+  slider: slider.sliderSlotRecipe,
+  splitter: splitter.splitterSlotRecipe,
+  stat: stat.statSlotRecipe,
+  steps: steps.stepsSlotRecipe,
+  switch: _switch.switchSlotRecipe,
+  table: table.tableSlotRecipe,
+  tabs: tabs.tabsSlotRecipe,
+  tag: tag.tagSlotRecipe,
+  tagsInput: tagsInput.tagsInputSlotRecipe,
+  toast: toast.toastSlotRecipe,
+  tooltip: tooltip.tooltipSlotRecipe,
+  status: status.statusSlotRecipe,
+  timeline: timeline.timelineSlotRecipe,
+  colorPicker: colorPicker.colorPickerSlotRecipe,
+  qrCode: qrCode.qrCodeSlotRecipe,
+  treeView: treeView.treeViewSlotRecipe,
+  marquee: marquee.marqueeSlotRecipe,
+  floatingPanel: floatingPanel.floatingPanelSlotRecipe
+};
+
+exports.slotRecipes = slotRecipes;

package/dist/cjs/theme/slot-recipes.export.cjs

@@ -0,0 +1,115 @@
+'use strict';
+
+var accordion = require('./recipes/accordion.cjs');
+var actionBar = require('./recipes/action-bar.cjs');
+var alert = require('./recipes/alert.cjs');
+var avatar = require('./recipes/avatar.cjs');
+var blockquote = require('./recipes/blockquote.cjs');
+var breadcrumb = require('./recipes/breadcrumb.cjs');
+var card = require('./recipes/card.cjs');
+var carousel = require('./recipes/carousel.cjs');
+var checkbox = require('./recipes/checkbox.cjs');
+var checkboxCard = require('./recipes/checkbox-card.cjs');
+var codeBlock = require('./recipes/code-block.cjs');
+var collapsible = require('./recipes/collapsible.cjs');
+var colorPicker = require('./recipes/color-picker.cjs');
+var combobox = require('./recipes/combobox.cjs');
+var dataList = require('./recipes/data-list.cjs');
+var datePicker = require('./recipes/date-picker.cjs');
+var dialog = require('./recipes/dialog.cjs');
+var drawer = require('./recipes/drawer.cjs');
+var editable = require('./recipes/editable.cjs');
+var emptyState = require('./recipes/empty-state.cjs');
+var field = require('./recipes/field.cjs');
+var fieldset = require('./recipes/fieldset.cjs');
+var fileUpload = require('./recipes/file-upload.cjs');
+var hoverCard = require('./recipes/hover-card.cjs');
+var list = require('./recipes/list.cjs');
+var listbox = require('./recipes/listbox.cjs');
+var menu = require('./recipes/menu.cjs');
+var nativeSelect = require('./recipes/native-select.cjs');
+var numberInput = require('./recipes/number-input.cjs');
+var pinInput = require('./recipes/pin-input.cjs');
+var popover = require('./recipes/popover.cjs');
+var progress = require('./recipes/progress.cjs');
+var progressCircle = require('./recipes/progress-circle.cjs');
+var qrCode = require('./recipes/qr-code.cjs');
+var radioCard = require('./recipes/radio-card.cjs');
+var radioGroup = require('./recipes/radio-group.cjs');
+var ratingGroup = require('./recipes/rating-group.cjs');
+var scrollArea = require('./recipes/scroll-area.cjs');
+var segmentGroup = require('./recipes/segment-group.cjs');
+var select = require('./recipes/select.cjs');
+var slider = require('./recipes/slider.cjs');
+var splitter = require('./recipes/splitter.cjs');
+var stat = require('./recipes/stat.cjs');
+var status = require('./recipes/status.cjs');
+var steps = require('./recipes/steps.cjs');
+var _switch = require('./recipes/switch.cjs');
+var table = require('./recipes/table.cjs');
+var tabs = require('./recipes/tabs.cjs');
+var tag = require('./recipes/tag.cjs');
+var tagsInput = require('./recipes/tags-input.cjs');
+var timeline = require('./recipes/timeline.cjs');
+var toast = require('./recipes/toast.cjs');
+var tooltip = require('./recipes/tooltip.cjs');
+var treeView = require('./recipes/tree-view.cjs');
+var marquee = require('./recipes/marquee.cjs');
+
+
+
+exports.accordionSlotRecipe = accordion.accordionSlotRecipe;
+exports.actionBarSlotRecipe = actionBar.actionBarSlotRecipe;
+exports.alertSlotRecipe = alert.alertSlotRecipe;
+exports.avatarSlotRecipe = avatar.avatarSlotRecipe;
+exports.blockquoteSlotRecipe = blockquote.blockquoteSlotRecipe;
+exports.breadcrumbSlotRecipe = breadcrumb.breadcrumbSlotRecipe;
+exports.cardSlotRecipe = card.cardSlotRecipe;
+exports.carouselSlotRecipe = carousel.carouselSlotRecipe;
+exports.checkboxSlotRecipe = checkbox.checkboxSlotRecipe;
+exports.checkboxCardSlotRecipe = checkboxCard.checkboxCardSlotRecipe;
+exports.codeBlockSlotRecipe = codeBlock.codeBlockSlotRecipe;
+exports.collapsibleSlotRecipe = collapsible.collapsibleSlotRecipe;
+exports.colorPickerSlotRecipe = colorPicker.colorPickerSlotRecipe;
+exports.comboboxSlotRecipe = combobox.comboboxSlotRecipe;
+exports.dataListSlotRecipe = dataList.dataListSlotRecipe;
+exports.datePickerSlotRecipe = datePicker.datePickerSlotRecipe;
+exports.dialogSlotRecipe = dialog.dialogSlotRecipe;
+exports.drawerSlotRecipe = drawer.drawerSlotRecipe;
+exports.editableSlotRecipe = editable.editableSlotRecipe;
+exports.emptyStateSlotRecipe = emptyState.emptyStateSlotRecipe;
+exports.fieldSlotRecipe = field.fieldSlotRecipe;
+exports.fieldsetSlotRecipe = fieldset.fieldsetSlotRecipe;
+exports.fileUploadSlotRecipe = fileUpload.fileUploadSlotRecipe;
+exports.hoverCardSlotRecipe = hoverCard.hoverCardSlotRecipe;
+exports.listSlotRecipe = list.listSlotRecipe;
+exports.listboxSlotRecipe = listbox.listboxSlotRecipe;
+exports.menuSlotRecipe = menu.menuSlotRecipe;
+exports.nativeSelectSlotRecipe = nativeSelect.nativeSelectSlotRecipe;
+exports.numberInputSlotRecipe = numberInput.numberInputSlotRecipe;
+exports.pinInputSlotRecipe = pinInput.pinInputSlotRecipe;
+exports.popoverSlotRecipe = popover.popoverSlotRecipe;
+exports.progressSlotRecipe = progress.progressSlotRecipe;
+exports.progressCircleSlotRecipe = progressCircle.progressCircleSlotRecipe;
+exports.qrCodeSlotRecipe = qrCode.qrCodeSlotRecipe;
+exports.radioCardSlotRecipe = radioCard.radioCardSlotRecipe;
+exports.radioGroupSlotRecipe = radioGroup.radioGroupSlotRecipe;
+exports.ratingGroupSlotRecipe = ratingGroup.ratingGroupSlotRecipe;
+exports.scrollAreaSlotRecipe = scrollArea.scrollAreaSlotRecipe;
+exports.segmentGroupSlotRecipe = segmentGroup.segmentGroupSlotRecipe;
+exports.selectSlotRecipe = select.selectSlotRecipe;
+exports.sliderSlotRecipe = slider.sliderSlotRecipe;
+exports.splitterSlotRecipe = splitter.splitterSlotRecipe;
+exports.statSlotRecipe = stat.statSlotRecipe;
+exports.statusSlotRecipe = status.statusSlotRecipe;
+exports.stepsSlotRecipe = steps.stepsSlotRecipe;
+exports.switchSlotRecipe = _switch.switchSlotRecipe;
+exports.tableSlotRecipe = table.tableSlotRecipe;
+exports.tabsSlotRecipe = tabs.tabsSlotRecipe;
+exports.tagSlotRecipe = tag.tagSlotRecipe;
+exports.tagsInputSlotRecipe = tagsInput.tagsInputSlotRecipe;
+exports.timelineSlotRecipe = timeline.timelineSlotRecipe;
+exports.toastSlotRecipe = toast.toastSlotRecipe;
+exports.tooltipSlotRecipe = tooltip.tooltipSlotRecipe;
+exports.treeViewSlotRecipe = treeView.treeViewSlotRecipe;
+exports.marqueeSlotRecipe = marquee.marqueeSlotRecipe;