aeon-ui-engine 1.3.1 → 1.4.0

package/packages/panda/src/recipes/range-slider.ts

@@ -0,0 +1,59 @@
+import { defineSlotRecipe } from '@pandacss/dev'
+
+export const rangeSliderRecipe = defineSlotRecipe({
+  className: 'aeonRangeSlider',
+  slots: ['root', 'track', 'range', 'thumb', 'valueText'],
+  base: {
+    root: {
+      position: 'relative',
+      display: 'flex',
+      flexDirection: 'column',
+      gap: 'gapXs',
+      width: '100%',
+      minW: '8rem',
+    },
+    track: {
+      position: 'relative',
+      width: '100%',
+      height: '0.5rem',
+      borderRadius: 'full',
+      bg: 'surface',
+      borderWidth: '1px',
+      borderStyle: 'solid',
+      borderColor: 'border',
+      cursor: 'pointer',
+      touchAction: 'none',
+    },
+    range: {
+      position: 'absolute',
+      top: '0',
+      height: '100%',
+      borderRadius: 'full',
+      bg: 'accentDim',
+      pointerEvents: 'none',
+    },
+    thumb: {
+      position: 'absolute',
+      top: '50%',
+      width: '1.125rem',
+      height: '1.125rem',
+      borderRadius: 'full',
+      bg: 'accent',
+      borderWidth: '2px',
+      borderStyle: 'solid',
+      borderColor: 'surfaceRaised',
+      transform: 'translate(-50%, -50%)',
+      cursor: 'grab',
+      boxShadow: 'panel',
+      zIndex: 1,
+      _focusVisible: { boxShadow: 'focusRing' },
+      '&[data-aeon-state=dragging]': { cursor: 'grabbing', zIndex: 2 },
+    },
+    valueText: {
+      fontSize: 'xs',
+      fontFamily: 'ui',
+      color: 'muted',
+      textAlign: 'center',
+    },
+  },
+})

package/packages/panda/src/recipes/thread.ts

@@ -1,8 +1,20 @@
 import { defineSlotRecipe } from '@pandacss/dev'
 
-const slots = ['root', 'list', 'item', 'bubble', 'meta', 'day'] as const
+const slots = [
+  'root',
+  'list',
+  'item',
+  'bubble',
+  'meta',
+  'day',
+  'bind',
+  'card',
+  'cardTitle',
+  'cardBody',
+  'cardActions',
+] as const
 
