aeon-ui-engine 1.8.0 → 1.9.0

package/packages/panda/styled-system/patterns/grid.mjs

@@ -1,27 +0,0 @@
-import { getPatternStyles, patternFns } from '../helpers.mjs';
-import { css } from '../css/index.mjs';
-
-const gridConfig = {
-transform(props, { map, isCssUnit }) {
-  const { columnGap, rowGap, gap, columns, minChildWidth, ...rest } = props;
-  const getValue = (v) => isCssUnit(v) ? v : `token(sizes.${v}, ${v})`;
-  return {
-    display: "grid",
-    gridTemplateColumns: columns != null ? map(columns, (v) => `repeat(${v}, minmax(0, 1fr))`) : minChildWidth != null ? map(minChildWidth, (v) => `repeat(auto-fit, minmax(${getValue(v)}, 1fr))`) : void 0,
-    gap,
-    columnGap,
-    rowGap,
-    ...rest
-  };
-},
-defaultValues(props) {
-  return { gap: props.columnGap || props.rowGap ? void 0 : "8px" };
-}}
-
-export const getGridStyle = (styles = {}) => {
-  const _styles = getPatternStyles(gridConfig, styles)
-  return gridConfig.transform(_styles, patternFns)
-}
-
-export const grid = (styles) => css(getGridStyle(styles))
-grid.raw = getGridStyle

package/packages/panda/styled-system/patterns/hstack.mjs

@@ -1,24 +0,0 @@
-import { getPatternStyles, patternFns } from '../helpers.mjs';
-import { css } from '../css/index.mjs';
-
-const hstackConfig = {
-transform(props) {
-  const { justify, gap, ...rest } = props;
-  return {
-    display: "flex",
-    alignItems: "center",
-    justifyContent: justify,
-    gap,
-    flexDirection: "row",
-    ...rest
-  };
-},
-defaultValues:{gap:'8px'}}
-
-export const getHstackStyle = (styles = {}) => {
-  const _styles = getPatternStyles(hstackConfig, styles)
-  return hstackConfig.transform(_styles, patternFns)
-}
-
-export const hstack = (styles) => css(getHstackStyle(styles))
-hstack.raw = getHstackStyle

package/packages/panda/styled-system/patterns/index.mjs

@@ -1,20 +0,0 @@
-export * from './box.mjs';
-export * from './flex.mjs';
-export * from './stack.mjs';
-export * from './vstack.mjs';
-export * from './hstack.mjs';
-export * from './spacer.mjs';
-export * from './square.mjs';
-export * from './circle.mjs';
-export * from './center.mjs';
-export * from './link-overlay.mjs';
-export * from './aspect-ratio.mjs';
-export * from './grid.mjs';
-export * from './grid-item.mjs';
-export * from './wrap.mjs';
-export * from './container.mjs';
-export * from './divider.mjs';
-export * from './float.mjs';
-export * from './bleed.mjs';
-export * from './visually-hidden.mjs';
-export * from './cq.mjs';

package/packages/panda/styled-system/patterns/link-overlay.mjs

@@ -1,24 +0,0 @@
-import { getPatternStyles, patternFns } from '../helpers.mjs';
-import { css } from '../css/index.mjs';
-
-const linkOverlayConfig = {
-transform(props) {
-  return {
-    _before: {
-      content: '""',
-      position: "absolute",
-      inset: "0",
-      zIndex: "0",
-      ...props["_before"]
-    },
-    ...props
-  };
-}}
-
-export const getLinkOverlayStyle = (styles = {}) => {
-  const _styles = getPatternStyles(linkOverlayConfig, styles)
-  return linkOverlayConfig.transform(_styles, patternFns)
-}
-
-export const linkOverlay = (styles) => css(getLinkOverlayStyle(styles))
-linkOverlay.raw = getLinkOverlayStyle

package/packages/panda/styled-system/patterns/spacer.mjs

@@ -1,25 +0,0 @@
-import { getPatternStyles, patternFns } from '../helpers.mjs';
-import { css } from '../css/index.mjs';
-
-const spacerConfig = {
-transform(props, { map, isCssUnit, isCssVar }) {
-  const { size, ...rest } = props;
-  return {
-    alignSelf: "stretch",
-    justifySelf: "stretch",
-    flex: map(size, (v) => {
-      if (v == null) return "1";
-      const val = isCssUnit(v) || isCssVar(v) ? v : `token(spacing.${v}, ${v})`;
-      return `0 0 ${val}`;
-    }),
-    ...rest
-  };
-}}
-
-export const getSpacerStyle = (styles = {}) => {
-  const _styles = getPatternStyles(spacerConfig, styles)
-  return spacerConfig.transform(_styles, patternFns)
-}
-
-export const spacer = (styles) => css(getSpacerStyle(styles))
-spacer.raw = getSpacerStyle