-/** Thread — message stream. Item state: mine | theirs | pending | failed. */
+/** Thread — message stream + command cards + bind control. */
 export const threadRecipe = defineSlotRecipe({
   className: 'aeonThread',
   slots,
@@ -44,6 +56,11 @@ export const threadRecipe = defineSlotRecipe({
       '&[data-aeon-state~=failed]': {
         opacity: 0.9,
       },
+      '&[data-aeon-state~=command-result]': {
+        maxW: '92%',
+        alignSelf: 'center',
+        alignItems: 'stretch',
+      },
     },
     bubble: {
       px: '0.85rem',
@@ -84,5 +101,63 @@ export const threadRecipe = defineSlotRecipe({
       color: 'muted',
       py: '0.5rem',
     },
+    bind: {
+      alignSelf: 'flex-start',
+      mt: '0.15rem',
+      px: '0.55rem',
+      py: '0.25rem',
+      minH: '2rem',
+      borderRadius: 'md',
+      borderWidth: '1px',
+      borderColor: 'border',
+      bg: 'transparent',
+      color: 'muted',
+      fontSize: '0.7rem',
+      cursor: 'pointer',
+      _hover: { color: 'fg', borderColor: 'accent' },
+    },
+    card: {
+      display: 'grid',
+      gap: '0.35rem',
+      width: '100%',
+      px: '0.85rem',
+      py: '0.7rem',
+      borderRadius: 'xl',
+      borderWidth: '1px',
+      borderColor: 'border',
+      bg: 'surface',
+      '[data-aeon-state~=payment-card] > &': {
+        borderColor: 'accent',
+      },
+      '[data-aeon-state~=request-card] > &': {
+        borderColor: 'border',
+      },
+      '[data-aeon-state~=command-result] > &': {
+        bg: 'surfaceRaised',
+      },
+    },
+    cardTitle: {
+      display: 'flex',
+      alignItems: 'center',
+      justifyContent: 'space-between',
+      gap: '0.5rem',
+      fontSize: '0.72rem',
+      fontWeight: '600',
+      letterSpacing: '0.04em',
+      textTransform: 'uppercase',
+      color: 'muted',
+    },
+    cardBody: {
+      display: 'grid',
+      gap: '0.2rem',
+      fontSize: 'sm',
+      color: 'fg',
+    },
+    cardActions: {
+      display: 'flex',
+      flexWrap: 'wrap',
+      gap: '0.35rem',
+      mt: '0.25rem',
+    },
   },
 })

package/packages/panda/styled-system/recipes/aeon-composer.d.ts

@@ -10,7 +10,7 @@ type AeonComposerVariantMap = {
   [key in keyof AeonComposerVariant]: Array<AeonComposerVariant[key]>
 }
 
-type AeonComposerSlot = "root" | "input" | "actions" | "send"
+type AeonComposerSlot = "root" | "input" | "actions" | "send" | "suggestions" | "suggestion" | "toolbar"
 
 export type AeonComposerVariantProps = {
   [key in keyof AeonComposerVariant]?: ConditionalValue<AeonComposerVariant[key]> | undefined

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

@@ -20,6 +20,18 @@ const aeonComposerSlotNames = [
   [
     "send",
     "aeonComposer__send"
+  ],
+  [
+    "suggestions",
+    "aeonComposer__suggestions"
+  ],
+  [
+    "suggestion",
+    "aeonComposer__suggestion"
+  ],
+  [
+    "toolbar",
+    "aeonComposer__toolbar"
   ]
 ]
 const aeonComposerSlotFns = /* @__PURE__ */ aeonComposerSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, aeonComposerDefaultVariants, getSlotCompoundVariant(aeonComposerCompoundVariants, slotName))])

package/packages/panda/styled-system/recipes/aeon-file-upload.d.ts

@@ -0,0 +1,31 @@
+/* eslint-disable */
+import type { ConditionalValue } from '../types/index';
+import type { DistributiveOmit, Pretty } from '../types/system-types';
+
+interface AeonFileUploadVariant {
+  
+}
+
+type AeonFileUploadVariantMap = {
+  [key in keyof AeonFileUploadVariant]: Array<AeonFileUploadVariant[key]>
+}
+
+type AeonFileUploadSlot = "root" | "dropzone" | "input" | "label" | "hint" | "preview" | "clearTrigger" | "rejectionMessage"
+
+export type AeonFileUploadVariantProps = {
+  [key in keyof AeonFileUploadVariant]?: ConditionalValue<AeonFileUploadVariant[key]> | undefined
+}
+
+export interface AeonFileUploadRecipe {
+  __slot: AeonFileUploadSlot
+  __type: AeonFileUploadVariantProps
+  (props?: AeonFileUploadVariantProps): Pretty<Record<AeonFileUploadSlot, string>>
+  raw: (props?: AeonFileUploadVariantProps) => AeonFileUploadVariantProps
+  variantMap: AeonFileUploadVariantMap
+  variantKeys: Array<keyof AeonFileUploadVariant>
+  splitVariantProps<Props extends AeonFileUploadVariantProps>(props: Props): [AeonFileUploadVariantProps, Pretty<DistributiveOmit<Props, keyof AeonFileUploadVariantProps>>]
+  getVariantProps: (props?: AeonFileUploadVariantProps) => AeonFileUploadVariantProps
+}
+
+
+export declare const aeonFileUpload: AeonFileUploadRecipe

package/packages/panda/styled-system/recipes/aeon-file-upload.mjs

@@ -0,0 +1,61 @@
+import { compact, getSlotCompoundVariant, memo, splitProps } from '../helpers.mjs';
+import { createRecipe } from './create-recipe.mjs';
+
+const aeonFileUploadDefaultVariants = {}
+const aeonFileUploadCompoundVariants = []
+
+const aeonFileUploadSlotNames = [
+  [
+    "root",
+    "aeonFileUpload__root"
+  ],
+  [
+    "dropzone",
+    "aeonFileUpload__dropzone"
+  ],
+  [
+    "input",
+    "aeonFileUpload__input"
+  ],
+  [
+    "label",
+    "aeonFileUpload__label"
+  ],
+  [
+    "hint",
+    "aeonFileUpload__hint"
+  ],
+  [
+    "preview",
+    "aeonFileUpload__preview"
+  ],
+  [
+    "clearTrigger",
+    "aeonFileUpload__clearTrigger"
+  ],
+  [
+    "rejectionMessage",
+    "aeonFileUpload__rejectionMessage"
+  ]
+]
+const aeonFileUploadSlotFns = /* @__PURE__ */ aeonFileUploadSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, aeonFileUploadDefaultVariants, getSlotCompoundVariant(aeonFileUploadCompoundVariants, slotName))])
+
+const aeonFileUploadFn = memo((props = {}) => {
+  return Object.fromEntries(aeonFileUploadSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]))
+})
+
+const aeonFileUploadVariantKeys = []
+const getVariantProps = (variants) => ({ ...aeonFileUploadDefaultVariants, ...compact(variants) })
+
+export const aeonFileUpload = /* @__PURE__ */ Object.assign(aeonFileUploadFn, {
+  __recipe__: false,
+  __name__: 'aeonFileUpload',
+  raw: (props) => props,
+  classNameMap: {},
+  variantKeys: aeonFileUploadVariantKeys,
+  variantMap: {},
+  splitVariantProps(props) {
+    return splitProps(props, aeonFileUploadVariantKeys)
+  },
+  getVariantProps
+})

package/packages/panda/styled-system/recipes/aeon-range-slider.d.ts

@@ -0,0 +1,31 @@
+/* eslint-disable */
+import type { ConditionalValue } from '../types/index';
+import type { DistributiveOmit, Pretty } from '../types/system-types';
+
+interface AeonRangeSliderVariant {
+  
+}
+
+type AeonRangeSliderVariantMap = {
+  [key in keyof AeonRangeSliderVariant]: Array<AeonRangeSliderVariant[key]>
+}
+
+type AeonRangeSliderSlot = "root" | "track" | "range" | "thumb" | "valueText"
+
+export type AeonRangeSliderVariantProps = {
+  [key in keyof AeonRangeSliderVariant]?: ConditionalValue<AeonRangeSliderVariant[key]> | undefined
+}
+
+export interface AeonRangeSliderRecipe {
+  __slot: AeonRangeSliderSlot
+  __type: AeonRangeSliderVariantProps
+  (props?: AeonRangeSliderVariantProps): Pretty<Record<AeonRangeSliderSlot, string>>
+  raw: (props?: AeonRangeSliderVariantProps) => AeonRangeSliderVariantProps
+  variantMap: AeonRangeSliderVariantMap
+  variantKeys: Array<keyof AeonRangeSliderVariant>
+  splitVariantProps<Props extends AeonRangeSliderVariantProps>(props: Props): [AeonRangeSliderVariantProps, Pretty<DistributiveOmit<Props, keyof AeonRangeSliderVariantProps>>]
+  getVariantProps: (props?: AeonRangeSliderVariantProps) => AeonRangeSliderVariantProps
+}
+
+
+export declare const aeonRangeSlider: AeonRangeSliderRecipe

package/packages/panda/styled-system/recipes/aeon-range-slider.mjs