package/packages/panda/styled-system/patterns/square.mjs

@@ -1,24 +0,0 @@
-import { getPatternStyles, patternFns } from '../helpers.mjs';
-import { css } from '../css/index.mjs';
-
-const squareConfig = {
-transform(props) {
-  const { size, ...rest } = props;
-  return {
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "center",
-    flex: "0 0 auto",
-    width: size,
-    height: size,
-    ...rest
-  };
-}}
-
-export const getSquareStyle = (styles = {}) => {
-  const _styles = getPatternStyles(squareConfig, styles)
-  return squareConfig.transform(_styles, patternFns)
-}
-
-export const square = (styles) => css(getSquareStyle(styles))
-square.raw = getSquareStyle

package/packages/panda/styled-system/patterns/stack.mjs

@@ -1,24 +0,0 @@
-import { getPatternStyles, patternFns } from '../helpers.mjs';
-import { css } from '../css/index.mjs';
-
-const stackConfig = {
-transform(props) {
-  const { align, justify, direction, gap, ...rest } = props;
-  return {
-    display: "flex",
-    flexDirection: direction,
-    alignItems: align,
-    justifyContent: justify,
-    gap,
-    ...rest
-  };
-},
-defaultValues:{direction:'column',gap:'8px'}}
-
-export const getStackStyle = (styles = {}) => {
-  const _styles = getPatternStyles(stackConfig, styles)
-  return stackConfig.transform(_styles, patternFns)
-}
-
-export const stack = (styles) => css(getStackStyle(styles))
-stack.raw = getStackStyle

package/packages/panda/styled-system/patterns/visually-hidden.mjs

@@ -1,18 +0,0 @@
-import { getPatternStyles, patternFns } from '../helpers.mjs';
-import { css } from '../css/index.mjs';
-
-const visuallyHiddenConfig = {
-transform(props) {
-  return {
-    srOnly: true,
-    ...props
-  };
-}}
-
-export const getVisuallyHiddenStyle = (styles = {}) => {
-  const _styles = getPatternStyles(visuallyHiddenConfig, styles)
-  return visuallyHiddenConfig.transform(_styles, patternFns)
-}
-
-export const visuallyHidden = (styles) => css(getVisuallyHiddenStyle(styles))
-visuallyHidden.raw = getVisuallyHiddenStyle

package/packages/panda/styled-system/patterns/vstack.mjs

@@ -1,24 +0,0 @@
-import { getPatternStyles, patternFns } from '../helpers.mjs';
-import { css } from '../css/index.mjs';
-
-const vstackConfig = {
-transform(props) {
-  const { justify, gap, ...rest } = props;
-  return {
-    display: "flex",
-    alignItems: "center",
-    justifyContent: justify,
-    gap,
-    flexDirection: "column",
-    ...rest
-  };
-},
-defaultValues:{gap:'8px'}}
-
-export const getVstackStyle = (styles = {}) => {
-  const _styles = getPatternStyles(vstackConfig, styles)
-  return vstackConfig.transform(_styles, patternFns)
-}
-
-export const vstack = (styles) => css(getVstackStyle(styles))
-vstack.raw = getVstackStyle

package/packages/panda/styled-system/patterns/wrap.mjs

@@ -1,25 +0,0 @@
-import { getPatternStyles, patternFns } from '../helpers.mjs';
-import { css } from '../css/index.mjs';
-
-const wrapConfig = {
-transform(props) {
-  const { columnGap, rowGap, gap = columnGap || rowGap ? void 0 : "8px", align, justify, ...rest } = props;
-  return {
-    display: "flex",
-    flexWrap: "wrap",
-    alignItems: align,
-    justifyContent: justify,
-    gap,
-    columnGap,
-    rowGap,
-    ...rest
-  };
-}}
-
-export const getWrapStyle = (styles = {}) => {
-  const _styles = getPatternStyles(wrapConfig, styles)
-  return wrapConfig.transform(_styles, patternFns)
-}
-
-export const wrap = (styles) => css(getWrapStyle(styles))
-wrap.raw = getWrapStyle

package/packages/panda/styled-system/recipes/aeon-accordion.mjs