@@ -0,0 +1,49 @@
+import { compact, getSlotCompoundVariant, memo, splitProps } from '../helpers.mjs';
+import { createRecipe } from './create-recipe.mjs';
+
+const aeonRangeSliderDefaultVariants = {}
+const aeonRangeSliderCompoundVariants = []
+
+const aeonRangeSliderSlotNames = [
+  [
+    "root",
+    "aeonRangeSlider__root"
+  ],
+  [
+    "track",
+    "aeonRangeSlider__track"
+  ],
+  [
+    "range",
+    "aeonRangeSlider__range"
+  ],
+  [
+    "thumb",
+    "aeonRangeSlider__thumb"
+  ],
+  [
+    "valueText",
+    "aeonRangeSlider__valueText"
+  ]
+]
+const aeonRangeSliderSlotFns = /* @__PURE__ */ aeonRangeSliderSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, aeonRangeSliderDefaultVariants, getSlotCompoundVariant(aeonRangeSliderCompoundVariants, slotName))])
+
+const aeonRangeSliderFn = memo((props = {}) => {
+  return Object.fromEntries(aeonRangeSliderSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]))
+})
+
+const aeonRangeSliderVariantKeys = []
+const getVariantProps = (variants) => ({ ...aeonRangeSliderDefaultVariants, ...compact(variants) })
+
+export const aeonRangeSlider = /* @__PURE__ */ Object.assign(aeonRangeSliderFn, {
+  __recipe__: false,
+  __name__: 'aeonRangeSlider',
+  raw: (props) => props,
+  classNameMap: {},
+  variantKeys: aeonRangeSliderVariantKeys,
+  variantMap: {},
+  splitVariantProps(props) {
+    return splitProps(props, aeonRangeSliderVariantKeys)
+  },
+  getVariantProps
+})

package/packages/panda/styled-system/recipes/aeon-thread.d.ts

@@ -10,7 +10,7 @@ type AeonThreadVariantMap = {
   [key in keyof AeonThreadVariant]: Array<AeonThreadVariant[key]>
 }
 
-type AeonThreadSlot = "root" | "list" | "item" | "bubble" | "meta" | "day"
+type AeonThreadSlot = "root" | "list" | "item" | "bubble" | "meta" | "day" | "bind" | "card" | "cardTitle" | "cardBody" | "cardActions"
 
 export type AeonThreadVariantProps = {
   [key in keyof AeonThreadVariant]?: ConditionalValue<AeonThreadVariant[key]> | undefined

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

@@ -28,6 +28,26 @@ const aeonThreadSlotNames = [
   [
     "day",
     "aeonThread__day"
+  ],
+  [
+    "bind",
+    "aeonThread__bind"
+  ],
+  [
+    "card",
+    "aeonThread__card"
+  ],
+  [
+    "cardTitle",
+    "aeonThread__cardTitle"
+  ],
+  [
+    "cardBody",
+    "aeonThread__cardBody"
+  ],
+  [
+    "cardActions",
+    "aeonThread__cardActions"
   ]
 ]
 const aeonThreadSlotFns = /* @__PURE__ */ aeonThreadSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, aeonThreadDefaultVariants, getSlotCompoundVariant(aeonThreadCompoundVariants, slotName))])

package/packages/panda/styled-system/recipes/index.d.ts

@@ -23,6 +23,8 @@ export * from './aeon-separator';
 export * from './aeon-progress';
 export * from './aeon-radio-group';
 export * from './aeon-slider';
+export * from './aeon-range-slider';
+export * from './aeon-file-upload';
 export * from './aeon-pin-input';
 export * from './aeon-switch';
 export * from './aeon-checkbox';

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

@@ -22,6 +22,8 @@ export * from './aeon-separator.mjs';
 export * from './aeon-progress.mjs';
 export * from './aeon-radio-group.mjs';
 export * from './aeon-slider.mjs';
+export * from './aeon-range-slider.mjs';
+export * from './aeon-file-upload.mjs';
 export * from './aeon-pin-input.mjs';
 export * from './aeon-switch.mjs';
 export * from './aeon-checkbox.mjs';