@@ -1,49 +0,0 @@
-import { compact, getSlotCompoundVariant, memo, splitProps } from '../helpers.mjs';
-import { createRecipe } from './create-recipe.mjs';
-
-const aeonAccordionDefaultVariants = {}
-const aeonAccordionCompoundVariants = []
-
-const aeonAccordionSlotNames = [
-  [
-    "root",
-    "aeonAccordion__root"
-  ],
-  [
-    "item",
-    "aeonAccordion__item"
-  ],
-  [
-    "itemTrigger",
-    "aeonAccordion__itemTrigger"
-  ],
-  [
-    "itemContent",
-    "aeonAccordion__itemContent"
-  ],
-  [
-    "itemIndicator",
-    "aeonAccordion__itemIndicator"
-  ]
-]
-const aeonAccordionSlotFns = /* @__PURE__ */ aeonAccordionSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, aeonAccordionDefaultVariants, getSlotCompoundVariant(aeonAccordionCompoundVariants, slotName))])
-
-const aeonAccordionFn = memo((props = {}) => {
-  return Object.fromEntries(aeonAccordionSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]))
-})
-
-const aeonAccordionVariantKeys = []
-const getVariantProps = (variants) => ({ ...aeonAccordionDefaultVariants, ...compact(variants) })
-
-export const aeonAccordion = /* @__PURE__ */ Object.assign(aeonAccordionFn, {
-  __recipe__: false,
-  __name__: 'aeonAccordion',
-  raw: (props) => props,
-  classNameMap: {},
-  variantKeys: aeonAccordionVariantKeys,
-  variantMap: {},
-  splitVariantProps(props) {
-    return splitProps(props, aeonAccordionVariantKeys)
-  },
-  getVariantProps
-})

package/packages/panda/styled-system/recipes/aeon-app-shell.mjs

@@ -1,70 +0,0 @@
-import { compact, getSlotCompoundVariant, memo, splitProps } from '../helpers.mjs';
-import { createRecipe } from './create-recipe.mjs';
-
-const aeonAppShellDefaultVariants = {
-  "contentAlign": "start"
-}
-const aeonAppShellCompoundVariants = []
-
-const aeonAppShellSlotNames = [
-  [
-    "root",
-    "aeonAppShell__root"
-  ],
-  [
-    "header",
-    "aeonAppShell__header"
-  ],
-  [
-    "subheader",
-    "aeonAppShell__subheader"
-  ],
-  [
-    "content",
-    "aeonAppShell__content"
-  ],
-  [
-    "aside",
-    "aeonAppShell__aside"
-  ],
-  [
-    "footer",
-    "aeonAppShell__footer"
-  ],
-  [
-    "dock",
-    "aeonAppShell__dock"
-  ],
-  [
-    "scrim",
-    "aeonAppShell__scrim"
-  ]
-]
-const aeonAppShellSlotFns = /* @__PURE__ */ aeonAppShellSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, aeonAppShellDefaultVariants, getSlotCompoundVariant(aeonAppShellCompoundVariants, slotName))])
-
-const aeonAppShellFn = memo((props = {}) => {
-  return Object.fromEntries(aeonAppShellSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]))
-})
-
-const aeonAppShellVariantKeys = [
-  "contentAlign"
-]
-const getVariantProps = (variants) => ({ ...aeonAppShellDefaultVariants, ...compact(variants) })
-
-export const aeonAppShell = /* @__PURE__ */ Object.assign(aeonAppShellFn, {
-  __recipe__: false,
-  __name__: 'aeonAppShell',
-  raw: (props) => props,
-  classNameMap: {},
-  variantKeys: aeonAppShellVariantKeys,
-  variantMap: {
-  "contentAlign": [
-    "start",
-    "center"
-  ]
-},
-  splitVariantProps(props) {
-    return splitProps(props, aeonAppShellVariantKeys)
-  },
-  getVariantProps
-})

package/packages/panda/styled-system/recipes/aeon-async.mjs

@@ -1,57 +0,0 @@
-import { compact, getSlotCompoundVariant, memo, splitProps } from '../helpers.mjs';
-import { createRecipe } from './create-recipe.mjs';
-
-const aeonAsyncDefaultVariants = {}
-const aeonAsyncCompoundVariants = []
-
-const aeonAsyncSlotNames = [
-  [
-    "root",
-    "aeonAsync__root"
-  ],
-  [
-    "track",
-    "aeonAsync__track"
-  ],
-  [
-    "segment",
-    "aeonAsync__segment"
-  ],
-  [
-    "readout",
-    "aeonAsync__readout"
-  ],
-  [
-    "readoutRail",
-    "aeonAsync__readoutRail"
-  ],
-  [
-    "readoutBody",
-    "aeonAsync__readoutBody"
-  ],
-  [
-    "actions",
-    "aeonAsync__actions"
-  ]
-]
-const aeonAsyncSlotFns = /* @__PURE__ */ aeonAsyncSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, aeonAsyncDefaultVariants, getSlotCompoundVariant(aeonAsyncCompoundVariants, slotName))])
-
-const aeonAsyncFn = memo((props = {}) => {
-  return Object.fromEntries(aeonAsyncSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]))
-})
-
-const aeonAsyncVariantKeys = []
-const getVariantProps = (variants) => ({ ...aeonAsyncDefaultVariants, ...compact(variants) })
-
-export const aeonAsync = /* @__PURE__ */ Object.assign(aeonAsyncFn, {
-  __recipe__: false,
-  __name__: 'aeonAsync',
-  raw: (props) => props,
-  classNameMap: {},
-  variantKeys: aeonAsyncVariantKeys,
-  variantMap: {},
-  splitVariantProps(props) {
-    return splitProps(props, aeonAsyncVariantKeys)
-  },
-  getVariantProps
-})

package/packages/panda/styled-system/recipes/aeon-avatar.mjs

@@ -1,57 +0,0 @@
-import { compact, getSlotCompoundVariant, memo, splitProps } from '../helpers.mjs';
-import { createRecipe } from './create-recipe.mjs';
-
-const aeonAvatarDefaultVariants = {
-  "size": "md"
-}
-const aeonAvatarCompoundVariants = []
-
-const aeonAvatarSlotNames = [
-  [
-    "root",
-    "aeonAvatar__root"
-  ],
-  [
-    "image",
-    "aeonAvatar__image"
-  ],
-  [
-    "fallback",
-    "aeonAvatar__fallback"
-  ],
-  [
-    "badge",
-    "aeonAvatar__badge"
-  ]
-]
-const aeonAvatarSlotFns = /* @__PURE__ */ aeonAvatarSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, aeonAvatarDefaultVariants, getSlotCompoundVariant(aeonAvatarCompoundVariants, slotName))])
-
-const aeonAvatarFn = memo((props = {}) => {
-  return Object.fromEntries(aeonAvatarSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]))
-})
-
-const aeonAvatarVariantKeys = [
-  "size"
-]
-const getVariantProps = (variants) => ({ ...aeonAvatarDefaultVariants, ...compact(variants) })
-
-export const aeonAvatar = /* @__PURE__ */ Object.assign(aeonAvatarFn, {
-  __recipe__: false,
-  __name__: 'aeonAvatar',
-  raw: (props) => props,
-  classNameMap: {},
-  variantKeys: aeonAvatarVariantKeys,
-  variantMap: {
-  "size": [
-    "xs",
-    "sm",
-    "md",
-    "lg",
-    "xl"
-  ]
-},
-  splitVariantProps(props) {
-    return splitProps(props, aeonAvatarVariantKeys)
-  },
-  getVariantProps
-})

package/packages/panda/styled-system/recipes/aeon-badge.mjs

@@ -1,32 +0,0 @@
-import { memo, splitProps } from '../helpers.mjs';
-import { createRecipe, mergeRecipes } from './create-recipe.mjs';
-
-const aeonBadgeFn = /* @__PURE__ */ createRecipe('aeonBadge', {
-  "variant": "default"
-}, [])
-
-const aeonBadgeVariantMap = {
-  "variant": [
-    "default",
-    "accent",
-    "danger"
-  ]
-}
-
-const aeonBadgeVariantKeys = Object.keys(aeonBadgeVariantMap)
-
-export const aeonBadge = /* @__PURE__ */ Object.assign(memo(aeonBadgeFn.recipeFn), {
-  __recipe__: true,
-  __name__: 'aeonBadge',
-  __getCompoundVariantCss__: aeonBadgeFn.__getCompoundVariantCss__,
-  raw: (props) => props,
-  variantKeys: aeonBadgeVariantKeys,
-  variantMap: aeonBadgeVariantMap,
-  merge(recipe) {
-    return mergeRecipes(this, recipe)
-  },
-  splitVariantProps(props) {
-    return splitProps(props, aeonBadgeVariantKeys)
-  },
-  getVariantProps: aeonBadgeFn.getVariantProps,
-})

package/packages/panda/styled-system/recipes/aeon-bar.mjs

@@ -1,77 +0,0 @@
-import { compact, getSlotCompoundVariant, memo, splitProps } from '../helpers.mjs';
-import { createRecipe } from './create-recipe.mjs';
-
-const aeonBarDefaultVariants = {
-  "size": "sm",
-  "collapse": "shrink"
-}
-const aeonBarCompoundVariants = []
-
-const aeonBarSlotNames = [
-  [
-    "root",
-    "aeonBar__root"
-  ],
-  [
-    "leading",
-    "aeonBar__leading"
-  ],
-  [
-    "center",
-    "aeonBar__center"
-  ],
-  [
-    "trailing",
-    "aeonBar__trailing"
-  ],
-  [
-    "seam",
-    "aeonBar__seam"
-  ]
-]
-const aeonBarSlotFns = /* @__PURE__ */ aeonBarSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, aeonBarDefaultVariants, getSlotCompoundVariant(aeonBarCompoundVariants, slotName))])
-
-const aeonBarFn = memo((props = {}) => {
-  return Object.fromEntries(aeonBarSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]))
-})
-
-const aeonBarVariantKeys = [
-  "size",
-  "sticky",
-  "placement",
-  "collapse"
-]
-const getVariantProps = (variants) => ({ ...aeonBarDefaultVariants, ...compact(variants) })
-
-export const aeonBar = /* @__PURE__ */ Object.assign(aeonBarFn, {
-  __recipe__: false,
-  __name__: 'aeonBar',
-  raw: (props) => props,
-  classNameMap: {},
-  variantKeys: aeonBarVariantKeys,
-  variantMap: {
-  "size": [
-    "xs",
-    "sm",
-    "md",
-    "lg"
-  ],
-  "sticky": [
-    "true"
-  ],
-  "placement": [
-    "top",
-    "bottom",
-    "inline"
-  ],
-  "collapse": [
-    "shrink",
-    "wrap",
-    "collapse-center"
-  ]
-},
-  splitVariantProps(props) {
-    return splitProps(props, aeonBarVariantKeys)
-  },
-  getVariantProps
-})

package/packages/panda/styled-system/recipes/aeon-button-group.mjs

@@ -1,37 +0,0 @@
-import { memo, splitProps } from '../helpers.mjs';
-import { createRecipe, mergeRecipes } from './create-recipe.mjs';
-
-const aeonButtonGroupFn = /* @__PURE__ */ createRecipe('aeonButtonGroup', {
-  "orientation": "horizontal",
-  "gap": "sm"
-}, [])
-
-const aeonButtonGroupVariantMap = {
-  "orientation": [
-    "horizontal",
-    "vertical"
-  ],
-  "gap": [
-    "sm",
-    "md",
-    "lg"
-  ]
-}
-
-const aeonButtonGroupVariantKeys = Object.keys(aeonButtonGroupVariantMap)
-
-export const aeonButtonGroup = /* @__PURE__ */ Object.assign(memo(aeonButtonGroupFn.recipeFn), {
-  __recipe__: true,
-  __name__: 'aeonButtonGroup',
-  __getCompoundVariantCss__: aeonButtonGroupFn.__getCompoundVariantCss__,
-  raw: (props) => props,
-  variantKeys: aeonButtonGroupVariantKeys,
-  variantMap: aeonButtonGroupVariantMap,
-  merge(recipe) {
-    return mergeRecipes(this, recipe)
-  },
-  splitVariantProps(props) {
-    return splitProps(props, aeonButtonGroupVariantKeys)
-  },
-  getVariantProps: aeonButtonGroupFn.getVariantProps,
-})

package/packages/panda/styled-system/recipes/aeon-button.mjs

@@ -1,39 +0,0 @@
-import { memo, splitProps } from '../helpers.mjs';
-import { createRecipe, mergeRecipes } from './create-recipe.mjs';
-
-const aeonButtonFn = /* @__PURE__ */ createRecipe('aeonButton', {
-  "variant": "solid",
-  "size": "sm"
-}, [])
-
-const aeonButtonVariantMap = {
-  "variant": [
-    "solid",
-    "outline",
-    "ghost"
-  ],
-  "size": [
-    "xs",
-    "sm",
-    "md",
-    "lg"
-  ]
-}
-
-const aeonButtonVariantKeys = Object.keys(aeonButtonVariantMap)
-
-export const aeonButton = /* @__PURE__ */ Object.assign(memo(aeonButtonFn.recipeFn), {
-  __recipe__: true,
-  __name__: 'aeonButton',
-  __getCompoundVariantCss__: aeonButtonFn.__getCompoundVariantCss__,
-  raw: (props) => props,
-  variantKeys: aeonButtonVariantKeys,
-  variantMap: aeonButtonVariantMap,
-  merge(recipe) {
-    return mergeRecipes(this, recipe)
-  },
-  splitVariantProps(props) {
-    return splitProps(props, aeonButtonVariantKeys)
-  },
-  getVariantProps: aeonButtonFn.getVariantProps,
-})