diff --git a/apps/web/_panda/css/conditions.mjs b/apps/web/_panda/css/conditions.mjs new file mode 100644 index 00000000..e04d2378 --- /dev/null +++ b/apps/web/_panda/css/conditions.mjs @@ -0,0 +1,34 @@ +import { withoutSpace } from '../helpers.mjs'; + +const conditionsStr = "_hover,_focus,_focusWithin,_focusVisible,_disabled,_active,_visited,_target,_readOnly,_readWrite,_empty,_checked,_enabled,_expanded,_highlighted,_before,_after,_firstLetter,_firstLine,_marker,_selection,_file,_backdrop,_first,_last,_only,_even,_odd,_firstOfType,_lastOfType,_onlyOfType,_peerFocus,_peerHover,_peerActive,_peerFocusWithin,_peerFocusVisible,_peerDisabled,_peerChecked,_peerInvalid,_peerExpanded,_peerPlaceholderShown,_groupFocus,_groupHover,_groupActive,_groupFocusWithin,_groupFocusVisible,_groupDisabled,_groupChecked,_groupExpanded,_groupInvalid,_indeterminate,_required,_valid,_invalid,_autofill,_inRange,_outOfRange,_placeholder,_placeholderShown,_pressed,_selected,_default,_optional,_open,_closed,_fullscreen,_loading,_currentPage,_currentStep,_motionReduce,_motionSafe,_print,_landscape,_portrait,_dark,_light,_osDark,_osLight,_highContrast,_lessContrast,_moreContrast,_ltr,_rtl,_scrollbar,_scrollbarThumb,_scrollbarTrack,_horizontal,_vertical,_starting,_mobile,_desktop,_tablet,_pc,sm,smOnly,smDown,md,mdOnly,mdDown,lg,lgOnly,lgDown,xl,xlOnly,xlDown,2xl,2xlOnly,2xlDown,smToMd,smToLg,smToXl,smTo2xl,mdToLg,mdToXl,mdTo2xl,lgToXl,lgTo2xl,xlTo2xl,base" +const conditions = new Set(conditionsStr.split(',')) + +export function isCondition(value){ + return conditions.has(value) || /^@|&|&$/.test(value) +} + +const underscoreRegex = /^_/ +const conditionsSelectorRegex = /&|@/ + +export function finalizeConditions(paths){ + return paths.map((path) => { + if (conditions.has(path)){ + return path.replace(underscoreRegex, '') + } + + if (conditionsSelectorRegex.test(path)){ + return `[${withoutSpace(path.trim())}]` + } + + return path + })} + + export function sortConditions(paths){ + return paths.sort((a, b) => { + const aa = isCondition(a) + const bb = isCondition(b) + if (aa && !bb) return 1 + if (!aa && bb) return -1 + return 0 + }) + } \ No newline at end of file diff --git a/apps/web/_panda/css/css.d.ts b/apps/web/_panda/css/css.d.ts new file mode 100644 index 00000000..496da419 --- /dev/null +++ b/apps/web/_panda/css/css.d.ts @@ -0,0 +1,22 @@ +/* eslint-disable */ +import type { SystemStyleObject } from '../types/index'; + +type Styles = SystemStyleObject | undefined | null | false + +interface CssRawFunction { + (styles: Styles): SystemStyleObject + (styles: Styles[]): SystemStyleObject + (...styles: Array): SystemStyleObject + (styles: Styles): SystemStyleObject +} + +interface CssFunction { + (styles: Styles): string + (styles: Styles[]): string + (...styles: Array): string + (styles: Styles): string + + raw: CssRawFunction +} + +export declare const css: CssFunction; \ No newline at end of file diff --git a/apps/web/_panda/css/css.mjs b/apps/web/_panda/css/css.mjs new file mode 100644 index 00000000..1761cf92 --- /dev/null +++ b/apps/web/_panda/css/css.mjs @@ -0,0 +1,45 @@ +import { createCss, createMergeCss, hypenateProperty, withoutSpace } from '../helpers.mjs'; +import { sortConditions, finalizeConditions } from './conditions.mjs'; + +const utilities = "aspectRatio:aspect,boxDecorationBreak:decoration,zIndex:z,boxSizing:box,objectPosition:obj-pos,objectFit:obj-fit,overscrollBehavior:overscroll,overscrollBehaviorX:overscroll-x,overscrollBehaviorY:overscroll-y,position:pos/1,top:top,left:left,insetInline:inset-x/insetX,insetBlock:inset-y/insetY,inset:inset,insetBlockEnd:inset-b,insetBlockStart:inset-t,insetInlineEnd:end/insetEnd/1,insetInlineStart:start/insetStart/1,right:right,bottom:bottom,float:float,visibility:vis,display:d,hideFrom:hide,hideBelow:show,flexBasis:basis,flex:flex,flexDirection:flex/flexDir,flexGrow:grow,flexShrink:shrink,gridTemplateColumns:grid-cols,gridTemplateRows:grid-rows,gridColumn:col-span,gridRow:row-span,gridColumnStart:col-start,gridColumnEnd:col-end,gridAutoFlow:grid-flow,gridAutoColumns:auto-cols,gridAutoRows:auto-rows,gap:gap,gridGap:gap,gridRowGap:gap-x,gridColumnGap:gap-y,rowGap:gap-x,columnGap:gap-y,justifyContent:justify,alignContent:content,alignItems:items,alignSelf:self,padding:p/1,paddingLeft:pl/1,paddingRight:pr/1,paddingTop:pt/1,paddingBottom:pb/1,paddingBlock:py/1/paddingY,paddingBlockEnd:pb,paddingBlockStart:pt,paddingInline:px/paddingX/1,paddingInlineEnd:pe/1/paddingEnd,paddingInlineStart:ps/1/paddingStart,marginLeft:ml/1,marginRight:mr/1,marginTop:mt/1,marginBottom:mb/1,margin:m/1,marginBlock:my/1/marginY,marginBlockEnd:mb,marginBlockStart:mt,marginInline:mx/1/marginX,marginInlineEnd:me/1/marginEnd,marginInlineStart:ms/1/marginStart,spaceX:space_x,spaceY:space_y,outlineWidth:ring-width/ringWidth,outlineColor:ring-color/ringColor,outline:ring/1,outlineOffset:ring-offset/ringOffset,divideX:divide-x,divideY:divide-y,divideColor:divide-color,divideStyle:divide-style,width:w/1,inlineSize:w,minWidth:min-w/minW,minInlineSize:min-w,maxWidth:max-w/maxW,maxInlineSize:max-w,height:h/1,blockSize:h,minHeight:min-h/minH,minBlockSize:min-h,maxHeight:max-h/maxH,maxBlockSize:max-b,color:text,fontFamily:font,fontSize:fs,fontWeight:fw,fontSmoothing:smoothing,fontVariantNumeric:numeric,letterSpacing:tracking/1,lineHeight:leading/1,textAlign:text-align,textDecoration:text-decor,textDecorationColor:text-decor-color,textEmphasisColor:text-emphasis-color,textDecorationStyle:decoration-style,textDecorationThickness:decoration-thickness,textUnderlineOffset:underline-offset,textTransform:text-transform,textIndent:indent,textShadow:text-shadow,textShadowColor:text-shadow/textShadowColor,textOverflow:text-overflow,verticalAlign:v-align,wordBreak:break,textWrap:text-wrap,truncate:truncate,lineClamp:clamp,listStyleType:list-type,listStylePosition:list-pos,listStyleImage:list-img,backgroundPosition:bg-pos/bgPosition,backgroundPositionX:bg-pos-x/bgPositionX,backgroundPositionY:bg-pos-y/bgPositionY,backgroundAttachment:bg-attach/bgAttachment,backgroundClip:bg-clip/bgClip,background:bg/1,backgroundColor:bg/bgColor,backgroundOrigin:bg-origin/bgOrigin,backgroundImage:bg-img/bgImage,backgroundRepeat:bg-repeat/bgRepeat,backgroundBlendMode:bg-blend/bgBlendMode,backgroundSize:bg-size/bgSize,backgroundGradient:bg-gradient/bgGradient,textGradient:text-gradient,gradientFromPosition:gradient-from-pos,gradientToPosition:gradient-to-pos,gradientFrom:gradient-from,gradientTo:gradient-to,gradientVia:gradient-via,gradientViaPosition:gradient-via-pos,borderRadius:rounded/1,borderTopLeftRadius:rounded-tl/roundedTopLeft,borderTopRightRadius:rounded-tr/roundedTopRight,borderBottomRightRadius:rounded-br/roundedBottomRight,borderBottomLeftRadius:rounded-bl/roundedBottomLeft,borderTopRadius:rounded-t/roundedTop,borderRightRadius:rounded-r/roundedRight,borderBottomRadius:rounded-b/roundedBottom,borderLeftRadius:rounded-l/roundedLeft,borderStartStartRadius:rounded-ss/roundedStartStart,borderStartEndRadius:rounded-se/roundedStartEnd,borderStartRadius:rounded-s/roundedStart,borderEndStartRadius:rounded-es/roundedEndStart,borderEndEndRadius:rounded-ee/roundedEndEnd,borderEndRadius:rounded-e/roundedEnd,border:border,borderWidth:border-w,borderTopWidth:border-tw,borderLeftWidth:border-lw,borderRightWidth:border-rw,borderBottomWidth:border-bw,borderColor:border,borderInline:border-x/borderX,borderInlineWidth:border-x/borderXWidth,borderInlineColor:border-x/borderXColor,borderBlock:border-y/borderY,borderBlockWidth:border-y/borderYWidth,borderBlockColor:border-y/borderYColor,borderLeft:border-l,borderLeftColor:border-l,borderInlineStart:border-s/borderStart,borderInlineStartWidth:border-s/borderStartWidth,borderInlineStartColor:border-s/borderStartColor,borderRight:border-r,borderRightColor:border-r,borderInlineEnd:border-e/borderEnd,borderInlineEndWidth:border-e/borderEndWidth,borderInlineEndColor:border-e/borderEndColor,borderTop:border-t,borderTopColor:border-t,borderBottom:border-b,borderBottomColor:border-b,borderBlockEnd:border-be,borderBlockEndColor:border-be,borderBlockStart:border-bs,borderBlockStartColor:border-bs,boxShadow:shadow/1,boxShadowColor:shadow-color/shadowColor,mixBlendMode:mix-blend,filter:filter,brightness:brightness,contrast:contrast,grayscale:grayscale,hueRotate:hue-rotate,invert:invert,saturate:saturate,sepia:sepia,dropShadow:drop-shadow,blur:blur,backdropFilter:backdrop,backdropBlur:backdrop_blur,backdropBrightness:backdrop-brightness,backdropContrast:backdrop-contrast,backdropGrayscale:backdrop-grayscale,backdropHueRotate:backdrop-hue-rotate,backdropInvert:backdrop-invert,backdropOpacity:backdrop-opacity,backdropSaturate:backdrop-saturate,backdropSepia:backdrop-sepia,borderCollapse:border,borderSpacing:border-spacing,borderSpacingX:border-spacing-x,borderSpacingY:border-spacing-y,tableLayout:table,transitionTimingFunction:ease,transitionDelay:delay,transitionDuration:duration,transitionProperty:transition-prop,transition:transition,animation:animation,animationName:animation-name,animationTimingFunction:animation-ease,animationDuration:animation-duration,animationDelay:animation-delay,transformOrigin:origin,rotate:rotate,rotateX:rotate-x,rotateY:rotate-y,rotateZ:rotate-z,scale:scale,scaleX:scale-x,scaleY:scale-y,translate:translate,translateX:translate_x/x,translateY:translate_y/y,translateZ:translate-z/z,accentColor:accent,caretColor:caret,scrollBehavior:scroll,scrollbar:scrollbar,scrollMargin:scroll-m,scrollMarginLeft:scroll-ml,scrollMarginRight:scroll-mr,scrollMarginTop:scroll-mt,scrollMarginBottom:scroll-mb,scrollMarginBlock:scroll-my/scrollMarginY,scrollMarginBlockEnd:scroll-mb,scrollMarginBlockStart:scroll-mt,scrollMarginInline:scroll-mx/scrollMarginX,scrollMarginInlineEnd:scroll-me,scrollMarginInlineStart:scroll-ms,scrollPadding:scroll-p,scrollPaddingBlock:scroll-pb/scrollPaddingY,scrollPaddingBlockStart:scroll-pt,scrollPaddingBlockEnd:scroll-pb,scrollPaddingInline:scroll-px/scrollPaddingX,scrollPaddingInlineEnd:scroll-pe,scrollPaddingInlineStart:scroll-ps,scrollPaddingLeft:scroll-pl,scrollPaddingRight:scroll-pr,scrollPaddingTop:scroll-pt,scrollPaddingBottom:scroll-pb,scrollSnapAlign:snap-align,scrollSnapStop:snap-stop,scrollSnapType:snap-type,scrollSnapStrictness:snap-strictness,scrollSnapMargin:snap-m,scrollSnapMarginTop:snap-mt,scrollSnapMarginBottom:snap-mb,scrollSnapMarginLeft:snap-ml,scrollSnapMarginRight:snap-mr,touchAction:touch,userSelect:select,fill:fill,stroke:stroke,strokeWidth:stroke-w,srOnly:sr,debug:debug,appearance:appearance,backfaceVisibility:backface,clipPath:clip-path,hyphens:hyphens,mask:mask,maskImage:mask-image,maskSize:mask-size,textSizeAdjust:text-adjust,container:container,containerName:cq-name,containerType:cq-type,animateIn:animate_in,animateOut:animate_out,fadeIn:animate_fade_in,fadeOut:animate_fade_out,zoomIn:animate_zoom_in,zoomOut:animate_zoom_out,spinIn:animate_spin_in,spinOut:animate_spin_out,slideInFromTop:animate_slide_in_from_top,slideInFromBottom:animate_slide_in_from_bottom,slideInFromLeft:animate_slide_in_from_left,slideInFromRight:animate_slide_in_from_right,slideOutToTop:animate_slide_out_to_top,slideOutToBottom:animate_slide_out_to_bottom,slideOutToLeft:animate_slide_out_to_left,slideOutToRight:animate_slide_out_to_right,backgroundAlpha:background-alpha/bga,gradientFromAlpha:from-alpha,gradientToAlpha:to-alpha,borderAlpha:border_color_alpha/bca,focusRingWidth:focus-ring-width,focusRingColor:focus-ring-color,focusRingOffsetWidth:focus-ring-offset-width,focusRingOffsetColor:focus-ring-offset-color,focusRingInset:focus-ring-inset,textAlpha:text_alpha/ca,textStyle:textStyle,layerStyle:layerStyle" + +const classNameByProp = new Map() +const shorthands = new Map() +utilities.split(',').forEach((utility) => { + const [prop, meta] = utility.split(':') + const [className, ...shorthandList] = meta.split('/') + classNameByProp.set(prop, className) + if (shorthandList.length) { + shorthandList.forEach((shorthand) => { + shorthands.set(shorthand === '1' ? className : shorthand, prop) + }) + } +}) + +const resolveShorthand = (prop) => shorthands.get(prop) || prop + +const context = { + + conditions: { + shift: sortConditions, + finalize: finalizeConditions, + breakpoints: { keys: ["base","sm","md","lg","xl","2xl"] } + }, + utility: { + + transform: (prop, value) => { + const key = resolveShorthand(prop) + const propKey = classNameByProp.get(key) || hypenateProperty(key) + return { className: `${propKey}_${withoutSpace(value)}` } + }, + hasShorthand: true, + toHash: (path, hashFn) => hashFn(path.join(":")), + resolveShorthand: resolveShorthand, + } +} + +const cssFn = createCss(context) +export const css = (...styles) => cssFn(mergeCss(...styles)) +css.raw = (...styles) => mergeCss(...styles) + +export const { mergeCss, assignCss } = createMergeCss(context) \ No newline at end of file diff --git a/apps/web/_panda/css/cva.d.ts b/apps/web/_panda/css/cva.d.ts new file mode 100644 index 00000000..ff433257 --- /dev/null +++ b/apps/web/_panda/css/cva.d.ts @@ -0,0 +1,6 @@ +/* eslint-disable */ +import type { RecipeCreatorFn } from '../types/recipe'; + +export declare const cva: RecipeCreatorFn + +export type { RecipeVariant, RecipeVariantProps } from '../types/recipe'; \ No newline at end of file diff --git a/apps/web/_panda/css/cva.mjs b/apps/web/_panda/css/cva.mjs new file mode 100644 index 00000000..831b5e61 --- /dev/null +++ b/apps/web/_panda/css/cva.mjs @@ -0,0 +1,87 @@ +import { compact, mergeProps, memo, splitProps, uniq } from '../helpers.mjs'; +import { css, mergeCss } from './css.mjs'; + +const defaults = (conf) => ({ + base: {}, + variants: {}, + defaultVariants: {}, + compoundVariants: [], + ...conf, +}) + +export function cva(config) { + const { base, variants, defaultVariants, compoundVariants } = defaults(config) + const getVariantProps = (variants) => ({ ...defaultVariants, ...compact(variants) }) + + function resolve(props = {}) { + const computedVariants = getVariantProps(props) + let variantCss = { ...base } + for (const [key, value] of Object.entries(computedVariants)) { + if (variants[key]?.[value]) { + variantCss = mergeCss(variantCss, variants[key][value]) + } + } + const compoundVariantCss = getCompoundVariantCss(compoundVariants, computedVariants) + return mergeCss(variantCss, compoundVariantCss) + } + + function merge(__cva) { + const override = defaults(__cva.config) + const variantKeys = uniq(__cva.variantKeys, Object.keys(variants)) + return cva({ + base: mergeCss(base, override.base), + variants: Object.fromEntries( + variantKeys.map((key) => [key, mergeCss(variants[key], override.variants[key])]), + ), + defaultVariants: mergeProps(defaultVariants, override.defaultVariants), + compoundVariants: [...compoundVariants, ...override.compoundVariants], + }) + } + + function cvaFn(props) { + return css(resolve(props)) + } + + const variantKeys = Object.keys(variants) + + function splitVariantProps(props) { + return splitProps(props, variantKeys) + } + + const variantMap = Object.fromEntries(Object.entries(variants).map(([key, value]) => [key, Object.keys(value)])) + + return Object.assign(memo(cvaFn), { + __cva__: true, + variantMap, + variantKeys, + raw: resolve, + config, + merge, + splitVariantProps, + getVariantProps + }) +} + +export function getCompoundVariantCss(compoundVariants, variantMap) { + let result = {} + compoundVariants.forEach((compoundVariant) => { + const isMatching = Object.entries(compoundVariant).every(([key, value]) => { + if (key === 'css') return true + + const values = Array.isArray(value) ? value : [value] + return values.some((value) => variantMap[key] === value) + }) + + if (isMatching) { + result = mergeCss(result, compoundVariant.css) + } + }) + + return result +} + +export function assertCompoundVariant(name, compoundVariants, variants, prop) { + if (compoundVariants.length > 0 && typeof variants?.[prop] === 'object') { + throw new Error(`[recipe:${name}:${prop}] Conditions are not supported when using compound variants.`) + } +} diff --git a/apps/web/_panda/css/cx.d.ts b/apps/web/_panda/css/cx.d.ts new file mode 100644 index 00000000..892c90ca --- /dev/null +++ b/apps/web/_panda/css/cx.d.ts @@ -0,0 +1,5 @@ +/* eslint-disable */ +type Argument = string | boolean | null | undefined + +/** Conditionally join classNames into a single string */ +export declare function cx(...args: Argument[]): string \ No newline at end of file diff --git a/apps/web/_panda/css/cx.mjs b/apps/web/_panda/css/cx.mjs new file mode 100644 index 00000000..81bbdae3 --- /dev/null +++ b/apps/web/_panda/css/cx.mjs @@ -0,0 +1,15 @@ +function cx() { + let str = '', + i = 0, + arg + + for (; i < arguments.length; ) { + if ((arg = arguments[i++]) && typeof arg === 'string') { + str && (str += ' ') + str += arg + } + } + return str +} + +export { cx } \ No newline at end of file diff --git a/apps/web/_panda/css/index.d.ts b/apps/web/_panda/css/index.d.ts new file mode 100644 index 00000000..50a581d8 --- /dev/null +++ b/apps/web/_panda/css/index.d.ts @@ -0,0 +1,5 @@ +/* eslint-disable */ +export * from './css'; +export * from './cx'; +export * from './cva'; +export * from './sva'; \ No newline at end of file diff --git a/apps/web/_panda/css/index.mjs b/apps/web/_panda/css/index.mjs new file mode 100644 index 00000000..f2392bd6 --- /dev/null +++ b/apps/web/_panda/css/index.mjs @@ -0,0 +1,4 @@ +export * from './css.mjs'; +export * from './cx.mjs'; +export * from './cva.mjs'; +export * from './sva.mjs'; \ No newline at end of file diff --git a/apps/web/_panda/css/sva.d.ts b/apps/web/_panda/css/sva.d.ts new file mode 100644 index 00000000..f97c42a3 --- /dev/null +++ b/apps/web/_panda/css/sva.d.ts @@ -0,0 +1,4 @@ +/* eslint-disable */ +import type { SlotRecipeCreatorFn } from '../types/recipe'; + +export declare const sva: SlotRecipeCreatorFn \ No newline at end of file diff --git a/apps/web/_panda/css/sva.mjs b/apps/web/_panda/css/sva.mjs new file mode 100644 index 00000000..30e42f33 --- /dev/null +++ b/apps/web/_panda/css/sva.mjs @@ -0,0 +1,41 @@ +import { compact, getSlotRecipes, memo, splitProps } from '../helpers.mjs'; +import { cva } from './cva.mjs'; +import { cx } from './cx.mjs'; + +const slotClass = (className, slot) => className + '__' + slot + +export function sva(config) { + const slots = Object.entries(getSlotRecipes(config)).map(([slot, slotCva]) => [slot, cva(slotCva)]) + const defaultVariants = config.defaultVariants ?? {} + + function svaFn(props) { + const result = slots.map(([slot, cvaFn]) => [slot, cx(cvaFn(props), config.className && slotClass(config.className, slot))]) + return Object.fromEntries(result) + } + + function raw(props) { + const result = slots.map(([slot, cvaFn]) => [slot, cvaFn.raw(props)]) + return Object.fromEntries(result) + } + + const variants = config.variants ?? {}; + const variantKeys = Object.keys(variants); + + function splitVariantProps(props) { + return splitProps(props, variantKeys); + } + const getVariantProps = (variants) => ({ ...(defaultVariants || {}), ...compact(variants) }) + + const variantMap = Object.fromEntries( + Object.entries(variants).map(([key, value]) => [key, Object.keys(value)]) + ); + + return Object.assign(memo(svaFn), { + __cva__: false, + raw, + variantMap, + variantKeys, + splitVariantProps, + getVariantProps, + }) +} \ No newline at end of file diff --git a/apps/web/_panda/helpers.mjs b/apps/web/_panda/helpers.mjs new file mode 100644 index 00000000..164d74be --- /dev/null +++ b/apps/web/_panda/helpers.mjs @@ -0,0 +1,326 @@ +// src/assert.ts +function isObject(value) { + return typeof value === "object" && value != null && !Array.isArray(value); +} + +// src/compact.ts +function compact(value) { + return Object.fromEntries(Object.entries(value ?? {}).filter(([_, value2]) => value2 !== void 0)); +} + +// src/condition.ts +var isBaseCondition = (v) => v === "base"; +function filterBaseConditions(c) { + return c.slice().filter((v) => !isBaseCondition(v)); +} + +// src/hash.ts +function toChar(code) { + return String.fromCharCode(code + (code > 25 ? 39 : 97)); +} +function toName(code) { + let name = ""; + let x; + for (x = Math.abs(code); x > 52; x = x / 52 | 0) + name = toChar(x % 52) + name; + return toChar(x % 52) + name; +} +function toPhash(h, x) { + let i = x.length; + while (i) + h = h * 33 ^ x.charCodeAt(--i); + return h; +} +function toHash(value) { + return toName(toPhash(5381, value) >>> 0); +} + +// src/important.ts +var importantRegex = /\s*!(important)?/i; +function isImportant(value) { + return typeof value === "string" ? importantRegex.test(value) : false; +} +function withoutImportant(value) { + return typeof value === "string" ? value.replace(importantRegex, "").trim() : value; +} +function withoutSpace(str) { + return typeof str === "string" ? str.replaceAll(" ", "_") : str; +} + +// src/memo.ts +var memo = (fn) => { + const cache = /* @__PURE__ */ new Map(); + const get = (...args) => { + const key = JSON.stringify(args); + if (cache.has(key)) { + return cache.get(key); + } + const result = fn(...args); + cache.set(key, result); + return result; + }; + return get; +}; + +// src/merge-props.ts +function mergeProps(...sources) { + const objects = sources.filter(Boolean); + return objects.reduce((prev, obj) => { + Object.keys(obj).forEach((key) => { + const prevValue = prev[key]; + const value = obj[key]; + if (isObject(prevValue) && isObject(value)) { + prev[key] = mergeProps(prevValue, value); + } else { + prev[key] = value; + } + }); + return prev; + }, {}); +} + +// src/walk-object.ts +var isNotNullish = (element) => element != null; +function walkObject(target, predicate, options = {}) { + const { stop, getKey } = options; + function inner(value, path = []) { + if (isObject(value) || Array.isArray(value)) { + const result = {}; + for (const [prop, child] of Object.entries(value)) { + const key = getKey?.(prop, child) ?? prop; + const childPath = [...path, key]; + if (stop?.(value, childPath)) { + return predicate(value, path); + } + const next = inner(child, childPath); + if (isNotNullish(next)) { + result[key] = next; + } + } + return result; + } + return predicate(value, path); + } + return inner(target); +} +function mapObject(obj, fn) { + if (Array.isArray(obj)) + return obj.map((value) => fn(value)); + if (!isObject(obj)) + return fn(obj); + return walkObject(obj, (value) => fn(value)); +} + +// src/normalize-style-object.ts +function toResponsiveObject(values, breakpoints) { + return values.reduce( + (acc, current, index) => { + const key = breakpoints[index]; + if (current != null) { + acc[key] = current; + } + return acc; + }, + {} + ); +} +function normalizeStyleObject(styles, context, shorthand = true) { + const { utility, conditions } = context; + const { hasShorthand, resolveShorthand } = utility; + return walkObject( + styles, + (value) => { + return Array.isArray(value) ? toResponsiveObject(value, conditions.breakpoints.keys) : value; + }, + { + stop: (value) => Array.isArray(value), + getKey: shorthand ? (prop) => hasShorthand ? resolveShorthand(prop) : prop : void 0 + } + ); +} + +// src/classname.ts +var fallbackCondition = { + shift: (v) => v, + finalize: (v) => v, + breakpoints: { keys: [] } +}; +var sanitize = (value) => typeof value === "string" ? value.replaceAll(/[\n\s]+/g, " ") : value; +function createCss(context) { + const { utility, hash, conditions: conds = fallbackCondition } = context; + const formatClassName = (str) => [utility.prefix, str].filter(Boolean).join("-"); + const hashFn = (conditions, className) => { + let result; + if (hash) { + const baseArray = [...conds.finalize(conditions), className]; + result = formatClassName(utility.toHash(baseArray, toHash)); + } else { + const baseArray = [...conds.finalize(conditions), formatClassName(className)]; + result = baseArray.join(":"); + } + return result; + }; + return memo(({ base, ...styles } = {}) => { + const styleObject = Object.assign(styles, base); + const normalizedObject = normalizeStyleObject(styleObject, context); + const classNames = /* @__PURE__ */ new Set(); + walkObject(normalizedObject, (value, paths) => { + const important = isImportant(value); + if (value == null) + return; + const [prop, ...allConditions] = conds.shift(paths); + const conditions = filterBaseConditions(allConditions); + const transformed = utility.transform(prop, withoutImportant(sanitize(value))); + let className = hashFn(conditions, transformed.className); + if (important) + className = `${className}!`; + classNames.add(className); + }); + return Array.from(classNames).join(" "); + }); +} +function compactStyles(...styles) { + return styles.flat().filter((style) => isObject(style) && Object.keys(compact(style)).length > 0); +} +function createMergeCss(context) { + function resolve(styles) { + const allStyles = compactStyles(...styles); + if (allStyles.length === 1) + return allStyles; + return allStyles.map((style) => normalizeStyleObject(style, context)); + } + function mergeCss(...styles) { + return mergeProps(...resolve(styles)); + } + function assignCss(...styles) { + return Object.assign({}, ...resolve(styles)); + } + return { mergeCss: memo(mergeCss), assignCss }; +} + +// src/hypenate-property.ts +var wordRegex = /([A-Z])/g; +var msRegex = /^ms-/; +var hypenateProperty = memo((property) => { + if (property.startsWith("--")) + return property; + return property.replace(wordRegex, "-$1").replace(msRegex, "-ms-").toLowerCase(); +}); + +// src/is-css-function.ts +var fns = ["min", "max", "clamp", "calc"]; +var fnRegExp = new RegExp(`^(${fns.join("|")})\\(.*\\)`); +var isCssFunction = (v) => typeof v === "string" && fnRegExp.test(v); + +// src/is-css-unit.ts +var lengthUnits = "cm,mm,Q,in,pc,pt,px,em,ex,ch,rem,lh,rlh,vw,vh,vmin,vmax,vb,vi,svw,svh,lvw,lvh,dvw,dvh,cqw,cqh,cqi,cqb,cqmin,cqmax,%"; +var lengthUnitsPattern = `(?:${lengthUnits.split(",").join("|")})`; +var lengthRegExp = new RegExp(`^[+-]?[0-9]*.?[0-9]+(?:[eE][+-]?[0-9]+)?${lengthUnitsPattern}$`); +var isCssUnit = (v) => typeof v === "string" && lengthRegExp.test(v); + +// src/is-css-var.ts +var isCssVar = (v) => typeof v === "string" && /^var\(--.+\)$/.test(v); + +// src/pattern-fns.ts +var patternFns = { + map: mapObject, + isCssFunction, + isCssVar, + isCssUnit +}; +var getPatternStyles = (pattern, styles) => { + if (!pattern?.defaultValues) + return styles; + const defaults = typeof pattern.defaultValues === "function" ? pattern.defaultValues(styles) : pattern.defaultValues; + return Object.assign({}, defaults, compact(styles)); +}; + +// src/slot.ts +var getSlotRecipes = (recipe = {}) => { + const init = (slot) => ({ + className: [recipe.className, slot].filter(Boolean).join("__"), + base: recipe.base?.[slot] ?? {}, + variants: {}, + defaultVariants: recipe.defaultVariants ?? {}, + compoundVariants: recipe.compoundVariants ? getSlotCompoundVariant(recipe.compoundVariants, slot) : [] + }); + const slots = recipe.slots ?? []; + const recipeParts = slots.map((slot) => [slot, init(slot)]); + for (const [variantsKey, variantsSpec] of Object.entries(recipe.variants ?? {})) { + for (const [variantKey, variantSpec] of Object.entries(variantsSpec)) { + recipeParts.forEach(([slot, slotRecipe]) => { + slotRecipe.variants[variantsKey] ??= {}; + slotRecipe.variants[variantsKey][variantKey] = variantSpec[slot] ?? {}; + }); + } + } + return Object.fromEntries(recipeParts); +}; +var getSlotCompoundVariant = (compoundVariants, slotName) => compoundVariants.filter((compoundVariant) => compoundVariant.css[slotName]).map((compoundVariant) => ({ ...compoundVariant, css: compoundVariant.css[slotName] })); + +// src/split-props.ts +function splitProps(props, ...keys) { + const descriptors = Object.getOwnPropertyDescriptors(props); + const dKeys = Object.keys(descriptors); + const split = (k) => { + const clone = {}; + for (let i = 0; i < k.length; i++) { + const key = k[i]; + if (descriptors[key]) { + Object.defineProperty(clone, key, descriptors[key]); + delete descriptors[key]; + } + } + return clone; + }; + const fn = (key) => split(Array.isArray(key) ? key : dKeys.filter(key)); + return keys.map(fn).concat(split(dKeys)); +} + +// src/uniq.ts +var uniq = (...items) => items.filter(Boolean).reduce((acc, item) => Array.from(/* @__PURE__ */ new Set([...acc, ...item])), []); +export { + compact, + createCss, + createMergeCss, + filterBaseConditions, + getPatternStyles, + getSlotCompoundVariant, + getSlotRecipes, + hypenateProperty, + isBaseCondition, + isObject, + mapObject, + memo, + mergeProps, + patternFns, + splitProps, + toHash, + uniq, + walkObject, + withoutSpace +}; + + + +// src/normalize-html.ts +var htmlProps = ["htmlSize", "htmlTranslate", "htmlWidth", "htmlHeight"]; +function convert(key) { + return htmlProps.includes(key) ? key.replace("html", "").toLowerCase() : key; +} +function normalizeHTMLProps(props) { + return Object.fromEntries(Object.entries(props).map(([key, value]) => [convert(key), value])); +} +normalizeHTMLProps.keys = htmlProps; +export { + normalizeHTMLProps +}; + + +export function __spreadValues(a, b) { + return { ...a, ...b } +} + +export function __objRest(source, exclude) { + return Object.fromEntries(Object.entries(source).filter(([key]) => !exclude.includes(key))) +} \ No newline at end of file diff --git a/apps/web/_panda/jsx/aspect-ratio.d.ts b/apps/web/_panda/jsx/aspect-ratio.d.ts new file mode 100644 index 00000000..c057d1a5 --- /dev/null +++ b/apps/web/_panda/jsx/aspect-ratio.d.ts @@ -0,0 +1,10 @@ +/* eslint-disable */ +import type { FunctionComponent } from 'react' +import type { AspectRatioProperties } from '../patterns/aspect-ratio'; +import type { HTMLStyledProps } from '../types/jsx'; +import type { DistributiveOmit } from '../types/system-types'; + +export interface AspectRatioProps extends AspectRatioProperties, DistributiveOmit, keyof AspectRatioProperties | 'aspectRatio'> {} + + +export declare const AspectRatio: FunctionComponent \ No newline at end of file diff --git a/apps/web/_panda/jsx/aspect-ratio.mjs b/apps/web/_panda/jsx/aspect-ratio.mjs new file mode 100644 index 00000000..7e17b28a --- /dev/null +++ b/apps/web/_panda/jsx/aspect-ratio.mjs @@ -0,0 +1,14 @@ +import { createElement, forwardRef } from 'react' + +import { splitProps } from '../helpers.mjs'; +import { getAspectRatioStyle } from '../patterns/aspect-ratio.mjs'; +import { styled } from './factory.mjs'; + +export const AspectRatio = /* @__PURE__ */ forwardRef(function AspectRatio(props, ref) { + const [patternProps, restProps] = splitProps(props, ["ratio"]) + +const styleProps = getAspectRatioStyle(patternProps) +const mergedProps = { ref, ...styleProps, ...restProps } + +return createElement(styled.div, mergedProps) + }) \ No newline at end of file diff --git a/apps/web/_panda/jsx/bleed.d.ts b/apps/web/_panda/jsx/bleed.d.ts new file mode 100644 index 00000000..9eca5993 --- /dev/null +++ b/apps/web/_panda/jsx/bleed.d.ts @@ -0,0 +1,10 @@ +/* eslint-disable */ +import type { FunctionComponent } from 'react' +import type { BleedProperties } from '../patterns/bleed'; +import type { HTMLStyledProps } from '../types/jsx'; +import type { DistributiveOmit } from '../types/system-types'; + +export interface BleedProps extends BleedProperties, DistributiveOmit, keyof BleedProperties > {} + + +export declare const Bleed: FunctionComponent \ No newline at end of file diff --git a/apps/web/_panda/jsx/bleed.mjs b/apps/web/_panda/jsx/bleed.mjs new file mode 100644 index 00000000..3cbbbd73 --- /dev/null +++ b/apps/web/_panda/jsx/bleed.mjs @@ -0,0 +1,14 @@ +import { createElement, forwardRef } from 'react' + +import { splitProps } from '../helpers.mjs'; +import { getBleedStyle } from '../patterns/bleed.mjs'; +import { styled } from './factory.mjs'; + +export const Bleed = /* @__PURE__ */ forwardRef(function Bleed(props, ref) { + const [patternProps, restProps] = splitProps(props, ["inline","block"]) + +const styleProps = getBleedStyle(patternProps) +const mergedProps = { ref, ...styleProps, ...restProps } + +return createElement(styled.div, mergedProps) + }) \ No newline at end of file diff --git a/apps/web/_panda/jsx/box.d.ts b/apps/web/_panda/jsx/box.d.ts new file mode 100644 index 00000000..958962df --- /dev/null +++ b/apps/web/_panda/jsx/box.d.ts @@ -0,0 +1,10 @@ +/* eslint-disable */ +import type { FunctionComponent } from 'react' +import type { BoxProperties } from '../patterns/box'; +import type { HTMLStyledProps } from '../types/jsx'; +import type { DistributiveOmit } from '../types/system-types'; + +export interface BoxProps extends BoxProperties, DistributiveOmit, keyof BoxProperties > {} + + +export declare const Box: FunctionComponent \ No newline at end of file diff --git a/apps/web/_panda/jsx/box.mjs b/apps/web/_panda/jsx/box.mjs new file mode 100644 index 00000000..ffe91496 --- /dev/null +++ b/apps/web/_panda/jsx/box.mjs @@ -0,0 +1,14 @@ +import { createElement, forwardRef } from 'react' + +import { splitProps } from '../helpers.mjs'; +import { getBoxStyle } from '../patterns/box.mjs'; +import { styled } from './factory.mjs'; + +export const Box = /* @__PURE__ */ forwardRef(function Box(props, ref) { + const [patternProps, restProps] = splitProps(props, []) + +const styleProps = getBoxStyle(patternProps) +const mergedProps = { ref, ...styleProps, ...restProps } + +return createElement(styled.div, mergedProps) + }) \ No newline at end of file diff --git a/apps/web/_panda/jsx/center.d.ts b/apps/web/_panda/jsx/center.d.ts new file mode 100644 index 00000000..fd6d6152 --- /dev/null +++ b/apps/web/_panda/jsx/center.d.ts @@ -0,0 +1,10 @@ +/* eslint-disable */ +import type { FunctionComponent } from 'react' +import type { CenterProperties } from '../patterns/center'; +import type { HTMLStyledProps } from '../types/jsx'; +import type { DistributiveOmit } from '../types/system-types'; + +export interface CenterProps extends CenterProperties, DistributiveOmit, keyof CenterProperties > {} + + +export declare const Center: FunctionComponent \ No newline at end of file diff --git a/apps/web/_panda/jsx/center.mjs b/apps/web/_panda/jsx/center.mjs new file mode 100644 index 00000000..7bbb16f5 --- /dev/null +++ b/apps/web/_panda/jsx/center.mjs @@ -0,0 +1,14 @@ +import { createElement, forwardRef } from 'react' + +import { splitProps } from '../helpers.mjs'; +import { getCenterStyle } from '../patterns/center.mjs'; +import { styled } from './factory.mjs'; + +export const Center = /* @__PURE__ */ forwardRef(function Center(props, ref) { + const [patternProps, restProps] = splitProps(props, ["inline"]) + +const styleProps = getCenterStyle(patternProps) +const mergedProps = { ref, ...styleProps, ...restProps } + +return createElement(styled.div, mergedProps) + }) \ No newline at end of file diff --git a/apps/web/_panda/jsx/circle.d.ts b/apps/web/_panda/jsx/circle.d.ts new file mode 100644 index 00000000..3afa95f6 --- /dev/null +++ b/apps/web/_panda/jsx/circle.d.ts @@ -0,0 +1,10 @@ +/* eslint-disable */ +import type { FunctionComponent } from 'react' +import type { CircleProperties } from '../patterns/circle'; +import type { HTMLStyledProps } from '../types/jsx'; +import type { DistributiveOmit } from '../types/system-types'; + +export interface CircleProps extends CircleProperties, DistributiveOmit, keyof CircleProperties > {} + + +export declare const Circle: FunctionComponent \ No newline at end of file diff --git a/apps/web/_panda/jsx/circle.mjs b/apps/web/_panda/jsx/circle.mjs new file mode 100644 index 00000000..c4b7c0ae --- /dev/null +++ b/apps/web/_panda/jsx/circle.mjs @@ -0,0 +1,14 @@ +import { createElement, forwardRef } from 'react' + +import { splitProps } from '../helpers.mjs'; +import { getCircleStyle } from '../patterns/circle.mjs'; +import { styled } from './factory.mjs'; + +export const Circle = /* @__PURE__ */ forwardRef(function Circle(props, ref) { + const [patternProps, restProps] = splitProps(props, ["size"]) + +const styleProps = getCircleStyle(patternProps) +const mergedProps = { ref, ...styleProps, ...restProps } + +return createElement(styled.div, mergedProps) + }) \ No newline at end of file diff --git a/apps/web/_panda/jsx/container.d.ts b/apps/web/_panda/jsx/container.d.ts new file mode 100644 index 00000000..10b9df22 --- /dev/null +++ b/apps/web/_panda/jsx/container.d.ts @@ -0,0 +1,10 @@ +/* eslint-disable */ +import type { FunctionComponent } from 'react' +import type { ContainerProperties } from '../patterns/container'; +import type { HTMLStyledProps } from '../types/jsx'; +import type { DistributiveOmit } from '../types/system-types'; + +export interface ContainerProps extends ContainerProperties, DistributiveOmit, keyof ContainerProperties > {} + + +export declare const Container: FunctionComponent \ No newline at end of file diff --git a/apps/web/_panda/jsx/container.mjs b/apps/web/_panda/jsx/container.mjs new file mode 100644 index 00000000..5078e2f9 --- /dev/null +++ b/apps/web/_panda/jsx/container.mjs @@ -0,0 +1,14 @@ +import { createElement, forwardRef } from 'react' + +import { splitProps } from '../helpers.mjs'; +import { getContainerStyle } from '../patterns/container.mjs'; +import { styled } from './factory.mjs'; + +export const Container = /* @__PURE__ */ forwardRef(function Container(props, ref) { + const [patternProps, restProps] = splitProps(props, []) + +const styleProps = getContainerStyle(patternProps) +const mergedProps = { ref, ...styleProps, ...restProps } + +return createElement(styled.div, mergedProps) + }) \ No newline at end of file diff --git a/apps/web/_panda/jsx/cq.d.ts b/apps/web/_panda/jsx/cq.d.ts new file mode 100644 index 00000000..5f00f130 --- /dev/null +++ b/apps/web/_panda/jsx/cq.d.ts @@ -0,0 +1,10 @@ +/* eslint-disable */ +import type { FunctionComponent } from 'react' +import type { CqProperties } from '../patterns/cq'; +import type { HTMLStyledProps } from '../types/jsx'; +import type { DistributiveOmit } from '../types/system-types'; + +export interface CqProps extends CqProperties, DistributiveOmit, keyof CqProperties > {} + + +export declare const Cq: FunctionComponent \ No newline at end of file diff --git a/apps/web/_panda/jsx/cq.mjs b/apps/web/_panda/jsx/cq.mjs new file mode 100644 index 00000000..cef7e9c8 --- /dev/null +++ b/apps/web/_panda/jsx/cq.mjs @@ -0,0 +1,14 @@ +import { createElement, forwardRef } from 'react' + +import { splitProps } from '../helpers.mjs'; +import { getCqStyle } from '../patterns/cq.mjs'; +import { styled } from './factory.mjs'; + +export const Cq = /* @__PURE__ */ forwardRef(function Cq(props, ref) { + const [patternProps, restProps] = splitProps(props, ["name","type"]) + +const styleProps = getCqStyle(patternProps) +const mergedProps = { ref, ...styleProps, ...restProps } + +return createElement(styled.div, mergedProps) + }) \ No newline at end of file diff --git a/apps/web/_panda/jsx/divider.d.ts b/apps/web/_panda/jsx/divider.d.ts new file mode 100644 index 00000000..110d8c01 --- /dev/null +++ b/apps/web/_panda/jsx/divider.d.ts @@ -0,0 +1,10 @@ +/* eslint-disable */ +import type { FunctionComponent } from 'react' +import type { DividerProperties } from '../patterns/divider'; +import type { HTMLStyledProps } from '../types/jsx'; +import type { DistributiveOmit } from '../types/system-types'; + +export interface DividerProps extends DividerProperties, DistributiveOmit, keyof DividerProperties > {} + + +export declare const Divider: FunctionComponent \ No newline at end of file diff --git a/apps/web/_panda/jsx/divider.mjs b/apps/web/_panda/jsx/divider.mjs new file mode 100644 index 00000000..ce211258 --- /dev/null +++ b/apps/web/_panda/jsx/divider.mjs @@ -0,0 +1,14 @@ +import { createElement, forwardRef } from 'react' + +import { splitProps } from '../helpers.mjs'; +import { getDividerStyle } from '../patterns/divider.mjs'; +import { styled } from './factory.mjs'; + +export const Divider = /* @__PURE__ */ forwardRef(function Divider(props, ref) { + const [patternProps, restProps] = splitProps(props, ["orientation","thickness","color"]) + +const styleProps = getDividerStyle(patternProps) +const mergedProps = { ref, ...styleProps, ...restProps } + +return createElement(styled.div, mergedProps) + }) \ No newline at end of file diff --git a/apps/web/_panda/jsx/factory-helper.mjs b/apps/web/_panda/jsx/factory-helper.mjs new file mode 100644 index 00000000..52605e98 --- /dev/null +++ b/apps/web/_panda/jsx/factory-helper.mjs @@ -0,0 +1,22 @@ +import { isCssProperty } from './is-valid-prop.mjs'; + +export const defaultShouldForwardProp = (prop, variantKeys) => !variantKeys.includes(prop) && !isCssProperty(prop) + +export const composeShouldForwardProps = (tag, shouldForwardProp) => + tag.__shouldForwardProps__ && shouldForwardProp + ? (propName) => tag.__shouldForwardProps__(propName) && shouldForwardProp(propName) + : shouldForwardProp + +export const composeCvaFn = (cvaA, cvaB) => { + if (cvaA && !cvaB) return cvaA + if (!cvaA && cvaB) return cvaB + if ((cvaA.__cva__ && cvaB.__cva__) || (cvaA.__recipe__ && cvaB.__recipe__)) return cvaA.merge(cvaB) + const error = new TypeError('Cannot merge cva with recipe. Please use either cva or recipe.') + TypeError.captureStackTrace?.(error) + throw error +} + +export const getDisplayName = (Component) => { + if (typeof Component === 'string') return Component + return Component?.displayName || Component?.name || 'Component' +} \ No newline at end of file diff --git a/apps/web/_panda/jsx/factory.d.ts b/apps/web/_panda/jsx/factory.d.ts new file mode 100644 index 00000000..875a0fba --- /dev/null +++ b/apps/web/_panda/jsx/factory.d.ts @@ -0,0 +1,3 @@ +/* eslint-disable */ +import type { Styled } from '../types/jsx'; +export declare const styled: Styled \ No newline at end of file diff --git a/apps/web/_panda/jsx/factory.mjs b/apps/web/_panda/jsx/factory.mjs new file mode 100644 index 00000000..c6a1f001 --- /dev/null +++ b/apps/web/_panda/jsx/factory.mjs @@ -0,0 +1,80 @@ +import { createElement, forwardRef, useMemo } from 'react' +import { css, cx, cva } from '../css/index.mjs'; +import { defaultShouldForwardProp, composeShouldForwardProps, composeCvaFn, getDisplayName } from './factory-helper.mjs'; +import { splitProps, normalizeHTMLProps } from '../helpers.mjs'; +import { isCssProperty } from './is-valid-prop.mjs'; + +function styledFn(Dynamic, configOrCva = {}, options = {}) { + const cvaFn = configOrCva.__cva__ || configOrCva.__recipe__ ? configOrCva : cva(configOrCva) + + const forwardFn = options.shouldForwardProp || defaultShouldForwardProp + const shouldForwardProp = (prop) => forwardFn(prop, cvaFn.variantKeys) + + const defaultProps = Object.assign( + options.dataAttr && configOrCva.__name__ ? { 'data-recipe': configOrCva.__name__ } : {}, + options.defaultProps, + ) + + const __cvaFn__ = composeCvaFn(Dynamic.__cva__, cvaFn) + const __shouldForwardProps__ = composeShouldForwardProps(Dynamic, shouldForwardProp) + const __base__ = Dynamic.__base__ || Dynamic + + const StyledComponent = /* @__PURE__ */ forwardRef(function StyledComponent(props, ref) { + const { as: Element = __base__, children, ...restProps } = props + + const combinedProps = useMemo(() => Object.assign({}, defaultProps, restProps), [restProps]) + + const [htmlProps, forwardedProps, variantProps, styleProps, elementProps] = useMemo(() => { + return splitProps(combinedProps, normalizeHTMLProps.keys, __shouldForwardProps__, __cvaFn__.variantKeys, isCssProperty) + }, [combinedProps]) + + function recipeClass() { + const { css: cssStyles, ...propStyles } = styleProps + const compoundVariantStyles = __cvaFn__.__getCompoundVariantCss__?.(variantProps) + return cx(__cvaFn__(variantProps, false), css(compoundVariantStyles, propStyles, cssStyles), combinedProps.className) + } + + function cvaClass() { + const { css: cssStyles, ...propStyles } = styleProps + const cvaStyles = __cvaFn__.raw(variantProps) + return cx(css(cvaStyles, propStyles, cssStyles), combinedProps.className) + } + + const classes = configOrCva.__recipe__ ? recipeClass : cvaClass + + return createElement(Element, { + ref, + ...forwardedProps, + ...elementProps, + ...normalizeHTMLProps(htmlProps), + className: classes(), + }, combinedProps.children ?? children) + }) + + const name = getDisplayName(__base__) + + StyledComponent.displayName = `styled.${name}` + StyledComponent.__cva__ = __cvaFn__ + StyledComponent.__base__ = __base__ + StyledComponent.__shouldForwardProps__ = shouldForwardProp + + return StyledComponent +} + +function createJsxFactory() { + const cache = new Map() + + return new Proxy(styledFn, { + apply(_, __, args) { + return styledFn(...args) + }, + get(_, el) { + if (!cache.has(el)) { + cache.set(el, styledFn(el)) + } + return cache.get(el) + }, + }) +} + +export const styled = /* @__PURE__ */ createJsxFactory() diff --git a/apps/web/_panda/jsx/flex.d.ts b/apps/web/_panda/jsx/flex.d.ts new file mode 100644 index 00000000..8165d5a7 --- /dev/null +++ b/apps/web/_panda/jsx/flex.d.ts @@ -0,0 +1,10 @@ +/* eslint-disable */ +import type { FunctionComponent } from 'react' +import type { FlexProperties } from '../patterns/flex'; +import type { HTMLStyledProps } from '../types/jsx'; +import type { DistributiveOmit } from '../types/system-types'; + +export interface FlexProps extends FlexProperties, DistributiveOmit, keyof FlexProperties > {} + + +export declare const Flex: FunctionComponent \ No newline at end of file diff --git a/apps/web/_panda/jsx/flex.mjs b/apps/web/_panda/jsx/flex.mjs new file mode 100644 index 00000000..ce9be431 --- /dev/null +++ b/apps/web/_panda/jsx/flex.mjs @@ -0,0 +1,14 @@ +import { createElement, forwardRef } from 'react' + +import { splitProps } from '../helpers.mjs'; +import { getFlexStyle } from '../patterns/flex.mjs'; +import { styled } from './factory.mjs'; + +export const Flex = /* @__PURE__ */ forwardRef(function Flex(props, ref) { + const [patternProps, restProps] = splitProps(props, ["align","justify","direction","wrap","basis","grow","shrink"]) + +const styleProps = getFlexStyle(patternProps) +const mergedProps = { ref, ...styleProps, ...restProps } + +return createElement(styled.div, mergedProps) + }) \ No newline at end of file diff --git a/apps/web/_panda/jsx/float.d.ts b/apps/web/_panda/jsx/float.d.ts new file mode 100644 index 00000000..217a44cd --- /dev/null +++ b/apps/web/_panda/jsx/float.d.ts @@ -0,0 +1,10 @@ +/* eslint-disable */ +import type { FunctionComponent } from 'react' +import type { FloatProperties } from '../patterns/float'; +import type { HTMLStyledProps } from '../types/jsx'; +import type { DistributiveOmit } from '../types/system-types'; + +export interface FloatProps extends FloatProperties, DistributiveOmit, keyof FloatProperties > {} + + +export declare const Float: FunctionComponent \ No newline at end of file diff --git a/apps/web/_panda/jsx/float.mjs b/apps/web/_panda/jsx/float.mjs new file mode 100644 index 00000000..b8388d99 --- /dev/null +++ b/apps/web/_panda/jsx/float.mjs @@ -0,0 +1,14 @@ +import { createElement, forwardRef } from 'react' + +import { splitProps } from '../helpers.mjs'; +import { getFloatStyle } from '../patterns/float.mjs'; +import { styled } from './factory.mjs'; + +export const Float = /* @__PURE__ */ forwardRef(function Float(props, ref) { + const [patternProps, restProps] = splitProps(props, ["offsetX","offsetY","offset","placement"]) + +const styleProps = getFloatStyle(patternProps) +const mergedProps = { ref, ...styleProps, ...restProps } + +return createElement(styled.div, mergedProps) + }) \ No newline at end of file diff --git a/apps/web/_panda/jsx/grid-item.d.ts b/apps/web/_panda/jsx/grid-item.d.ts new file mode 100644 index 00000000..37130511 --- /dev/null +++ b/apps/web/_panda/jsx/grid-item.d.ts @@ -0,0 +1,10 @@ +/* eslint-disable */ +import type { FunctionComponent } from 'react' +import type { GridItemProperties } from '../patterns/grid-item'; +import type { HTMLStyledProps } from '../types/jsx'; +import type { DistributiveOmit } from '../types/system-types'; + +export interface GridItemProps extends GridItemProperties, DistributiveOmit, keyof GridItemProperties > {} + + +export declare const GridItem: FunctionComponent \ No newline at end of file diff --git a/apps/web/_panda/jsx/grid-item.mjs b/apps/web/_panda/jsx/grid-item.mjs new file mode 100644 index 00000000..1bcc4962 --- /dev/null +++ b/apps/web/_panda/jsx/grid-item.mjs @@ -0,0 +1,14 @@ +import { createElement, forwardRef } from 'react' + +import { splitProps } from '../helpers.mjs'; +import { getGridItemStyle } from '../patterns/grid-item.mjs'; +import { styled } from './factory.mjs'; + +export const GridItem = /* @__PURE__ */ forwardRef(function GridItem(props, ref) { + const [patternProps, restProps] = splitProps(props, ["colSpan","rowSpan","colStart","rowStart","colEnd","rowEnd"]) + +const styleProps = getGridItemStyle(patternProps) +const mergedProps = { ref, ...styleProps, ...restProps } + +return createElement(styled.div, mergedProps) + }) \ No newline at end of file diff --git a/apps/web/_panda/jsx/grid.d.ts b/apps/web/_panda/jsx/grid.d.ts new file mode 100644 index 00000000..760569c4 --- /dev/null +++ b/apps/web/_panda/jsx/grid.d.ts @@ -0,0 +1,10 @@ +/* eslint-disable */ +import type { FunctionComponent } from 'react' +import type { GridProperties } from '../patterns/grid'; +import type { HTMLStyledProps } from '../types/jsx'; +import type { DistributiveOmit } from '../types/system-types'; + +export interface GridProps extends GridProperties, DistributiveOmit, keyof GridProperties > {} + + +export declare const Grid: FunctionComponent \ No newline at end of file diff --git a/apps/web/_panda/jsx/grid.mjs b/apps/web/_panda/jsx/grid.mjs new file mode 100644 index 00000000..e389e2cc --- /dev/null +++ b/apps/web/_panda/jsx/grid.mjs @@ -0,0 +1,14 @@ +import { createElement, forwardRef } from 'react' + +import { splitProps } from '../helpers.mjs'; +import { getGridStyle } from '../patterns/grid.mjs'; +import { styled } from './factory.mjs'; + +export const Grid = /* @__PURE__ */ forwardRef(function Grid(props, ref) { + const [patternProps, restProps] = splitProps(props, ["gap","columnGap","rowGap","columns","minChildWidth"]) + +const styleProps = getGridStyle(patternProps) +const mergedProps = { ref, ...styleProps, ...restProps } + +return createElement(styled.div, mergedProps) + }) \ No newline at end of file diff --git a/apps/web/_panda/jsx/hstack.d.ts b/apps/web/_panda/jsx/hstack.d.ts new file mode 100644 index 00000000..9cd06b0e --- /dev/null +++ b/apps/web/_panda/jsx/hstack.d.ts @@ -0,0 +1,10 @@ +/* eslint-disable */ +import type { FunctionComponent } from 'react' +import type { HstackProperties } from '../patterns/hstack'; +import type { HTMLStyledProps } from '../types/jsx'; +import type { DistributiveOmit } from '../types/system-types'; + +export interface HstackProps extends HstackProperties, DistributiveOmit, keyof HstackProperties > {} + + +export declare const HStack: FunctionComponent \ No newline at end of file diff --git a/apps/web/_panda/jsx/hstack.mjs b/apps/web/_panda/jsx/hstack.mjs new file mode 100644 index 00000000..027a1871 --- /dev/null +++ b/apps/web/_panda/jsx/hstack.mjs @@ -0,0 +1,14 @@ +import { createElement, forwardRef } from 'react' + +import { splitProps } from '../helpers.mjs'; +import { getHstackStyle } from '../patterns/hstack.mjs'; +import { styled } from './factory.mjs'; + +export const HStack = /* @__PURE__ */ forwardRef(function HStack(props, ref) { + const [patternProps, restProps] = splitProps(props, ["justify","gap"]) + +const styleProps = getHstackStyle(patternProps) +const mergedProps = { ref, ...styleProps, ...restProps } + +return createElement(styled.div, mergedProps) + }) \ No newline at end of file diff --git a/apps/web/_panda/jsx/index.d.ts b/apps/web/_panda/jsx/index.d.ts new file mode 100644 index 00000000..9953cdcd --- /dev/null +++ b/apps/web/_panda/jsx/index.d.ts @@ -0,0 +1,24 @@ +/* eslint-disable */ +export * from './factory'; +export * from './is-valid-prop'; +export * from './box'; +export * from './flex'; +export * from './stack'; +export * from './vstack'; +export * from './hstack'; +export * from './spacer'; +export * from './square'; +export * from './circle'; +export * from './center'; +export * from './link-overlay'; +export * from './aspect-ratio'; +export * from './grid'; +export * from './grid-item'; +export * from './wrap'; +export * from './container'; +export * from './divider'; +export * from './float'; +export * from './bleed'; +export * from './visually-hidden'; +export * from './cq'; +export type { HTMLStyledProps, StyledComponent } from '../types/jsx'; \ No newline at end of file diff --git a/apps/web/_panda/jsx/index.mjs b/apps/web/_panda/jsx/index.mjs new file mode 100644 index 00000000..eb539a04 --- /dev/null +++ b/apps/web/_panda/jsx/index.mjs @@ -0,0 +1,22 @@ +export * from './factory.mjs'; +export * from './is-valid-prop.mjs'; +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'; \ No newline at end of file diff --git a/apps/web/_panda/jsx/is-valid-prop.d.ts b/apps/web/_panda/jsx/is-valid-prop.d.ts new file mode 100644 index 00000000..797944f6 --- /dev/null +++ b/apps/web/_panda/jsx/is-valid-prop.d.ts @@ -0,0 +1,11 @@ +/* eslint-disable */ +import type { DistributiveOmit, HTMLPandaProps, JsxStyleProps, Pretty } from '../types'; + +declare const isCssProperty: (value: string) => boolean; + +type CssPropKey = keyof JsxStyleProps +type OmittedCssProps = Pretty> + +declare const splitCssProps: (props: T) => [JsxStyleProps, OmittedCssProps] + +export { isCssProperty, splitCssProps }; \ No newline at end of file diff --git a/apps/web/_panda/jsx/is-valid-prop.mjs b/apps/web/_panda/jsx/is-valid-prop.mjs new file mode 100644 index 00000000..8627b609 --- /dev/null +++ b/apps/web/_panda/jsx/is-valid-prop.mjs @@ -0,0 +1,17 @@ +import { splitProps } from '../helpers.mjs'; +import { memo } from '../helpers.mjs'; +// src/index.ts +var userGeneratedStr = "css,pos,insetX,insetY,insetEnd,end,insetStart,start,flexDir,p,pl,pr,pt,pb,py,paddingY,paddingX,px,pe,paddingEnd,ps,paddingStart,ml,mr,mt,mb,m,my,marginY,mx,marginX,me,marginEnd,ms,marginStart,ringWidth,ringColor,ring,ringOffset,w,minW,maxW,h,minH,maxH,tracking,leading,textShadowColor,bgPosition,bgPositionX,bgPositionY,bgAttachment,bgClip,bg,bgColor,bgOrigin,bgImage,bgRepeat,bgBlendMode,bgSize,bgGradient,rounded,roundedTopLeft,roundedTopRight,roundedBottomRight,roundedBottomLeft,roundedTop,roundedRight,roundedBottom,roundedLeft,roundedStartStart,roundedStartEnd,roundedStart,roundedEndStart,roundedEndEnd,roundedEnd,borderX,borderXWidth,borderXColor,borderY,borderYWidth,borderYColor,borderStart,borderStartWidth,borderStartColor,borderEnd,borderEndWidth,borderEndColor,shadow,shadowColor,x,y,z,scrollMarginY,scrollMarginX,scrollPaddingY,scrollPaddingX,bga,bca,ca,aspectRatio,boxDecorationBreak,zIndex,boxSizing,objectPosition,objectFit,overscrollBehavior,overscrollBehaviorX,overscrollBehaviorY,position,top,left,insetInline,insetBlock,inset,insetBlockEnd,insetBlockStart,insetInlineEnd,insetInlineStart,right,bottom,float,visibility,display,hideFrom,hideBelow,flexBasis,flex,flexDirection,flexGrow,flexShrink,gridTemplateColumns,gridTemplateRows,gridColumn,gridRow,gridColumnStart,gridColumnEnd,gridAutoFlow,gridAutoColumns,gridAutoRows,gap,gridGap,gridRowGap,gridColumnGap,rowGap,columnGap,justifyContent,alignContent,alignItems,alignSelf,padding,paddingLeft,paddingRight,paddingTop,paddingBottom,paddingBlock,paddingBlockEnd,paddingBlockStart,paddingInline,paddingInlineEnd,paddingInlineStart,marginLeft,marginRight,marginTop,marginBottom,margin,marginBlock,marginBlockEnd,marginBlockStart,marginInline,marginInlineEnd,marginInlineStart,spaceX,spaceY,outlineWidth,outlineColor,outline,outlineOffset,divideX,divideY,divideColor,divideStyle,width,inlineSize,minWidth,minInlineSize,maxWidth,maxInlineSize,height,blockSize,minHeight,minBlockSize,maxHeight,maxBlockSize,color,fontFamily,fontSize,fontWeight,fontSmoothing,fontVariantNumeric,letterSpacing,lineHeight,textAlign,textDecoration,textDecorationColor,textEmphasisColor,textDecorationStyle,textDecorationThickness,textUnderlineOffset,textTransform,textIndent,textShadow,textOverflow,verticalAlign,wordBreak,textWrap,truncate,lineClamp,listStyleType,listStylePosition,listStyleImage,backgroundPosition,backgroundPositionX,backgroundPositionY,backgroundAttachment,backgroundClip,background,backgroundColor,backgroundOrigin,backgroundImage,backgroundRepeat,backgroundBlendMode,backgroundSize,backgroundGradient,textGradient,gradientFromPosition,gradientToPosition,gradientFrom,gradientTo,gradientVia,gradientViaPosition,borderRadius,borderTopLeftRadius,borderTopRightRadius,borderBottomRightRadius,borderBottomLeftRadius,borderTopRadius,borderRightRadius,borderBottomRadius,borderLeftRadius,borderStartStartRadius,borderStartEndRadius,borderStartRadius,borderEndStartRadius,borderEndEndRadius,borderEndRadius,border,borderWidth,borderTopWidth,borderLeftWidth,borderRightWidth,borderBottomWidth,borderColor,borderInline,borderInlineWidth,borderInlineColor,borderBlock,borderBlockWidth,borderBlockColor,borderLeft,borderLeftColor,borderInlineStart,borderInlineStartWidth,borderInlineStartColor,borderRight,borderRightColor,borderInlineEnd,borderInlineEndWidth,borderInlineEndColor,borderTop,borderTopColor,borderBottom,borderBottomColor,borderBlockEnd,borderBlockEndColor,borderBlockStart,borderBlockStartColor,opacity,boxShadow,boxShadowColor,mixBlendMode,filter,brightness,contrast,grayscale,hueRotate,invert,saturate,sepia,dropShadow,blur,backdropFilter,backdropBlur,backdropBrightness,backdropContrast,backdropGrayscale,backdropHueRotate,backdropInvert,backdropOpacity,backdropSaturate,backdropSepia,borderCollapse,borderSpacing,borderSpacingX,borderSpacingY,tableLayout,transitionTimingFunction,transitionDelay,transitionDuration,transitionProperty,transition,animation,animationName,animationTimingFunction,animationDuration,animationDelay,transformOrigin,rotate,rotateX,rotateY,rotateZ,scale,scaleX,scaleY,translate,translateX,translateY,translateZ,accentColor,caretColor,scrollBehavior,scrollbar,scrollMargin,scrollMarginLeft,scrollMarginRight,scrollMarginTop,scrollMarginBottom,scrollMarginBlock,scrollMarginBlockEnd,scrollMarginBlockStart,scrollMarginInline,scrollMarginInlineEnd,scrollMarginInlineStart,scrollPadding,scrollPaddingBlock,scrollPaddingBlockStart,scrollPaddingBlockEnd,scrollPaddingInline,scrollPaddingInlineEnd,scrollPaddingInlineStart,scrollPaddingLeft,scrollPaddingRight,scrollPaddingTop,scrollPaddingBottom,scrollSnapAlign,scrollSnapStop,scrollSnapType,scrollSnapStrictness,scrollSnapMargin,scrollSnapMarginTop,scrollSnapMarginBottom,scrollSnapMarginLeft,scrollSnapMarginRight,touchAction,userSelect,fill,stroke,strokeWidth,srOnly,debug,appearance,backfaceVisibility,clipPath,hyphens,mask,maskImage,maskSize,textSizeAdjust,container,containerName,containerType,animateIn,animateOut,fadeIn,fadeOut,zoomIn,zoomOut,spinIn,spinOut,slideInFromTop,slideInFromBottom,slideInFromLeft,slideInFromRight,slideOutToTop,slideOutToBottom,slideOutToLeft,slideOutToRight,backgroundAlpha,gradientFromAlpha,gradientToAlpha,borderAlpha,focusRingWidth,focusRingColor,focusRingOffsetWidth,focusRingOffsetColor,focusRingInset,textAlpha,colorPalette,_hover,_focus,_focusWithin,_focusVisible,_disabled,_active,_visited,_target,_readOnly,_readWrite,_empty,_checked,_enabled,_expanded,_highlighted,_before,_after,_firstLetter,_firstLine,_marker,_selection,_file,_backdrop,_first,_last,_only,_even,_odd,_firstOfType,_lastOfType,_onlyOfType,_peerFocus,_peerHover,_peerActive,_peerFocusWithin,_peerFocusVisible,_peerDisabled,_peerChecked,_peerInvalid,_peerExpanded,_peerPlaceholderShown,_groupFocus,_groupHover,_groupActive,_groupFocusWithin,_groupFocusVisible,_groupDisabled,_groupChecked,_groupExpanded,_groupInvalid,_indeterminate,_required,_valid,_invalid,_autofill,_inRange,_outOfRange,_placeholder,_placeholderShown,_pressed,_selected,_default,_optional,_open,_closed,_fullscreen,_loading,_currentPage,_currentStep,_motionReduce,_motionSafe,_print,_landscape,_portrait,_dark,_light,_osDark,_osLight,_highContrast,_lessContrast,_moreContrast,_ltr,_rtl,_scrollbar,_scrollbarThumb,_scrollbarTrack,_horizontal,_vertical,_starting,_mobile,_desktop,_tablet,_pc,sm,smOnly,smDown,md,mdOnly,mdDown,lg,lgOnly,lgDown,xl,xlOnly,xlDown,2xl,2xlOnly,2xlDown,smToMd,smToLg,smToXl,smTo2xl,mdToLg,mdToXl,mdTo2xl,lgToXl,lgTo2xl,xlTo2xl,textStyle,layerStyle" +var userGenerated = userGeneratedStr.split(","); +var cssPropertiesStr = "WebkitAppearance,WebkitBorderBefore,WebkitBorderBeforeColor,WebkitBorderBeforeStyle,WebkitBorderBeforeWidth,WebkitBoxReflect,WebkitLineClamp,WebkitMask,WebkitMaskAttachment,WebkitMaskClip,WebkitMaskComposite,WebkitMaskImage,WebkitMaskOrigin,WebkitMaskPosition,WebkitMaskPositionX,WebkitMaskPositionY,WebkitMaskRepeat,WebkitMaskRepeatX,WebkitMaskRepeatY,WebkitMaskSize,WebkitOverflowScrolling,WebkitTapHighlightColor,WebkitTextFillColor,WebkitTextStroke,WebkitTextStrokeColor,WebkitTextStrokeWidth,WebkitTouchCallout,WebkitUserModify,accentColor,alignContent,alignItems,alignSelf,alignTracks,all,animation,animationComposition,animationDelay,animationDirection,animationDuration,animationFillMode,animationIterationCount,animationName,animationPlayState,animationRange,animationRangeEnd,animationRangeStart,animationTimingFunction,animationTimeline,appearance,aspectRatio,azimuth,backdropFilter,backfaceVisibility,background,backgroundAttachment,backgroundBlendMode,backgroundClip,backgroundColor,backgroundImage,backgroundOrigin,backgroundPosition,backgroundPositionX,backgroundPositionY,backgroundRepeat,backgroundSize,blockSize,border,borderBlock,borderBlockColor,borderBlockStyle,borderBlockWidth,borderBlockEnd,borderBlockEndColor,borderBlockEndStyle,borderBlockEndWidth,borderBlockStart,borderBlockStartColor,borderBlockStartStyle,borderBlockStartWidth,borderBottom,borderBottomColor,borderBottomLeftRadius,borderBottomRightRadius,borderBottomStyle,borderBottomWidth,borderCollapse,borderColor,borderEndEndRadius,borderEndStartRadius,borderImage,borderImageOutset,borderImageRepeat,borderImageSlice,borderImageSource,borderImageWidth,borderInline,borderInlineEnd,borderInlineColor,borderInlineStyle,borderInlineWidth,borderInlineEndColor,borderInlineEndStyle,borderInlineEndWidth,borderInlineStart,borderInlineStartColor,borderInlineStartStyle,borderInlineStartWidth,borderLeft,borderLeftColor,borderLeftStyle,borderLeftWidth,borderRadius,borderRight,borderRightColor,borderRightStyle,borderRightWidth,borderSpacing,borderStartEndRadius,borderStartStartRadius,borderStyle,borderTop,borderTopColor,borderTopLeftRadius,borderTopRightRadius,borderTopStyle,borderTopWidth,borderWidth,bottom,boxAlign,boxDecorationBreak,boxDirection,boxFlex,boxFlexGroup,boxLines,boxOrdinalGroup,boxOrient,boxPack,boxShadow,boxSizing,breakAfter,breakBefore,breakInside,captionSide,caret,caretColor,caretShape,clear,clip,clipPath,color,colorScheme,columnCount,columnFill,columnGap,columnRule,columnRuleColor,columnRuleStyle,columnRuleWidth,columnSpan,columnWidth,columns,contain,containIntrinsicSize,containIntrinsicBlockSize,containIntrinsicHeight,containIntrinsicInlineSize,containIntrinsicWidth,container,containerName,containerType,content,contentVisibility,counterIncrement,counterReset,counterSet,cursor,direction,display,emptyCells,filter,flex,flexBasis,flexDirection,flexFlow,flexGrow,flexShrink,flexWrap,float,font,fontFamily,fontFeatureSettings,fontKerning,fontLanguageOverride,fontOpticalSizing,fontPalette,fontVariationSettings,fontSize,fontSizeAdjust,fontSmooth,fontStretch,fontStyle,fontSynthesis,fontSynthesisPosition,fontSynthesisSmallCaps,fontSynthesisStyle,fontSynthesisWeight,fontVariant,fontVariantAlternates,fontVariantCaps,fontVariantEastAsian,fontVariantEmoji,fontVariantLigatures,fontVariantNumeric,fontVariantPosition,fontWeight,forcedColorAdjust,gap,grid,gridArea,gridAutoColumns,gridAutoFlow,gridAutoRows,gridColumn,gridColumnEnd,gridColumnGap,gridColumnStart,gridGap,gridRow,gridRowEnd,gridRowGap,gridRowStart,gridTemplate,gridTemplateAreas,gridTemplateColumns,gridTemplateRows,hangingPunctuation,height,hyphenateCharacter,hyphenateLimitChars,hyphens,imageOrientation,imageRendering,imageResolution,imeMode,initialLetter,initialLetterAlign,inlineSize,inputSecurity,inset,insetBlock,insetBlockEnd,insetBlockStart,insetInline,insetInlineEnd,insetInlineStart,isolation,justifyContent,justifyItems,justifySelf,justifyTracks,left,letterSpacing,lineBreak,lineClamp,lineHeight,lineHeightStep,listStyle,listStyleImage,listStylePosition,listStyleType,margin,marginBlock,marginBlockEnd,marginBlockStart,marginBottom,marginInline,marginInlineEnd,marginInlineStart,marginLeft,marginRight,marginTop,marginTrim,mask,maskBorder,maskBorderMode,maskBorderOutset,maskBorderRepeat,maskBorderSlice,maskBorderSource,maskBorderWidth,maskClip,maskComposite,maskImage,maskMode,maskOrigin,maskPosition,maskRepeat,maskSize,maskType,masonryAutoFlow,mathDepth,mathShift,mathStyle,maxBlockSize,maxHeight,maxInlineSize,maxLines,maxWidth,minBlockSize,minHeight,minInlineSize,minWidth,mixBlendMode,objectFit,objectPosition,offset,offsetAnchor,offsetDistance,offsetPath,offsetPosition,offsetRotate,opacity,order,orphans,outline,outlineColor,outlineOffset,outlineStyle,outlineWidth,overflow,overflowAnchor,overflowBlock,overflowClipBox,overflowClipMargin,overflowInline,overflowWrap,overflowX,overflowY,overlay,overscrollBehavior,overscrollBehaviorBlock,overscrollBehaviorInline,overscrollBehaviorX,overscrollBehaviorY,padding,paddingBlock,paddingBlockEnd,paddingBlockStart,paddingBottom,paddingInline,paddingInlineEnd,paddingInlineStart,paddingLeft,paddingRight,paddingTop,page,pageBreakAfter,pageBreakBefore,pageBreakInside,paintOrder,perspective,perspectiveOrigin,placeContent,placeItems,placeSelf,pointerEvents,position,printColorAdjust,quotes,resize,right,rotate,rowGap,rubyAlign,rubyMerge,rubyPosition,scale,scrollbarColor,scrollbarGutter,scrollbarWidth,scrollBehavior,scrollMargin,scrollMarginBlock,scrollMarginBlockStart,scrollMarginBlockEnd,scrollMarginBottom,scrollMarginInline,scrollMarginInlineStart,scrollMarginInlineEnd,scrollMarginLeft,scrollMarginRight,scrollMarginTop,scrollPadding,scrollPaddingBlock,scrollPaddingBlockStart,scrollPaddingBlockEnd,scrollPaddingBottom,scrollPaddingInline,scrollPaddingInlineStart,scrollPaddingInlineEnd,scrollPaddingLeft,scrollPaddingRight,scrollPaddingTop,scrollSnapAlign,scrollSnapCoordinate,scrollSnapDestination,scrollSnapPointsX,scrollSnapPointsY,scrollSnapStop,scrollSnapType,scrollSnapTypeX,scrollSnapTypeY,scrollTimeline,scrollTimelineAxis,scrollTimelineName,shapeImageThreshold,shapeMargin,shapeOutside,tabSize,tableLayout,textAlign,textAlignLast,textCombineUpright,textDecoration,textDecorationColor,textDecorationLine,textDecorationSkip,textDecorationSkipInk,textDecorationStyle,textDecorationThickness,textEmphasis,textEmphasisColor,textEmphasisPosition,textEmphasisStyle,textIndent,textJustify,textOrientation,textOverflow,textRendering,textShadow,textSizeAdjust,textTransform,textUnderlineOffset,textUnderlinePosition,textWrap,timelineScope,top,touchAction,transform,transformBox,transformOrigin,transformStyle,transition,transitionBehavior,transitionDelay,transitionDuration,transitionProperty,transitionTimingFunction,translate,unicodeBidi,userSelect,verticalAlign,viewTimeline,viewTimelineAxis,viewTimelineInset,viewTimelineName,viewTransitionName,visibility,whiteSpace,whiteSpaceCollapse,widows,width,willChange,wordBreak,wordSpacing,wordWrap,writingMode,zIndex,zoom,alignmentBaseline,baselineShift,clipRule,colorInterpolation,colorRendering,dominantBaseline,fill,fillOpacity,fillRule,floodColor,floodOpacity,glyphOrientationVertical,lightingColor,marker,markerEnd,markerMid,markerStart,shapeRendering,stopColor,stopOpacity,stroke,strokeDasharray,strokeDashoffset,strokeLinecap,strokeLinejoin,strokeMiterlimit,strokeOpacity,strokeWidth,textAnchor,vectorEffect"; +var allCssProperties = cssPropertiesStr.split(",").concat(userGenerated); +var properties = new Map(allCssProperties.map((prop) => [prop, true])); +var cssPropertySelectorRegex = /&|@/; +var isCssProperty = /* @__PURE__ */ memo((prop) => { + return properties.has(prop) || prop.startsWith("--") || cssPropertySelectorRegex.test(prop); +}); +export { + allCssProperties, + isCssProperty +}; +export const splitCssProps = (props) => splitProps(props, isCssProperty) \ No newline at end of file diff --git a/apps/web/_panda/jsx/link-overlay.d.ts b/apps/web/_panda/jsx/link-overlay.d.ts new file mode 100644 index 00000000..26a28303 --- /dev/null +++ b/apps/web/_panda/jsx/link-overlay.d.ts @@ -0,0 +1,10 @@ +/* eslint-disable */ +import type { FunctionComponent } from 'react' +import type { LinkOverlayProperties } from '../patterns/link-overlay'; +import type { HTMLStyledProps } from '../types/jsx'; +import type { DistributiveOmit } from '../types/system-types'; + +export interface LinkOverlayProps extends LinkOverlayProperties, DistributiveOmit, keyof LinkOverlayProperties > {} + + +export declare const LinkOverlay: FunctionComponent \ No newline at end of file diff --git a/apps/web/_panda/jsx/link-overlay.mjs b/apps/web/_panda/jsx/link-overlay.mjs new file mode 100644 index 00000000..e7d1383d --- /dev/null +++ b/apps/web/_panda/jsx/link-overlay.mjs @@ -0,0 +1,14 @@ +import { createElement, forwardRef } from 'react' + +import { splitProps } from '../helpers.mjs'; +import { getLinkOverlayStyle } from '../patterns/link-overlay.mjs'; +import { styled } from './factory.mjs'; + +export const LinkOverlay = /* @__PURE__ */ forwardRef(function LinkOverlay(props, ref) { + const [patternProps, restProps] = splitProps(props, []) + +const styleProps = getLinkOverlayStyle(patternProps) +const mergedProps = { ref, ...styleProps, ...restProps } + +return createElement(styled.a, mergedProps) + }) \ No newline at end of file diff --git a/apps/web/_panda/jsx/spacer.d.ts b/apps/web/_panda/jsx/spacer.d.ts new file mode 100644 index 00000000..03fcbcec --- /dev/null +++ b/apps/web/_panda/jsx/spacer.d.ts @@ -0,0 +1,10 @@ +/* eslint-disable */ +import type { FunctionComponent } from 'react' +import type { SpacerProperties } from '../patterns/spacer'; +import type { HTMLStyledProps } from '../types/jsx'; +import type { DistributiveOmit } from '../types/system-types'; + +export interface SpacerProps extends SpacerProperties, DistributiveOmit, keyof SpacerProperties > {} + + +export declare const Spacer: FunctionComponent \ No newline at end of file diff --git a/apps/web/_panda/jsx/spacer.mjs b/apps/web/_panda/jsx/spacer.mjs new file mode 100644 index 00000000..2da7c46b --- /dev/null +++ b/apps/web/_panda/jsx/spacer.mjs @@ -0,0 +1,14 @@ +import { createElement, forwardRef } from 'react' + +import { splitProps } from '../helpers.mjs'; +import { getSpacerStyle } from '../patterns/spacer.mjs'; +import { styled } from './factory.mjs'; + +export const Spacer = /* @__PURE__ */ forwardRef(function Spacer(props, ref) { + const [patternProps, restProps] = splitProps(props, ["size"]) + +const styleProps = getSpacerStyle(patternProps) +const mergedProps = { ref, ...styleProps, ...restProps } + +return createElement(styled.div, mergedProps) + }) \ No newline at end of file diff --git a/apps/web/_panda/jsx/square.d.ts b/apps/web/_panda/jsx/square.d.ts new file mode 100644 index 00000000..ef3e1ce2 --- /dev/null +++ b/apps/web/_panda/jsx/square.d.ts @@ -0,0 +1,10 @@ +/* eslint-disable */ +import type { FunctionComponent } from 'react' +import type { SquareProperties } from '../patterns/square'; +import type { HTMLStyledProps } from '../types/jsx'; +import type { DistributiveOmit } from '../types/system-types'; + +export interface SquareProps extends SquareProperties, DistributiveOmit, keyof SquareProperties > {} + + +export declare const Square: FunctionComponent \ No newline at end of file diff --git a/apps/web/_panda/jsx/square.mjs b/apps/web/_panda/jsx/square.mjs new file mode 100644 index 00000000..23400d1c --- /dev/null +++ b/apps/web/_panda/jsx/square.mjs @@ -0,0 +1,14 @@ +import { createElement, forwardRef } from 'react' + +import { splitProps } from '../helpers.mjs'; +import { getSquareStyle } from '../patterns/square.mjs'; +import { styled } from './factory.mjs'; + +export const Square = /* @__PURE__ */ forwardRef(function Square(props, ref) { + const [patternProps, restProps] = splitProps(props, ["size"]) + +const styleProps = getSquareStyle(patternProps) +const mergedProps = { ref, ...styleProps, ...restProps } + +return createElement(styled.div, mergedProps) + }) \ No newline at end of file diff --git a/apps/web/_panda/jsx/stack.d.ts b/apps/web/_panda/jsx/stack.d.ts new file mode 100644 index 00000000..13ff1c2f --- /dev/null +++ b/apps/web/_panda/jsx/stack.d.ts @@ -0,0 +1,10 @@ +/* eslint-disable */ +import type { FunctionComponent } from 'react' +import type { StackProperties } from '../patterns/stack'; +import type { HTMLStyledProps } from '../types/jsx'; +import type { DistributiveOmit } from '../types/system-types'; + +export interface StackProps extends StackProperties, DistributiveOmit, keyof StackProperties > {} + + +export declare const Stack: FunctionComponent \ No newline at end of file diff --git a/apps/web/_panda/jsx/stack.mjs b/apps/web/_panda/jsx/stack.mjs new file mode 100644 index 00000000..21d476f2 --- /dev/null +++ b/apps/web/_panda/jsx/stack.mjs @@ -0,0 +1,14 @@ +import { createElement, forwardRef } from 'react' + +import { splitProps } from '../helpers.mjs'; +import { getStackStyle } from '../patterns/stack.mjs'; +import { styled } from './factory.mjs'; + +export const Stack = /* @__PURE__ */ forwardRef(function Stack(props, ref) { + const [patternProps, restProps] = splitProps(props, ["align","justify","direction","gap"]) + +const styleProps = getStackStyle(patternProps) +const mergedProps = { ref, ...styleProps, ...restProps } + +return createElement(styled.div, mergedProps) + }) \ No newline at end of file diff --git a/apps/web/_panda/jsx/visually-hidden.d.ts b/apps/web/_panda/jsx/visually-hidden.d.ts new file mode 100644 index 00000000..896eb1fd --- /dev/null +++ b/apps/web/_panda/jsx/visually-hidden.d.ts @@ -0,0 +1,10 @@ +/* eslint-disable */ +import type { FunctionComponent } from 'react' +import type { VisuallyHiddenProperties } from '../patterns/visually-hidden'; +import type { HTMLStyledProps } from '../types/jsx'; +import type { DistributiveOmit } from '../types/system-types'; + +export interface VisuallyHiddenProps extends VisuallyHiddenProperties, DistributiveOmit, keyof VisuallyHiddenProperties > {} + + +export declare const VisuallyHidden: FunctionComponent \ No newline at end of file diff --git a/apps/web/_panda/jsx/visually-hidden.mjs b/apps/web/_panda/jsx/visually-hidden.mjs new file mode 100644 index 00000000..08312baa --- /dev/null +++ b/apps/web/_panda/jsx/visually-hidden.mjs @@ -0,0 +1,14 @@ +import { createElement, forwardRef } from 'react' + +import { splitProps } from '../helpers.mjs'; +import { getVisuallyHiddenStyle } from '../patterns/visually-hidden.mjs'; +import { styled } from './factory.mjs'; + +export const VisuallyHidden = /* @__PURE__ */ forwardRef(function VisuallyHidden(props, ref) { + const [patternProps, restProps] = splitProps(props, []) + +const styleProps = getVisuallyHiddenStyle(patternProps) +const mergedProps = { ref, ...styleProps, ...restProps } + +return createElement(styled.div, mergedProps) + }) \ No newline at end of file diff --git a/apps/web/_panda/jsx/vstack.d.ts b/apps/web/_panda/jsx/vstack.d.ts new file mode 100644 index 00000000..2e43bfc4 --- /dev/null +++ b/apps/web/_panda/jsx/vstack.d.ts @@ -0,0 +1,10 @@ +/* eslint-disable */ +import type { FunctionComponent } from 'react' +import type { VstackProperties } from '../patterns/vstack'; +import type { HTMLStyledProps } from '../types/jsx'; +import type { DistributiveOmit } from '../types/system-types'; + +export interface VstackProps extends VstackProperties, DistributiveOmit, keyof VstackProperties > {} + + +export declare const VStack: FunctionComponent \ No newline at end of file diff --git a/apps/web/_panda/jsx/vstack.mjs b/apps/web/_panda/jsx/vstack.mjs new file mode 100644 index 00000000..6dc4af7d --- /dev/null +++ b/apps/web/_panda/jsx/vstack.mjs @@ -0,0 +1,14 @@ +import { createElement, forwardRef } from 'react' + +import { splitProps } from '../helpers.mjs'; +import { getVstackStyle } from '../patterns/vstack.mjs'; +import { styled } from './factory.mjs'; + +export const VStack = /* @__PURE__ */ forwardRef(function VStack(props, ref) { + const [patternProps, restProps] = splitProps(props, ["justify","gap"]) + +const styleProps = getVstackStyle(patternProps) +const mergedProps = { ref, ...styleProps, ...restProps } + +return createElement(styled.div, mergedProps) + }) \ No newline at end of file diff --git a/apps/web/_panda/jsx/wrap.d.ts b/apps/web/_panda/jsx/wrap.d.ts new file mode 100644 index 00000000..8aa64316 --- /dev/null +++ b/apps/web/_panda/jsx/wrap.d.ts @@ -0,0 +1,10 @@ +/* eslint-disable */ +import type { FunctionComponent } from 'react' +import type { WrapProperties } from '../patterns/wrap'; +import type { HTMLStyledProps } from '../types/jsx'; +import type { DistributiveOmit } from '../types/system-types'; + +export interface WrapProps extends WrapProperties, DistributiveOmit, keyof WrapProperties > {} + + +export declare const Wrap: FunctionComponent \ No newline at end of file diff --git a/apps/web/_panda/jsx/wrap.mjs b/apps/web/_panda/jsx/wrap.mjs new file mode 100644 index 00000000..1acbfaaf --- /dev/null +++ b/apps/web/_panda/jsx/wrap.mjs @@ -0,0 +1,14 @@ +import { createElement, forwardRef } from 'react' + +import { splitProps } from '../helpers.mjs'; +import { getWrapStyle } from '../patterns/wrap.mjs'; +import { styled } from './factory.mjs'; + +export const Wrap = /* @__PURE__ */ forwardRef(function Wrap(props, ref) { + const [patternProps, restProps] = splitProps(props, ["gap","rowGap","columnGap","align","justify"]) + +const styleProps = getWrapStyle(patternProps) +const mergedProps = { ref, ...styleProps, ...restProps } + +return createElement(styled.div, mergedProps) + }) \ No newline at end of file diff --git a/apps/web/_panda/patterns/aspect-ratio.d.ts b/apps/web/_panda/patterns/aspect-ratio.d.ts new file mode 100644 index 00000000..666c374f --- /dev/null +++ b/apps/web/_panda/patterns/aspect-ratio.d.ts @@ -0,0 +1,21 @@ +/* eslint-disable */ +import type { SystemStyleObject, ConditionalValue } from '../types/index'; +import type { Properties } from '../types/csstype'; +import type { SystemProperties } from '../types/style-props'; +import type { DistributiveOmit } from '../types/system-types'; +import type { Tokens } from '../tokens/index'; + +export interface AspectRatioProperties { + ratio?: ConditionalValue +} + + +interface AspectRatioStyles extends AspectRatioProperties, DistributiveOmit {} + +interface AspectRatioPatternFn { + (styles?: AspectRatioStyles): string + raw: (styles?: AspectRatioStyles) => SystemStyleObject +} + + +export declare const aspectRatio: AspectRatioPatternFn; diff --git a/apps/web/_panda/patterns/aspect-ratio.mjs b/apps/web/_panda/patterns/aspect-ratio.mjs new file mode 100644 index 00000000..050c0d4e --- /dev/null +++ b/apps/web/_panda/patterns/aspect-ratio.mjs @@ -0,0 +1,38 @@ +import { getPatternStyles, patternFns } from '../helpers.mjs'; +import { css } from '../css/index.mjs'; + +const aspectRatioConfig = { +transform(props, { map }) { + const { ratio = 4 / 3, ...rest } = props; + return { + position: "relative", + _before: { + content: `""`, + display: "block", + height: "0", + paddingBottom: map(ratio, (r) => `${1 / r * 100}%`) + }, + "&>*": { + display: "flex", + justifyContent: "center", + alignItems: "center", + overflow: "hidden", + position: "absolute", + inset: "0", + width: "100%", + height: "100%" + }, + "&>img, &>video": { + objectFit: "cover" + }, + ...rest + }; +}} + +export const getAspectRatioStyle = (styles = {}) => { + const _styles = getPatternStyles(aspectRatioConfig, styles) + return aspectRatioConfig.transform(_styles, patternFns) +} + +export const aspectRatio = (styles) => css(getAspectRatioStyle(styles)) +aspectRatio.raw = getAspectRatioStyle \ No newline at end of file diff --git a/apps/web/_panda/patterns/bleed.d.ts b/apps/web/_panda/patterns/bleed.d.ts new file mode 100644 index 00000000..6573c635 --- /dev/null +++ b/apps/web/_panda/patterns/bleed.d.ts @@ -0,0 +1,22 @@ +/* eslint-disable */ +import type { SystemStyleObject, ConditionalValue } from '../types/index'; +import type { Properties } from '../types/csstype'; +import type { SystemProperties } from '../types/style-props'; +import type { DistributiveOmit } from '../types/system-types'; +import type { Tokens } from '../tokens/index'; + +export interface BleedProperties { + inline?: SystemProperties["marginInline"] + block?: SystemProperties["marginBlock"] +} + + +interface BleedStyles extends BleedProperties, DistributiveOmit {} + +interface BleedPatternFn { + (styles?: BleedStyles): string + raw: (styles?: BleedStyles) => SystemStyleObject +} + + +export declare const bleed: BleedPatternFn; diff --git a/apps/web/_panda/patterns/bleed.mjs b/apps/web/_panda/patterns/bleed.mjs new file mode 100644 index 00000000..a7eaa936 --- /dev/null +++ b/apps/web/_panda/patterns/bleed.mjs @@ -0,0 +1,24 @@ +import { getPatternStyles, patternFns } from '../helpers.mjs'; +import { css } from '../css/index.mjs'; + +const bleedConfig = { +transform(props, { map, isCssUnit, isCssVar }) { + const { inline, block, ...rest } = props; + const valueFn = (v) => isCssUnit(v) || isCssVar(v) ? v : `token(spacing.${v}, ${v})`; + return { + "--bleed-x": map(inline, valueFn), + "--bleed-y": map(block, valueFn), + marginInline: "calc(var(--bleed-x, 0) * -1)", + marginBlock: "calc(var(--bleed-y, 0) * -1)", + ...rest + }; +}, +defaultValues:{inline:'0',block:'0'}} + +export const getBleedStyle = (styles = {}) => { + const _styles = getPatternStyles(bleedConfig, styles) + return bleedConfig.transform(_styles, patternFns) +} + +export const bleed = (styles) => css(getBleedStyle(styles)) +bleed.raw = getBleedStyle \ No newline at end of file diff --git a/apps/web/_panda/patterns/box.d.ts b/apps/web/_panda/patterns/box.d.ts new file mode 100644 index 00000000..a7935007 --- /dev/null +++ b/apps/web/_panda/patterns/box.d.ts @@ -0,0 +1,21 @@ +/* eslint-disable */ +import type { SystemStyleObject, ConditionalValue } from '../types/index'; +import type { Properties } from '../types/csstype'; +import type { SystemProperties } from '../types/style-props'; +import type { DistributiveOmit } from '../types/system-types'; +import type { Tokens } from '../tokens/index'; + +export interface BoxProperties { + +} + + +interface BoxStyles extends BoxProperties, DistributiveOmit {} + +interface BoxPatternFn { + (styles?: BoxStyles): string + raw: (styles?: BoxStyles) => SystemStyleObject +} + + +export declare const box: BoxPatternFn; diff --git a/apps/web/_panda/patterns/box.mjs b/apps/web/_panda/patterns/box.mjs new file mode 100644 index 00000000..96cafb58 --- /dev/null +++ b/apps/web/_panda/patterns/box.mjs @@ -0,0 +1,15 @@ +import { getPatternStyles, patternFns } from '../helpers.mjs'; +import { css } from '../css/index.mjs'; + +const boxConfig = { +transform(props) { + return props; +}} + +export const getBoxStyle = (styles = {}) => { + const _styles = getPatternStyles(boxConfig, styles) + return boxConfig.transform(_styles, patternFns) +} + +export const box = (styles) => css(getBoxStyle(styles)) +box.raw = getBoxStyle \ No newline at end of file diff --git a/apps/web/_panda/patterns/center.d.ts b/apps/web/_panda/patterns/center.d.ts new file mode 100644 index 00000000..8419f3c6 --- /dev/null +++ b/apps/web/_panda/patterns/center.d.ts @@ -0,0 +1,21 @@ +/* eslint-disable */ +import type { SystemStyleObject, ConditionalValue } from '../types/index'; +import type { Properties } from '../types/csstype'; +import type { SystemProperties } from '../types/style-props'; +import type { DistributiveOmit } from '../types/system-types'; +import type { Tokens } from '../tokens/index'; + +export interface CenterProperties { + inline?: ConditionalValue +} + + +interface CenterStyles extends CenterProperties, DistributiveOmit {} + +interface CenterPatternFn { + (styles?: CenterStyles): string + raw: (styles?: CenterStyles) => SystemStyleObject +} + + +export declare const center: CenterPatternFn; diff --git a/apps/web/_panda/patterns/center.mjs b/apps/web/_panda/patterns/center.mjs new file mode 100644 index 00000000..a01f4f06 --- /dev/null +++ b/apps/web/_panda/patterns/center.mjs @@ -0,0 +1,21 @@ +import { getPatternStyles, patternFns } from '../helpers.mjs'; +import { css } from '../css/index.mjs'; + +const centerConfig = { +transform(props) { + const { inline, ...rest } = props; + return { + display: inline ? "inline-flex" : "flex", + alignItems: "center", + justifyContent: "center", + ...rest + }; +}} + +export const getCenterStyle = (styles = {}) => { + const _styles = getPatternStyles(centerConfig, styles) + return centerConfig.transform(_styles, patternFns) +} + +export const center = (styles) => css(getCenterStyle(styles)) +center.raw = getCenterStyle \ No newline at end of file diff --git a/apps/web/_panda/patterns/circle.d.ts b/apps/web/_panda/patterns/circle.d.ts new file mode 100644 index 00000000..d6759d86 --- /dev/null +++ b/apps/web/_panda/patterns/circle.d.ts @@ -0,0 +1,21 @@ +/* eslint-disable */ +import type { SystemStyleObject, ConditionalValue } from '../types/index'; +import type { Properties } from '../types/csstype'; +import type { SystemProperties } from '../types/style-props'; +import type { DistributiveOmit } from '../types/system-types'; +import type { Tokens } from '../tokens/index'; + +export interface CircleProperties { + size?: SystemProperties["width"] +} + + +interface CircleStyles extends CircleProperties, DistributiveOmit {} + +interface CirclePatternFn { + (styles?: CircleStyles): string + raw: (styles?: CircleStyles) => SystemStyleObject +} + + +export declare const circle: CirclePatternFn; diff --git a/apps/web/_panda/patterns/circle.mjs b/apps/web/_panda/patterns/circle.mjs new file mode 100644 index 00000000..40fcbfb1 --- /dev/null +++ b/apps/web/_panda/patterns/circle.mjs @@ -0,0 +1,25 @@ +import { getPatternStyles, patternFns } from '../helpers.mjs'; +import { css } from '../css/index.mjs'; + +const circleConfig = { +transform(props) { + const { size, ...rest } = props; + return { + display: "flex", + alignItems: "center", + justifyContent: "center", + flex: "0 0 auto", + width: size, + height: size, + borderRadius: "9999px", + ...rest + }; +}} + +export const getCircleStyle = (styles = {}) => { + const _styles = getPatternStyles(circleConfig, styles) + return circleConfig.transform(_styles, patternFns) +} + +export const circle = (styles) => css(getCircleStyle(styles)) +circle.raw = getCircleStyle \ No newline at end of file diff --git a/apps/web/_panda/patterns/container.d.ts b/apps/web/_panda/patterns/container.d.ts new file mode 100644 index 00000000..978e59d3 --- /dev/null +++ b/apps/web/_panda/patterns/container.d.ts @@ -0,0 +1,21 @@ +/* eslint-disable */ +import type { SystemStyleObject, ConditionalValue } from '../types/index'; +import type { Properties } from '../types/csstype'; +import type { SystemProperties } from '../types/style-props'; +import type { DistributiveOmit } from '../types/system-types'; +import type { Tokens } from '../tokens/index'; + +export interface ContainerProperties { + +} + + +interface ContainerStyles extends ContainerProperties, DistributiveOmit {} + +interface ContainerPatternFn { + (styles?: ContainerStyles): string + raw: (styles?: ContainerStyles) => SystemStyleObject +} + + +export declare const container: ContainerPatternFn; diff --git a/apps/web/_panda/patterns/container.mjs b/apps/web/_panda/patterns/container.mjs new file mode 100644 index 00000000..55483f36 --- /dev/null +++ b/apps/web/_panda/patterns/container.mjs @@ -0,0 +1,21 @@ +import { getPatternStyles, patternFns } from '../helpers.mjs'; +import { css } from '../css/index.mjs'; + +const containerConfig = { +transform(props) { + return { + position: "relative", + maxWidth: "8xl", + mx: "auto", + px: { base: "4", md: "6", lg: "8" }, + ...props + }; +}} + +export const getContainerStyle = (styles = {}) => { + const _styles = getPatternStyles(containerConfig, styles) + return containerConfig.transform(_styles, patternFns) +} + +export const container = (styles) => css(getContainerStyle(styles)) +container.raw = getContainerStyle \ No newline at end of file diff --git a/apps/web/_panda/patterns/cq.d.ts b/apps/web/_panda/patterns/cq.d.ts new file mode 100644 index 00000000..ee5ae932 --- /dev/null +++ b/apps/web/_panda/patterns/cq.d.ts @@ -0,0 +1,22 @@ +/* eslint-disable */ +import type { SystemStyleObject, ConditionalValue } from '../types/index'; +import type { Properties } from '../types/csstype'; +import type { SystemProperties } from '../types/style-props'; +import type { DistributiveOmit } from '../types/system-types'; +import type { Tokens } from '../tokens/index'; + +export interface CqProperties { + name?: ConditionalValue + type?: SystemProperties["containerType"] +} + + +interface CqStyles extends CqProperties, DistributiveOmit {} + +interface CqPatternFn { + (styles?: CqStyles): string + raw: (styles?: CqStyles) => SystemStyleObject +} + + +export declare const cq: CqPatternFn; diff --git a/apps/web/_panda/patterns/cq.mjs b/apps/web/_panda/patterns/cq.mjs new file mode 100644 index 00000000..1ef7e9ad --- /dev/null +++ b/apps/web/_panda/patterns/cq.mjs @@ -0,0 +1,21 @@ +import { getPatternStyles, patternFns } from '../helpers.mjs'; +import { css } from '../css/index.mjs'; + +const cqConfig = { +transform(props) { + const { name, type, ...rest } = props; + return { + containerType: type, + containerName: name, + ...rest + }; +}, +defaultValues:{type:'inline-size'}} + +export const getCqStyle = (styles = {}) => { + const _styles = getPatternStyles(cqConfig, styles) + return cqConfig.transform(_styles, patternFns) +} + +export const cq = (styles) => css(getCqStyle(styles)) +cq.raw = getCqStyle \ No newline at end of file diff --git a/apps/web/_panda/patterns/divider.d.ts b/apps/web/_panda/patterns/divider.d.ts new file mode 100644 index 00000000..a6923c4d --- /dev/null +++ b/apps/web/_panda/patterns/divider.d.ts @@ -0,0 +1,23 @@ +/* eslint-disable */ +import type { SystemStyleObject, ConditionalValue } from '../types/index'; +import type { Properties } from '../types/csstype'; +import type { SystemProperties } from '../types/style-props'; +import type { DistributiveOmit } from '../types/system-types'; +import type { Tokens } from '../tokens/index'; + +export interface DividerProperties { + orientation?: ConditionalValue<"horizontal" | "vertical"> + thickness?: ConditionalValue + color?: ConditionalValue +} + + +interface DividerStyles extends DividerProperties, DistributiveOmit {} + +interface DividerPatternFn { + (styles?: DividerStyles): string + raw: (styles?: DividerStyles) => SystemStyleObject +} + + +export declare const divider: DividerPatternFn; diff --git a/apps/web/_panda/patterns/divider.mjs b/apps/web/_panda/patterns/divider.mjs new file mode 100644 index 00000000..9a81dbe1 --- /dev/null +++ b/apps/web/_panda/patterns/divider.mjs @@ -0,0 +1,25 @@ +import { getPatternStyles, patternFns } from '../helpers.mjs'; +import { css } from '../css/index.mjs'; + +const dividerConfig = { +transform(props, { map }) { + const { orientation, thickness, color, ...rest } = props; + return { + "--thickness": thickness, + width: map(orientation, (v) => v === "vertical" ? void 0 : "100%"), + height: map(orientation, (v) => v === "horizontal" ? void 0 : "100%"), + borderBlockEndWidth: map(orientation, (v) => v === "horizontal" ? "var(--thickness)" : void 0), + borderInlineEndWidth: map(orientation, (v) => v === "vertical" ? "var(--thickness)" : void 0), + borderColor: color, + ...rest + }; +}, +defaultValues:{orientation:'horizontal',thickness:'1px'}} + +export const getDividerStyle = (styles = {}) => { + const _styles = getPatternStyles(dividerConfig, styles) + return dividerConfig.transform(_styles, patternFns) +} + +export const divider = (styles) => css(getDividerStyle(styles)) +divider.raw = getDividerStyle \ No newline at end of file diff --git a/apps/web/_panda/patterns/flex.d.ts b/apps/web/_panda/patterns/flex.d.ts new file mode 100644 index 00000000..71d5308b --- /dev/null +++ b/apps/web/_panda/patterns/flex.d.ts @@ -0,0 +1,27 @@ +/* eslint-disable */ +import type { SystemStyleObject, ConditionalValue } from '../types/index'; +import type { Properties } from '../types/csstype'; +import type { SystemProperties } from '../types/style-props'; +import type { DistributiveOmit } from '../types/system-types'; +import type { Tokens } from '../tokens/index'; + +export interface FlexProperties { + align?: SystemProperties["alignItems"] + justify?: SystemProperties["justifyContent"] + direction?: SystemProperties["flexDirection"] + wrap?: SystemProperties["flexWrap"] + basis?: SystemProperties["flexBasis"] + grow?: SystemProperties["flexGrow"] + shrink?: SystemProperties["flexShrink"] +} + + +interface FlexStyles extends FlexProperties, DistributiveOmit {} + +interface FlexPatternFn { + (styles?: FlexStyles): string + raw: (styles?: FlexStyles) => SystemStyleObject +} + + +export declare const flex: FlexPatternFn; diff --git a/apps/web/_panda/patterns/flex.mjs b/apps/web/_panda/patterns/flex.mjs new file mode 100644 index 00000000..fd12888b --- /dev/null +++ b/apps/web/_panda/patterns/flex.mjs @@ -0,0 +1,26 @@ +import { getPatternStyles, patternFns } from '../helpers.mjs'; +import { css } from '../css/index.mjs'; + +const flexConfig = { +transform(props) { + const { direction, align, justify, wrap: wrap2, basis, grow, shrink, ...rest } = props; + return { + display: "flex", + flexDirection: direction, + alignItems: align, + justifyContent: justify, + flexWrap: wrap2, + flexBasis: basis, + flexGrow: grow, + flexShrink: shrink, + ...rest + }; +}} + +export const getFlexStyle = (styles = {}) => { + const _styles = getPatternStyles(flexConfig, styles) + return flexConfig.transform(_styles, patternFns) +} + +export const flex = (styles) => css(getFlexStyle(styles)) +flex.raw = getFlexStyle \ No newline at end of file diff --git a/apps/web/_panda/patterns/float.d.ts b/apps/web/_panda/patterns/float.d.ts new file mode 100644 index 00000000..07ea9c36 --- /dev/null +++ b/apps/web/_panda/patterns/float.d.ts @@ -0,0 +1,24 @@ +/* eslint-disable */ +import type { SystemStyleObject, ConditionalValue } from '../types/index'; +import type { Properties } from '../types/csstype'; +import type { SystemProperties } from '../types/style-props'; +import type { DistributiveOmit } from '../types/system-types'; +import type { Tokens } from '../tokens/index'; + +export interface FloatProperties { + offsetX?: ConditionalValue + offsetY?: ConditionalValue + offset?: ConditionalValue + placement?: ConditionalValue<"bottom-end" | "bottom-start" | "top-end" | "top-start" | "bottom-center" | "top-center" | "middle-center" | "middle-end" | "middle-start"> +} + + +interface FloatStyles extends FloatProperties, DistributiveOmit {} + +interface FloatPatternFn { + (styles?: FloatStyles): string + raw: (styles?: FloatStyles) => SystemStyleObject +} + + +export declare const float: FloatPatternFn; diff --git a/apps/web/_panda/patterns/float.mjs b/apps/web/_panda/patterns/float.mjs new file mode 100644 index 00000000..3d89978b --- /dev/null +++ b/apps/web/_panda/patterns/float.mjs @@ -0,0 +1,52 @@ +import { getPatternStyles, patternFns } from '../helpers.mjs'; +import { css } from '../css/index.mjs'; + +const floatConfig = { +transform(props, { map }) { + const { offset, offsetX, offsetY, placement, ...rest } = props; + return { + display: "inline-flex", + justifyContent: "center", + alignItems: "center", + position: "absolute", + insetBlockStart: map(placement, (v) => { + const [side] = v.split("-"); + const map2 = { top: offsetY, middle: "50%", bottom: "auto" }; + return map2[side]; + }), + insetBlockEnd: map(placement, (v) => { + const [side] = v.split("-"); + const map2 = { top: "auto", middle: "50%", bottom: offsetY }; + return map2[side]; + }), + insetInlineStart: map(placement, (v) => { + const [, align] = v.split("-"); + const map2 = { start: offsetX, center: "50%", end: "auto" }; + return map2[align]; + }), + insetInlineEnd: map(placement, (v) => { + const [, align] = v.split("-"); + const map2 = { start: "auto", center: "50%", end: offsetX }; + return map2[align]; + }), + translate: map(placement, (v) => { + const [side, align] = v.split("-"); + const mapX = { start: "-50%", center: "-50%", end: "50%" }; + const mapY = { top: "-50%", middle: "-50%", bottom: "50%" }; + return `${mapX[align]} ${mapY[side]}`; + }), + ...rest + }; +}, +defaultValues(props) { + const offset = props.offset || "0"; + return { offset, offsetX: offset, offsetY: offset, placement: "top-end" }; +}} + +export const getFloatStyle = (styles = {}) => { + const _styles = getPatternStyles(floatConfig, styles) + return floatConfig.transform(_styles, patternFns) +} + +export const float = (styles) => css(getFloatStyle(styles)) +float.raw = getFloatStyle \ No newline at end of file diff --git a/apps/web/_panda/patterns/grid-item.d.ts b/apps/web/_panda/patterns/grid-item.d.ts new file mode 100644 index 00000000..2301ae59 --- /dev/null +++ b/apps/web/_panda/patterns/grid-item.d.ts @@ -0,0 +1,26 @@ +/* eslint-disable */ +import type { SystemStyleObject, ConditionalValue } from '../types/index'; +import type { Properties } from '../types/csstype'; +import type { SystemProperties } from '../types/style-props'; +import type { DistributiveOmit } from '../types/system-types'; +import type { Tokens } from '../tokens/index'; + +export interface GridItemProperties { + colSpan?: ConditionalValue + rowSpan?: ConditionalValue + colStart?: ConditionalValue + rowStart?: ConditionalValue + colEnd?: ConditionalValue + rowEnd?: ConditionalValue +} + + +interface GridItemStyles extends GridItemProperties, DistributiveOmit {} + +interface GridItemPatternFn { + (styles?: GridItemStyles): string + raw: (styles?: GridItemStyles) => SystemStyleObject +} + + +export declare const gridItem: GridItemPatternFn; diff --git a/apps/web/_panda/patterns/grid-item.mjs b/apps/web/_panda/patterns/grid-item.mjs new file mode 100644 index 00000000..e00f4725 --- /dev/null +++ b/apps/web/_panda/patterns/grid-item.mjs @@ -0,0 +1,25 @@ +import { getPatternStyles, patternFns } from '../helpers.mjs'; +import { css } from '../css/index.mjs'; + +const gridItemConfig = { +transform(props, { map }) { + const { colSpan, rowSpan, colStart, rowStart, colEnd, rowEnd, ...rest } = props; + const spanFn = (v) => v === "auto" ? v : `span ${v}`; + return { + gridColumn: colSpan != null ? map(colSpan, spanFn) : void 0, + gridRow: rowSpan != null ? map(rowSpan, spanFn) : void 0, + gridColumnStart: colStart, + gridColumnEnd: colEnd, + gridRowStart: rowStart, + gridRowEnd: rowEnd, + ...rest + }; +}} + +export const getGridItemStyle = (styles = {}) => { + const _styles = getPatternStyles(gridItemConfig, styles) + return gridItemConfig.transform(_styles, patternFns) +} + +export const gridItem = (styles) => css(getGridItemStyle(styles)) +gridItem.raw = getGridItemStyle \ No newline at end of file diff --git a/apps/web/_panda/patterns/grid.d.ts b/apps/web/_panda/patterns/grid.d.ts new file mode 100644 index 00000000..96180bda --- /dev/null +++ b/apps/web/_panda/patterns/grid.d.ts @@ -0,0 +1,25 @@ +/* eslint-disable */ +import type { SystemStyleObject, ConditionalValue } from '../types/index'; +import type { Properties } from '../types/csstype'; +import type { SystemProperties } from '../types/style-props'; +import type { DistributiveOmit } from '../types/system-types'; +import type { Tokens } from '../tokens/index'; + +export interface GridProperties { + gap?: SystemProperties["gap"] + columnGap?: SystemProperties["gap"] + rowGap?: SystemProperties["gap"] + columns?: ConditionalValue + minChildWidth?: ConditionalValue +} + + +interface GridStyles extends GridProperties, DistributiveOmit {} + +interface GridPatternFn { + (styles?: GridStyles): string + raw: (styles?: GridStyles) => SystemStyleObject +} + + +export declare const grid: GridPatternFn; diff --git a/apps/web/_panda/patterns/grid.mjs b/apps/web/_panda/patterns/grid.mjs new file mode 100644 index 00000000..9dba80a0 --- /dev/null +++ b/apps/web/_panda/patterns/grid.mjs @@ -0,0 +1,27 @@ +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 : "10px" }; +}} + +export const getGridStyle = (styles = {}) => { + const _styles = getPatternStyles(gridConfig, styles) + return gridConfig.transform(_styles, patternFns) +} + +export const grid = (styles) => css(getGridStyle(styles)) +grid.raw = getGridStyle \ No newline at end of file diff --git a/apps/web/_panda/patterns/hstack.d.ts b/apps/web/_panda/patterns/hstack.d.ts new file mode 100644 index 00000000..05b0d670 --- /dev/null +++ b/apps/web/_panda/patterns/hstack.d.ts @@ -0,0 +1,22 @@ +/* eslint-disable */ +import type { SystemStyleObject, ConditionalValue } from '../types/index'; +import type { Properties } from '../types/csstype'; +import type { SystemProperties } from '../types/style-props'; +import type { DistributiveOmit } from '../types/system-types'; +import type { Tokens } from '../tokens/index'; + +export interface HstackProperties { + justify?: SystemProperties["justifyContent"] + gap?: SystemProperties["gap"] +} + + +interface HstackStyles extends HstackProperties, DistributiveOmit {} + +interface HstackPatternFn { + (styles?: HstackStyles): string + raw: (styles?: HstackStyles) => SystemStyleObject +} + + +export declare const hstack: HstackPatternFn; diff --git a/apps/web/_panda/patterns/hstack.mjs b/apps/web/_panda/patterns/hstack.mjs new file mode 100644 index 00000000..07f4ef31 --- /dev/null +++ b/apps/web/_panda/patterns/hstack.mjs @@ -0,0 +1,24 @@ +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:'10px'}} + +export const getHstackStyle = (styles = {}) => { + const _styles = getPatternStyles(hstackConfig, styles) + return hstackConfig.transform(_styles, patternFns) +} + +export const hstack = (styles) => css(getHstackStyle(styles)) +hstack.raw = getHstackStyle \ No newline at end of file diff --git a/apps/web/_panda/patterns/index.d.ts b/apps/web/_panda/patterns/index.d.ts new file mode 100644 index 00000000..11168918 --- /dev/null +++ b/apps/web/_panda/patterns/index.d.ts @@ -0,0 +1,21 @@ +/* eslint-disable */ +export * from './box'; +export * from './flex'; +export * from './stack'; +export * from './vstack'; +export * from './hstack'; +export * from './spacer'; +export * from './square'; +export * from './circle'; +export * from './center'; +export * from './link-overlay'; +export * from './aspect-ratio'; +export * from './grid'; +export * from './grid-item'; +export * from './wrap'; +export * from './container'; +export * from './divider'; +export * from './float'; +export * from './bleed'; +export * from './visually-hidden'; +export * from './cq'; \ No newline at end of file diff --git a/apps/web/_panda/patterns/index.mjs b/apps/web/_panda/patterns/index.mjs new file mode 100644 index 00000000..6efe55b7 --- /dev/null +++ b/apps/web/_panda/patterns/index.mjs @@ -0,0 +1,20 @@ +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'; \ No newline at end of file diff --git a/apps/web/_panda/patterns/link-overlay.d.ts b/apps/web/_panda/patterns/link-overlay.d.ts new file mode 100644 index 00000000..565005a8 --- /dev/null +++ b/apps/web/_panda/patterns/link-overlay.d.ts @@ -0,0 +1,21 @@ +/* eslint-disable */ +import type { SystemStyleObject, ConditionalValue } from '../types/index'; +import type { Properties } from '../types/csstype'; +import type { SystemProperties } from '../types/style-props'; +import type { DistributiveOmit } from '../types/system-types'; +import type { Tokens } from '../tokens/index'; + +export interface LinkOverlayProperties { + +} + + +interface LinkOverlayStyles extends LinkOverlayProperties, DistributiveOmit {} + +interface LinkOverlayPatternFn { + (styles?: LinkOverlayStyles): string + raw: (styles?: LinkOverlayStyles) => SystemStyleObject +} + + +export declare const linkOverlay: LinkOverlayPatternFn; diff --git a/apps/web/_panda/patterns/link-overlay.mjs b/apps/web/_panda/patterns/link-overlay.mjs new file mode 100644 index 00000000..9b904ad2 --- /dev/null +++ b/apps/web/_panda/patterns/link-overlay.mjs @@ -0,0 +1,24 @@ +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 \ No newline at end of file diff --git a/apps/web/_panda/patterns/spacer.d.ts b/apps/web/_panda/patterns/spacer.d.ts new file mode 100644 index 00000000..4fba408c --- /dev/null +++ b/apps/web/_panda/patterns/spacer.d.ts @@ -0,0 +1,21 @@ +/* eslint-disable */ +import type { SystemStyleObject, ConditionalValue } from '../types/index'; +import type { Properties } from '../types/csstype'; +import type { SystemProperties } from '../types/style-props'; +import type { DistributiveOmit } from '../types/system-types'; +import type { Tokens } from '../tokens/index'; + +export interface SpacerProperties { + size?: ConditionalValue +} + + +interface SpacerStyles extends SpacerProperties, DistributiveOmit {} + +interface SpacerPatternFn { + (styles?: SpacerStyles): string + raw: (styles?: SpacerStyles) => SystemStyleObject +} + + +export declare const spacer: SpacerPatternFn; diff --git a/apps/web/_panda/patterns/spacer.mjs b/apps/web/_panda/patterns/spacer.mjs new file mode 100644 index 00000000..01b66e41 --- /dev/null +++ b/apps/web/_panda/patterns/spacer.mjs @@ -0,0 +1,21 @@ +import { getPatternStyles, patternFns } from '../helpers.mjs'; +import { css } from '../css/index.mjs'; + +const spacerConfig = { +transform(props, { map }) { + const { size, ...rest } = props; + return { + alignSelf: "stretch", + justifySelf: "stretch", + flex: map(size, (v) => v == null ? "1" : `0 0 ${v}`), + ...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 \ No newline at end of file diff --git a/apps/web/_panda/patterns/square.d.ts b/apps/web/_panda/patterns/square.d.ts new file mode 100644 index 00000000..fda193f5 --- /dev/null +++ b/apps/web/_panda/patterns/square.d.ts @@ -0,0 +1,21 @@ +/* eslint-disable */ +import type { SystemStyleObject, ConditionalValue } from '../types/index'; +import type { Properties } from '../types/csstype'; +import type { SystemProperties } from '../types/style-props'; +import type { DistributiveOmit } from '../types/system-types'; +import type { Tokens } from '../tokens/index'; + +export interface SquareProperties { + size?: SystemProperties["width"] +} + + +interface SquareStyles extends SquareProperties, DistributiveOmit {} + +interface SquarePatternFn { + (styles?: SquareStyles): string + raw: (styles?: SquareStyles) => SystemStyleObject +} + + +export declare const square: SquarePatternFn; diff --git a/apps/web/_panda/patterns/square.mjs b/apps/web/_panda/patterns/square.mjs new file mode 100644 index 00000000..7aa07973 --- /dev/null +++ b/apps/web/_panda/patterns/square.mjs @@ -0,0 +1,24 @@ +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 \ No newline at end of file diff --git a/apps/web/_panda/patterns/stack.d.ts b/apps/web/_panda/patterns/stack.d.ts new file mode 100644 index 00000000..5a6c9cef --- /dev/null +++ b/apps/web/_panda/patterns/stack.d.ts @@ -0,0 +1,24 @@ +/* eslint-disable */ +import type { SystemStyleObject, ConditionalValue } from '../types/index'; +import type { Properties } from '../types/csstype'; +import type { SystemProperties } from '../types/style-props'; +import type { DistributiveOmit } from '../types/system-types'; +import type { Tokens } from '../tokens/index'; + +export interface StackProperties { + align?: SystemProperties["alignItems"] + justify?: SystemProperties["justifyContent"] + direction?: SystemProperties["flexDirection"] + gap?: SystemProperties["gap"] +} + + +interface StackStyles extends StackProperties, DistributiveOmit {} + +interface StackPatternFn { + (styles?: StackStyles): string + raw: (styles?: StackStyles) => SystemStyleObject +} + + +export declare const stack: StackPatternFn; diff --git a/apps/web/_panda/patterns/stack.mjs b/apps/web/_panda/patterns/stack.mjs new file mode 100644 index 00000000..5afce2d6 --- /dev/null +++ b/apps/web/_panda/patterns/stack.mjs @@ -0,0 +1,24 @@ +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:'10px'}} + +export const getStackStyle = (styles = {}) => { + const _styles = getPatternStyles(stackConfig, styles) + return stackConfig.transform(_styles, patternFns) +} + +export const stack = (styles) => css(getStackStyle(styles)) +stack.raw = getStackStyle \ No newline at end of file diff --git a/apps/web/_panda/patterns/visually-hidden.d.ts b/apps/web/_panda/patterns/visually-hidden.d.ts new file mode 100644 index 00000000..76f5e886 --- /dev/null +++ b/apps/web/_panda/patterns/visually-hidden.d.ts @@ -0,0 +1,21 @@ +/* eslint-disable */ +import type { SystemStyleObject, ConditionalValue } from '../types/index'; +import type { Properties } from '../types/csstype'; +import type { SystemProperties } from '../types/style-props'; +import type { DistributiveOmit } from '../types/system-types'; +import type { Tokens } from '../tokens/index'; + +export interface VisuallyHiddenProperties { + +} + + +interface VisuallyHiddenStyles extends VisuallyHiddenProperties, DistributiveOmit {} + +interface VisuallyHiddenPatternFn { + (styles?: VisuallyHiddenStyles): string + raw: (styles?: VisuallyHiddenStyles) => SystemStyleObject +} + + +export declare const visuallyHidden: VisuallyHiddenPatternFn; diff --git a/apps/web/_panda/patterns/visually-hidden.mjs b/apps/web/_panda/patterns/visually-hidden.mjs new file mode 100644 index 00000000..534a0eaf --- /dev/null +++ b/apps/web/_panda/patterns/visually-hidden.mjs @@ -0,0 +1,18 @@ +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 \ No newline at end of file diff --git a/apps/web/_panda/patterns/vstack.d.ts b/apps/web/_panda/patterns/vstack.d.ts new file mode 100644 index 00000000..4fb13221 --- /dev/null +++ b/apps/web/_panda/patterns/vstack.d.ts @@ -0,0 +1,22 @@ +/* eslint-disable */ +import type { SystemStyleObject, ConditionalValue } from '../types/index'; +import type { Properties } from '../types/csstype'; +import type { SystemProperties } from '../types/style-props'; +import type { DistributiveOmit } from '../types/system-types'; +import type { Tokens } from '../tokens/index'; + +export interface VstackProperties { + justify?: SystemProperties["justifyContent"] + gap?: SystemProperties["gap"] +} + + +interface VstackStyles extends VstackProperties, DistributiveOmit {} + +interface VstackPatternFn { + (styles?: VstackStyles): string + raw: (styles?: VstackStyles) => SystemStyleObject +} + + +export declare const vstack: VstackPatternFn; diff --git a/apps/web/_panda/patterns/vstack.mjs b/apps/web/_panda/patterns/vstack.mjs new file mode 100644 index 00000000..287476ca --- /dev/null +++ b/apps/web/_panda/patterns/vstack.mjs @@ -0,0 +1,24 @@ +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:'10px'}} + +export const getVstackStyle = (styles = {}) => { + const _styles = getPatternStyles(vstackConfig, styles) + return vstackConfig.transform(_styles, patternFns) +} + +export const vstack = (styles) => css(getVstackStyle(styles)) +vstack.raw = getVstackStyle \ No newline at end of file diff --git a/apps/web/_panda/patterns/wrap.d.ts b/apps/web/_panda/patterns/wrap.d.ts new file mode 100644 index 00000000..36ba882c --- /dev/null +++ b/apps/web/_panda/patterns/wrap.d.ts @@ -0,0 +1,25 @@ +/* eslint-disable */ +import type { SystemStyleObject, ConditionalValue } from '../types/index'; +import type { Properties } from '../types/csstype'; +import type { SystemProperties } from '../types/style-props'; +import type { DistributiveOmit } from '../types/system-types'; +import type { Tokens } from '../tokens/index'; + +export interface WrapProperties { + gap?: SystemProperties["gap"] + rowGap?: SystemProperties["gap"] + columnGap?: SystemProperties["gap"] + align?: SystemProperties["alignItems"] + justify?: SystemProperties["justifyContent"] +} + + +interface WrapStyles extends WrapProperties, DistributiveOmit {} + +interface WrapPatternFn { + (styles?: WrapStyles): string + raw: (styles?: WrapStyles) => SystemStyleObject +} + + +export declare const wrap: WrapPatternFn; diff --git a/apps/web/_panda/patterns/wrap.mjs b/apps/web/_panda/patterns/wrap.mjs new file mode 100644 index 00000000..225a0d62 --- /dev/null +++ b/apps/web/_panda/patterns/wrap.mjs @@ -0,0 +1,25 @@ +import { getPatternStyles, patternFns } from '../helpers.mjs'; +import { css } from '../css/index.mjs'; + +const wrapConfig = { +transform(props) { + const { columnGap, rowGap, gap = columnGap || rowGap ? void 0 : "10px", 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 \ No newline at end of file diff --git a/apps/web/_panda/recipes/accordion.d.ts b/apps/web/_panda/recipes/accordion.d.ts new file mode 100644 index 00000000..d4e5fe1a --- /dev/null +++ b/apps/web/_panda/recipes/accordion.d.ts @@ -0,0 +1,32 @@ +/* eslint-disable */ +import type { ConditionalValue } from '../types/index'; +import type { DistributiveOmit, Pretty } from '../types/system-types'; + +interface AccordionVariant { + +} + +type AccordionVariantMap = { + [key in keyof AccordionVariant]: Array +} + +export type AccordionVariantProps = { + [key in keyof AccordionVariant]?: ConditionalValue | undefined +} + +export interface AccordionRecipe { + __type: AccordionVariantProps + (props?: AccordionVariantProps): Pretty> + raw: (props?: AccordionVariantProps) => AccordionVariantProps + variantMap: AccordionVariantMap + variantKeys: Array + splitVariantProps(props: Props): [AccordionVariantProps, Pretty>] + getVariantProps: (props?: AccordionVariantProps) => AccordionVariantProps +} + +/** + * Styles for the Accordion component + + + */ +export declare const accordion: AccordionRecipe \ No newline at end of file diff --git a/apps/web/_panda/recipes/accordion.mjs b/apps/web/_panda/recipes/accordion.mjs new file mode 100644 index 00000000..71eabc0d --- /dev/null +++ b/apps/web/_panda/recipes/accordion.mjs @@ -0,0 +1,48 @@ +import { compact, getSlotCompoundVariant, memo, splitProps } from '../helpers.mjs'; +import { createRecipe } from './create-recipe.mjs'; + +const accordionDefaultVariants = {} +const accordionCompoundVariants = [] + +const accordionSlotNames = [ + [ + "root", + "accordion__root" + ], + [ + "item", + "accordion__item" + ], + [ + "header", + "accordion__header" + ], + [ + "trigger", + "accordion__trigger" + ], + [ + "content", + "accordion__content" + ] +] +const accordionSlotFns = /* @__PURE__ */ accordionSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, accordionDefaultVariants, getSlotCompoundVariant(accordionCompoundVariants, slotName))]) + +const accordionFn = memo((props = {}) => { + return Object.fromEntries(accordionSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)])) +}) + +const accordionVariantKeys = [] +const getVariantProps = (variants) => ({ ...accordionDefaultVariants, ...compact(variants) }) + +export const accordion = /* @__PURE__ */ Object.assign(accordionFn, { + __recipe__: false, + __name__: 'accordion', + raw: (props) => props, + variantKeys: accordionVariantKeys, + variantMap: {}, + splitVariantProps(props) { + return splitProps(props, accordionVariantKeys) + }, + getVariantProps +}) \ No newline at end of file diff --git a/apps/web/_panda/recipes/alert-description.d.ts b/apps/web/_panda/recipes/alert-description.d.ts new file mode 100644 index 00000000..f739d78a --- /dev/null +++ b/apps/web/_panda/recipes/alert-description.d.ts @@ -0,0 +1,32 @@ +/* eslint-disable */ +import type { ConditionalValue } from '../types/index'; +import type { DistributiveOmit, Pretty } from '../types/system-types'; + +interface AlertDescriptionVariant { + +} + +type AlertDescriptionVariantMap = { + [key in keyof AlertDescriptionVariant]: Array +} + +export type AlertDescriptionVariantProps = { + [key in keyof AlertDescriptionVariant]?: ConditionalValue | undefined +} + +export interface AlertDescriptionRecipe { + __type: AlertDescriptionVariantProps + (props?: AlertDescriptionVariantProps): string + raw: (props?: AlertDescriptionVariantProps) => AlertDescriptionVariantProps + variantMap: AlertDescriptionVariantMap + variantKeys: Array + splitVariantProps(props: Props): [AlertDescriptionVariantProps, Pretty>] + getVariantProps: (props?: AlertDescriptionVariantProps) => AlertDescriptionVariantProps +} + +/** + * Styles for the AlertDescription component + + + */ +export declare const alertDescription: AlertDescriptionRecipe \ No newline at end of file diff --git a/apps/web/_panda/recipes/alert-description.mjs b/apps/web/_panda/recipes/alert-description.mjs new file mode 100644 index 00000000..d44014a6 --- /dev/null +++ b/apps/web/_panda/recipes/alert-description.mjs @@ -0,0 +1,24 @@ +import { memo, splitProps } from '../helpers.mjs'; +import { createRecipe, mergeRecipes } from './create-recipe.mjs'; + +const alertDescriptionFn = /* @__PURE__ */ createRecipe('alertDescription', {}, []) + +const alertDescriptionVariantMap = {} + +const alertDescriptionVariantKeys = Object.keys(alertDescriptionVariantMap) + +export const alertDescription = /* @__PURE__ */ Object.assign(memo(alertDescriptionFn.recipeFn), { + __recipe__: true, + __name__: 'alertDescription', + __getCompoundVariantCss__: alertDescriptionFn.__getCompoundVariantCss__, + raw: (props) => props, + variantKeys: alertDescriptionVariantKeys, + variantMap: alertDescriptionVariantMap, + merge(recipe) { + return mergeRecipes(this, recipe) + }, + splitVariantProps(props) { + return splitProps(props, alertDescriptionVariantKeys) + }, + getVariantProps: alertDescriptionFn.getVariantProps, +}) \ No newline at end of file diff --git a/apps/web/_panda/recipes/alert-dialog.d.ts b/apps/web/_panda/recipes/alert-dialog.d.ts new file mode 100644 index 00000000..4073438b --- /dev/null +++ b/apps/web/_panda/recipes/alert-dialog.d.ts @@ -0,0 +1,32 @@ +/* eslint-disable */ +import type { ConditionalValue } from '../types/index'; +import type { DistributiveOmit, Pretty } from '../types/system-types'; + +interface AlertDialogVariant { + +} + +type AlertDialogVariantMap = { + [key in keyof AlertDialogVariant]: Array +} + +export type AlertDialogVariantProps = { + [key in keyof AlertDialogVariant]?: ConditionalValue | undefined +} + +export interface AlertDialogRecipe { + __type: AlertDialogVariantProps + (props?: AlertDialogVariantProps): Pretty> + raw: (props?: AlertDialogVariantProps) => AlertDialogVariantProps + variantMap: AlertDialogVariantMap + variantKeys: Array + splitVariantProps(props: Props): [AlertDialogVariantProps, Pretty>] + getVariantProps: (props?: AlertDialogVariantProps) => AlertDialogVariantProps +} + +/** + * Styles for the AlertDialog component + + + */ +export declare const alertDialog: AlertDialogRecipe \ No newline at end of file diff --git a/apps/web/_panda/recipes/alert-dialog.mjs b/apps/web/_panda/recipes/alert-dialog.mjs new file mode 100644 index 00000000..0e984aed --- /dev/null +++ b/apps/web/_panda/recipes/alert-dialog.mjs @@ -0,0 +1,72 @@ +import { compact, getSlotCompoundVariant, memo, splitProps } from '../helpers.mjs'; +import { createRecipe } from './create-recipe.mjs'; + +const alertDialogDefaultVariants = {} +const alertDialogCompoundVariants = [] + +const alertDialogSlotNames = [ + [ + "root", + "alertDialog__root" + ], + [ + "trigger", + "alertDialog__trigger" + ], + [ + "portal", + "alertDialog__portal" + ], + [ + "overlay", + "alertDialog__overlay" + ], + [ + "content", + "alertDialog__content" + ], + [ + "header", + "alertDialog__header" + ], + [ + "footer", + "alertDialog__footer" + ], + [ + "title", + "alertDialog__title" + ], + [ + "description", + "alertDialog__description" + ], + [ + "action", + "alertDialog__action" + ], + [ + "cancel", + "alertDialog__cancel" + ] +] +const alertDialogSlotFns = /* @__PURE__ */ alertDialogSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, alertDialogDefaultVariants, getSlotCompoundVariant(alertDialogCompoundVariants, slotName))]) + +const alertDialogFn = memo((props = {}) => { + return Object.fromEntries(alertDialogSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)])) +}) + +const alertDialogVariantKeys = [] +const getVariantProps = (variants) => ({ ...alertDialogDefaultVariants, ...compact(variants) }) + +export const alertDialog = /* @__PURE__ */ Object.assign(alertDialogFn, { + __recipe__: false, + __name__: 'alertDialog', + raw: (props) => props, + variantKeys: alertDialogVariantKeys, + variantMap: {}, + splitVariantProps(props) { + return splitProps(props, alertDialogVariantKeys) + }, + getVariantProps +}) \ No newline at end of file diff --git a/apps/web/_panda/recipes/alert-title.d.ts b/apps/web/_panda/recipes/alert-title.d.ts new file mode 100644 index 00000000..c7edc721 --- /dev/null +++ b/apps/web/_panda/recipes/alert-title.d.ts @@ -0,0 +1,32 @@ +/* eslint-disable */ +import type { ConditionalValue } from '../types/index'; +import type { DistributiveOmit, Pretty } from '../types/system-types'; + +interface AlertTitleVariant { + +} + +type AlertTitleVariantMap = { + [key in keyof AlertTitleVariant]: Array +} + +export type AlertTitleVariantProps = { + [key in keyof AlertTitleVariant]?: ConditionalValue | undefined +} + +export interface AlertTitleRecipe { + __type: AlertTitleVariantProps + (props?: AlertTitleVariantProps): string + raw: (props?: AlertTitleVariantProps) => AlertTitleVariantProps + variantMap: AlertTitleVariantMap + variantKeys: Array + splitVariantProps(props: Props): [AlertTitleVariantProps, Pretty>] + getVariantProps: (props?: AlertTitleVariantProps) => AlertTitleVariantProps +} + +/** + * Styles for the AlertTitle component + + + */ +export declare const alertTitle: AlertTitleRecipe \ No newline at end of file diff --git a/apps/web/_panda/recipes/alert-title.mjs b/apps/web/_panda/recipes/alert-title.mjs new file mode 100644 index 00000000..e6444c76 --- /dev/null +++ b/apps/web/_panda/recipes/alert-title.mjs @@ -0,0 +1,24 @@ +import { memo, splitProps } from '../helpers.mjs'; +import { createRecipe, mergeRecipes } from './create-recipe.mjs'; + +const alertTitleFn = /* @__PURE__ */ createRecipe('alertTitle', {}, []) + +const alertTitleVariantMap = {} + +const alertTitleVariantKeys = Object.keys(alertTitleVariantMap) + +export const alertTitle = /* @__PURE__ */ Object.assign(memo(alertTitleFn.recipeFn), { + __recipe__: true, + __name__: 'alertTitle', + __getCompoundVariantCss__: alertTitleFn.__getCompoundVariantCss__, + raw: (props) => props, + variantKeys: alertTitleVariantKeys, + variantMap: alertTitleVariantMap, + merge(recipe) { + return mergeRecipes(this, recipe) + }, + splitVariantProps(props) { + return splitProps(props, alertTitleVariantKeys) + }, + getVariantProps: alertTitleFn.getVariantProps, +}) \ No newline at end of file diff --git a/apps/web/_panda/recipes/alert.d.ts b/apps/web/_panda/recipes/alert.d.ts new file mode 100644 index 00000000..fa3ffa74 --- /dev/null +++ b/apps/web/_panda/recipes/alert.d.ts @@ -0,0 +1,35 @@ +/* eslint-disable */ +import type { ConditionalValue } from '../types/index'; +import type { DistributiveOmit, Pretty } from '../types/system-types'; + +interface AlertVariant { + /** + * @default "default" + */ +variant: "default" | "destructive" +} + +type AlertVariantMap = { + [key in keyof AlertVariant]: Array +} + +export type AlertVariantProps = { + [key in keyof AlertVariant]?: ConditionalValue | undefined +} + +export interface AlertRecipe { + __type: AlertVariantProps + (props?: AlertVariantProps): string + raw: (props?: AlertVariantProps) => AlertVariantProps + variantMap: AlertVariantMap + variantKeys: Array + splitVariantProps(props: Props): [AlertVariantProps, Pretty>] + getVariantProps: (props?: AlertVariantProps) => AlertVariantProps +} + +/** + * Styles for the Alert component + + + */ +export declare const alert: AlertRecipe \ No newline at end of file diff --git a/apps/web/_panda/recipes/alert.mjs b/apps/web/_panda/recipes/alert.mjs new file mode 100644 index 00000000..f48333c3 --- /dev/null +++ b/apps/web/_panda/recipes/alert.mjs @@ -0,0 +1,31 @@ +import { memo, splitProps } from '../helpers.mjs'; +import { createRecipe, mergeRecipes } from './create-recipe.mjs'; + +const alertFn = /* @__PURE__ */ createRecipe('alert', { + "variant": "default" +}, []) + +const alertVariantMap = { + "variant": [ + "default", + "destructive" + ] +} + +const alertVariantKeys = Object.keys(alertVariantMap) + +export const alert = /* @__PURE__ */ Object.assign(memo(alertFn.recipeFn), { + __recipe__: true, + __name__: 'alert', + __getCompoundVariantCss__: alertFn.__getCompoundVariantCss__, + raw: (props) => props, + variantKeys: alertVariantKeys, + variantMap: alertVariantMap, + merge(recipe) { + return mergeRecipes(this, recipe) + }, + splitVariantProps(props) { + return splitProps(props, alertVariantKeys) + }, + getVariantProps: alertFn.getVariantProps, +}) \ No newline at end of file diff --git a/apps/web/_panda/recipes/avatar.d.ts b/apps/web/_panda/recipes/avatar.d.ts new file mode 100644 index 00000000..909f56b9 --- /dev/null +++ b/apps/web/_panda/recipes/avatar.d.ts @@ -0,0 +1,32 @@ +/* eslint-disable */ +import type { ConditionalValue } from '../types/index'; +import type { DistributiveOmit, Pretty } from '../types/system-types'; + +interface AvatarVariant { + +} + +type AvatarVariantMap = { + [key in keyof AvatarVariant]: Array +} + +export type AvatarVariantProps = { + [key in keyof AvatarVariant]?: ConditionalValue | undefined +} + +export interface AvatarRecipe { + __type: AvatarVariantProps + (props?: AvatarVariantProps): Pretty> + raw: (props?: AvatarVariantProps) => AvatarVariantProps + variantMap: AvatarVariantMap + variantKeys: Array + splitVariantProps(props: Props): [AvatarVariantProps, Pretty>] + getVariantProps: (props?: AvatarVariantProps) => AvatarVariantProps +} + +/** + * Styles for the Avatar component + + + */ +export declare const avatar: AvatarRecipe \ No newline at end of file diff --git a/apps/web/_panda/recipes/avatar.mjs b/apps/web/_panda/recipes/avatar.mjs new file mode 100644 index 00000000..327487a6 --- /dev/null +++ b/apps/web/_panda/recipes/avatar.mjs @@ -0,0 +1,40 @@ +import { compact, getSlotCompoundVariant, memo, splitProps } from '../helpers.mjs'; +import { createRecipe } from './create-recipe.mjs'; + +const avatarDefaultVariants = {} +const avatarCompoundVariants = [] + +const avatarSlotNames = [ + [ + "root", + "avatar__root" + ], + [ + "image", + "avatar__image" + ], + [ + "fallback", + "avatar__fallback" + ] +] +const avatarSlotFns = /* @__PURE__ */ avatarSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, avatarDefaultVariants, getSlotCompoundVariant(avatarCompoundVariants, slotName))]) + +const avatarFn = memo((props = {}) => { + return Object.fromEntries(avatarSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)])) +}) + +const avatarVariantKeys = [] +const getVariantProps = (variants) => ({ ...avatarDefaultVariants, ...compact(variants) }) + +export const avatar = /* @__PURE__ */ Object.assign(avatarFn, { + __recipe__: false, + __name__: 'avatar', + raw: (props) => props, + variantKeys: avatarVariantKeys, + variantMap: {}, + splitVariantProps(props) { + return splitProps(props, avatarVariantKeys) + }, + getVariantProps +}) \ No newline at end of file diff --git a/apps/web/_panda/recipes/badge.d.ts b/apps/web/_panda/recipes/badge.d.ts new file mode 100644 index 00000000..5489c5f9 --- /dev/null +++ b/apps/web/_panda/recipes/badge.d.ts @@ -0,0 +1,35 @@ +/* eslint-disable */ +import type { ConditionalValue } from '../types/index'; +import type { DistributiveOmit, Pretty } from '../types/system-types'; + +interface BadgeVariant { + /** + * @default "default" + */ +variant: "default" | "secondary" | "destructive" | "outline" +} + +type BadgeVariantMap = { + [key in keyof BadgeVariant]: Array +} + +export type BadgeVariantProps = { + [key in keyof BadgeVariant]?: ConditionalValue | undefined +} + +export interface BadgeRecipe { + __type: BadgeVariantProps + (props?: BadgeVariantProps): string + raw: (props?: BadgeVariantProps) => BadgeVariantProps + variantMap: BadgeVariantMap + variantKeys: Array + splitVariantProps(props: Props): [BadgeVariantProps, Pretty>] + getVariantProps: (props?: BadgeVariantProps) => BadgeVariantProps +} + +/** + * Styles for the Badge component + + + */ +export declare const badge: BadgeRecipe \ No newline at end of file diff --git a/apps/web/_panda/recipes/badge.mjs b/apps/web/_panda/recipes/badge.mjs new file mode 100644 index 00000000..85090f0b --- /dev/null +++ b/apps/web/_panda/recipes/badge.mjs @@ -0,0 +1,33 @@ +import { memo, splitProps } from '../helpers.mjs'; +import { createRecipe, mergeRecipes } from './create-recipe.mjs'; + +const badgeFn = /* @__PURE__ */ createRecipe('badge', { + "variant": "default" +}, []) + +const badgeVariantMap = { + "variant": [ + "default", + "secondary", + "destructive", + "outline" + ] +} + +const badgeVariantKeys = Object.keys(badgeVariantMap) + +export const badge = /* @__PURE__ */ Object.assign(memo(badgeFn.recipeFn), { + __recipe__: true, + __name__: 'badge', + __getCompoundVariantCss__: badgeFn.__getCompoundVariantCss__, + raw: (props) => props, + variantKeys: badgeVariantKeys, + variantMap: badgeVariantMap, + merge(recipe) { + return mergeRecipes(this, recipe) + }, + splitVariantProps(props) { + return splitProps(props, badgeVariantKeys) + }, + getVariantProps: badgeFn.getVariantProps, +}) \ No newline at end of file diff --git a/apps/web/_panda/recipes/blockquote.d.ts b/apps/web/_panda/recipes/blockquote.d.ts new file mode 100644 index 00000000..15a0a5fb --- /dev/null +++ b/apps/web/_panda/recipes/blockquote.d.ts @@ -0,0 +1,32 @@ +/* eslint-disable */ +import type { ConditionalValue } from '../types/index'; +import type { DistributiveOmit, Pretty } from '../types/system-types'; + +interface BlockquoteVariant { + +} + +type BlockquoteVariantMap = { + [key in keyof BlockquoteVariant]: Array +} + +export type BlockquoteVariantProps = { + [key in keyof BlockquoteVariant]?: ConditionalValue | undefined +} + +export interface BlockquoteRecipe { + __type: BlockquoteVariantProps + (props?: BlockquoteVariantProps): string + raw: (props?: BlockquoteVariantProps) => BlockquoteVariantProps + variantMap: BlockquoteVariantMap + variantKeys: Array + splitVariantProps(props: Props): [BlockquoteVariantProps, Pretty>] + getVariantProps: (props?: BlockquoteVariantProps) => BlockquoteVariantProps +} + +/** + * Typography - blockquote style + + + */ +export declare const blockquote: BlockquoteRecipe \ No newline at end of file diff --git a/apps/web/_panda/recipes/blockquote.mjs b/apps/web/_panda/recipes/blockquote.mjs new file mode 100644 index 00000000..43c883bf --- /dev/null +++ b/apps/web/_panda/recipes/blockquote.mjs @@ -0,0 +1,24 @@ +import { memo, splitProps } from '../helpers.mjs'; +import { createRecipe, mergeRecipes } from './create-recipe.mjs'; + +const blockquoteFn = /* @__PURE__ */ createRecipe('blockquote', {}, []) + +const blockquoteVariantMap = {} + +const blockquoteVariantKeys = Object.keys(blockquoteVariantMap) + +export const blockquote = /* @__PURE__ */ Object.assign(memo(blockquoteFn.recipeFn), { + __recipe__: true, + __name__: 'blockquote', + __getCompoundVariantCss__: blockquoteFn.__getCompoundVariantCss__, + raw: (props) => props, + variantKeys: blockquoteVariantKeys, + variantMap: blockquoteVariantMap, + merge(recipe) { + return mergeRecipes(this, recipe) + }, + splitVariantProps(props) { + return splitProps(props, blockquoteVariantKeys) + }, + getVariantProps: blockquoteFn.getVariantProps, +}) \ No newline at end of file diff --git a/apps/web/_panda/recipes/button.d.ts b/apps/web/_panda/recipes/button.d.ts new file mode 100644 index 00000000..86f9f49e --- /dev/null +++ b/apps/web/_panda/recipes/button.d.ts @@ -0,0 +1,39 @@ +/* eslint-disable */ +import type { ConditionalValue } from '../types/index'; +import type { DistributiveOmit, Pretty } from '../types/system-types'; + +interface ButtonVariant { + /** + * @default "default" + */ +variant: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" +/** + * @default "default" + */ +size: "default" | "sm" | "lg" | "icon" +} + +type ButtonVariantMap = { + [key in keyof ButtonVariant]: Array +} + +export type ButtonVariantProps = { + [key in keyof ButtonVariant]?: ConditionalValue | undefined +} + +export interface ButtonRecipe { + __type: ButtonVariantProps + (props?: ButtonVariantProps): string + raw: (props?: ButtonVariantProps) => ButtonVariantProps + variantMap: ButtonVariantMap + variantKeys: Array + splitVariantProps(props: Props): [ButtonVariantProps, Pretty>] + getVariantProps: (props?: ButtonVariantProps) => ButtonVariantProps +} + +/** + * Styles for the Button component + + + */ +export declare const button: ButtonRecipe \ No newline at end of file diff --git a/apps/web/_panda/recipes/button.mjs b/apps/web/_panda/recipes/button.mjs new file mode 100644 index 00000000..81e3947f --- /dev/null +++ b/apps/web/_panda/recipes/button.mjs @@ -0,0 +1,42 @@ +import { memo, splitProps } from '../helpers.mjs'; +import { createRecipe, mergeRecipes } from './create-recipe.mjs'; + +const buttonFn = /* @__PURE__ */ createRecipe('button', { + "variant": "default", + "size": "default" +}, []) + +const buttonVariantMap = { + "variant": [ + "default", + "destructive", + "outline", + "secondary", + "ghost", + "link" + ], + "size": [ + "default", + "sm", + "lg", + "icon" + ] +} + +const buttonVariantKeys = Object.keys(buttonVariantMap) + +export const button = /* @__PURE__ */ Object.assign(memo(buttonFn.recipeFn), { + __recipe__: true, + __name__: 'button', + __getCompoundVariantCss__: buttonFn.__getCompoundVariantCss__, + raw: (props) => props, + variantKeys: buttonVariantKeys, + variantMap: buttonVariantMap, + merge(recipe) { + return mergeRecipes(this, recipe) + }, + splitVariantProps(props) { + return splitProps(props, buttonVariantKeys) + }, + getVariantProps: buttonFn.getVariantProps, +}) \ No newline at end of file diff --git a/apps/web/_panda/recipes/calendar.d.ts b/apps/web/_panda/recipes/calendar.d.ts new file mode 100644 index 00000000..9bd266ff --- /dev/null +++ b/apps/web/_panda/recipes/calendar.d.ts @@ -0,0 +1,32 @@ +/* eslint-disable */ +import type { ConditionalValue } from '../types/index'; +import type { DistributiveOmit, Pretty } from '../types/system-types'; + +interface CalendarVariant { + +} + +type CalendarVariantMap = { + [key in keyof CalendarVariant]: Array +} + +export type CalendarVariantProps = { + [key in keyof CalendarVariant]?: ConditionalValue | undefined +} + +export interface CalendarRecipe { + __type: CalendarVariantProps + (props?: CalendarVariantProps): Pretty> + raw: (props?: CalendarVariantProps) => CalendarVariantProps + variantMap: CalendarVariantMap + variantKeys: Array + splitVariantProps(props: Props): [CalendarVariantProps, Pretty>] + getVariantProps: (props?: CalendarVariantProps) => CalendarVariantProps +} + +/** + * Styles for the Calendar component + + + */ +export declare const calendar: CalendarRecipe \ No newline at end of file diff --git a/apps/web/_panda/recipes/calendar.mjs b/apps/web/_panda/recipes/calendar.mjs new file mode 100644 index 00000000..4c1a2701 --- /dev/null +++ b/apps/web/_panda/recipes/calendar.mjs @@ -0,0 +1,120 @@ +import { compact, getSlotCompoundVariant, memo, splitProps } from '../helpers.mjs'; +import { createRecipe } from './create-recipe.mjs'; + +const calendarDefaultVariants = {} +const calendarCompoundVariants = [] + +const calendarSlotNames = [ + [ + "root", + "calendar__root" + ], + [ + "months", + "calendar__months" + ], + [ + "month", + "calendar__month" + ], + [ + "caption", + "calendar__caption" + ], + [ + "caption_label", + "calendar__caption_label" + ], + [ + "nav", + "calendar__nav" + ], + [ + "nav_button", + "calendar__nav_button" + ], + [ + "nav_button_previous", + "calendar__nav_button_previous" + ], + [ + "nav_button_next", + "calendar__nav_button_next" + ], + [ + "table", + "calendar__table" + ], + [ + "head_row", + "calendar__head_row" + ], + [ + "head_cell", + "calendar__head_cell" + ], + [ + "row", + "calendar__row" + ], + [ + "cell", + "calendar__cell" + ], + [ + "day", + "calendar__day" + ], + [ + "day_selected", + "calendar__day_selected" + ], + [ + "day_today", + "calendar__day_today" + ], + [ + "day_outside", + "calendar__day_outside" + ], + [ + "day_disabled", + "calendar__day_disabled" + ], + [ + "day_range_start", + "calendar__day_range_start" + ], + [ + "day_range_middle", + "calendar__day_range_middle" + ], + [ + "day_range_end", + "calendar__day_range_end" + ], + [ + "day_hidden", + "calendar__day_hidden" + ] +] +const calendarSlotFns = /* @__PURE__ */ calendarSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, calendarDefaultVariants, getSlotCompoundVariant(calendarCompoundVariants, slotName))]) + +const calendarFn = memo((props = {}) => { + return Object.fromEntries(calendarSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)])) +}) + +const calendarVariantKeys = [] +const getVariantProps = (variants) => ({ ...calendarDefaultVariants, ...compact(variants) }) + +export const calendar = /* @__PURE__ */ Object.assign(calendarFn, { + __recipe__: false, + __name__: 'calendar', + raw: (props) => props, + variantKeys: calendarVariantKeys, + variantMap: {}, + splitVariantProps(props) { + return splitProps(props, calendarVariantKeys) + }, + getVariantProps +}) \ No newline at end of file diff --git a/apps/web/_panda/recipes/card-content.d.ts b/apps/web/_panda/recipes/card-content.d.ts new file mode 100644 index 00000000..f0c608ac --- /dev/null +++ b/apps/web/_panda/recipes/card-content.d.ts @@ -0,0 +1,32 @@ +/* eslint-disable */ +import type { ConditionalValue } from '../types/index'; +import type { DistributiveOmit, Pretty } from '../types/system-types'; + +interface CardContentVariant { + +} + +type CardContentVariantMap = { + [key in keyof CardContentVariant]: Array +} + +export type CardContentVariantProps = { + [key in keyof CardContentVariant]?: ConditionalValue | undefined +} + +export interface CardContentRecipe { + __type: CardContentVariantProps + (props?: CardContentVariantProps): string + raw: (props?: CardContentVariantProps) => CardContentVariantProps + variantMap: CardContentVariantMap + variantKeys: Array + splitVariantProps(props: Props): [CardContentVariantProps, Pretty>] + getVariantProps: (props?: CardContentVariantProps) => CardContentVariantProps +} + +/** + * Styles for the CardContent component + + + */ +export declare const cardContent: CardContentRecipe \ No newline at end of file diff --git a/apps/web/_panda/recipes/card-content.mjs b/apps/web/_panda/recipes/card-content.mjs new file mode 100644 index 00000000..e6820a95 --- /dev/null +++ b/apps/web/_panda/recipes/card-content.mjs @@ -0,0 +1,24 @@ +import { memo, splitProps } from '../helpers.mjs'; +import { createRecipe, mergeRecipes } from './create-recipe.mjs'; + +const cardContentFn = /* @__PURE__ */ createRecipe('cardContent', {}, []) + +const cardContentVariantMap = {} + +const cardContentVariantKeys = Object.keys(cardContentVariantMap) + +export const cardContent = /* @__PURE__ */ Object.assign(memo(cardContentFn.recipeFn), { + __recipe__: true, + __name__: 'cardContent', + __getCompoundVariantCss__: cardContentFn.__getCompoundVariantCss__, + raw: (props) => props, + variantKeys: cardContentVariantKeys, + variantMap: cardContentVariantMap, + merge(recipe) { + return mergeRecipes(this, recipe) + }, + splitVariantProps(props) { + return splitProps(props, cardContentVariantKeys) + }, + getVariantProps: cardContentFn.getVariantProps, +}) \ No newline at end of file diff --git a/apps/web/_panda/recipes/card-description.d.ts b/apps/web/_panda/recipes/card-description.d.ts new file mode 100644 index 00000000..29df7678 --- /dev/null +++ b/apps/web/_panda/recipes/card-description.d.ts @@ -0,0 +1,32 @@ +/* eslint-disable */ +import type { ConditionalValue } from '../types/index'; +import type { DistributiveOmit, Pretty } from '../types/system-types'; + +interface CardDescriptionVariant { + +} + +type CardDescriptionVariantMap = { + [key in keyof CardDescriptionVariant]: Array +} + +export type CardDescriptionVariantProps = { + [key in keyof CardDescriptionVariant]?: ConditionalValue | undefined +} + +export interface CardDescriptionRecipe { + __type: CardDescriptionVariantProps + (props?: CardDescriptionVariantProps): string + raw: (props?: CardDescriptionVariantProps) => CardDescriptionVariantProps + variantMap: CardDescriptionVariantMap + variantKeys: Array + splitVariantProps(props: Props): [CardDescriptionVariantProps, Pretty>] + getVariantProps: (props?: CardDescriptionVariantProps) => CardDescriptionVariantProps +} + +/** + * Styles for the CardDescription component + + + */ +export declare const cardDescription: CardDescriptionRecipe \ No newline at end of file diff --git a/apps/web/_panda/recipes/card-description.mjs b/apps/web/_panda/recipes/card-description.mjs new file mode 100644 index 00000000..d42a9651 --- /dev/null +++ b/apps/web/_panda/recipes/card-description.mjs @@ -0,0 +1,24 @@ +import { memo, splitProps } from '../helpers.mjs'; +import { createRecipe, mergeRecipes } from './create-recipe.mjs'; + +const cardDescriptionFn = /* @__PURE__ */ createRecipe('cardDescription', {}, []) + +const cardDescriptionVariantMap = {} + +const cardDescriptionVariantKeys = Object.keys(cardDescriptionVariantMap) + +export const cardDescription = /* @__PURE__ */ Object.assign(memo(cardDescriptionFn.recipeFn), { + __recipe__: true, + __name__: 'cardDescription', + __getCompoundVariantCss__: cardDescriptionFn.__getCompoundVariantCss__, + raw: (props) => props, + variantKeys: cardDescriptionVariantKeys, + variantMap: cardDescriptionVariantMap, + merge(recipe) { + return mergeRecipes(this, recipe) + }, + splitVariantProps(props) { + return splitProps(props, cardDescriptionVariantKeys) + }, + getVariantProps: cardDescriptionFn.getVariantProps, +}) \ No newline at end of file diff --git a/apps/web/_panda/recipes/card-footer.d.ts b/apps/web/_panda/recipes/card-footer.d.ts new file mode 100644 index 00000000..bc5a73d6 --- /dev/null +++ b/apps/web/_panda/recipes/card-footer.d.ts @@ -0,0 +1,32 @@ +/* eslint-disable */ +import type { ConditionalValue } from '../types/index'; +import type { DistributiveOmit, Pretty } from '../types/system-types'; + +interface CardFooterVariant { + +} + +type CardFooterVariantMap = { + [key in keyof CardFooterVariant]: Array +} + +export type CardFooterVariantProps = { + [key in keyof CardFooterVariant]?: ConditionalValue | undefined +} + +export interface CardFooterRecipe { + __type: CardFooterVariantProps + (props?: CardFooterVariantProps): string + raw: (props?: CardFooterVariantProps) => CardFooterVariantProps + variantMap: CardFooterVariantMap + variantKeys: Array + splitVariantProps(props: Props): [CardFooterVariantProps, Pretty>] + getVariantProps: (props?: CardFooterVariantProps) => CardFooterVariantProps +} + +/** + * Styles for the CardFooter component + + + */ +export declare const cardFooter: CardFooterRecipe \ No newline at end of file diff --git a/apps/web/_panda/recipes/card-footer.mjs b/apps/web/_panda/recipes/card-footer.mjs new file mode 100644 index 00000000..27c2351d --- /dev/null +++ b/apps/web/_panda/recipes/card-footer.mjs @@ -0,0 +1,24 @@ +import { memo, splitProps } from '../helpers.mjs'; +import { createRecipe, mergeRecipes } from './create-recipe.mjs'; + +const cardFooterFn = /* @__PURE__ */ createRecipe('cardFooter', {}, []) + +const cardFooterVariantMap = {} + +const cardFooterVariantKeys = Object.keys(cardFooterVariantMap) + +export const cardFooter = /* @__PURE__ */ Object.assign(memo(cardFooterFn.recipeFn), { + __recipe__: true, + __name__: 'cardFooter', + __getCompoundVariantCss__: cardFooterFn.__getCompoundVariantCss__, + raw: (props) => props, + variantKeys: cardFooterVariantKeys, + variantMap: cardFooterVariantMap, + merge(recipe) { + return mergeRecipes(this, recipe) + }, + splitVariantProps(props) { + return splitProps(props, cardFooterVariantKeys) + }, + getVariantProps: cardFooterFn.getVariantProps, +}) \ No newline at end of file diff --git a/apps/web/_panda/recipes/card-header.d.ts b/apps/web/_panda/recipes/card-header.d.ts new file mode 100644 index 00000000..2738b596 --- /dev/null +++ b/apps/web/_panda/recipes/card-header.d.ts @@ -0,0 +1,32 @@ +/* eslint-disable */ +import type { ConditionalValue } from '../types/index'; +import type { DistributiveOmit, Pretty } from '../types/system-types'; + +interface CardHeaderVariant { + +} + +type CardHeaderVariantMap = { + [key in keyof CardHeaderVariant]: Array +} + +export type CardHeaderVariantProps = { + [key in keyof CardHeaderVariant]?: ConditionalValue | undefined +} + +export interface CardHeaderRecipe { + __type: CardHeaderVariantProps + (props?: CardHeaderVariantProps): string + raw: (props?: CardHeaderVariantProps) => CardHeaderVariantProps + variantMap: CardHeaderVariantMap + variantKeys: Array + splitVariantProps(props: Props): [CardHeaderVariantProps, Pretty>] + getVariantProps: (props?: CardHeaderVariantProps) => CardHeaderVariantProps +} + +/** + * Styles for the CardHeader component + + + */ +export declare const cardHeader: CardHeaderRecipe \ No newline at end of file diff --git a/apps/web/_panda/recipes/card-header.mjs b/apps/web/_panda/recipes/card-header.mjs new file mode 100644 index 00000000..0db08b96 --- /dev/null +++ b/apps/web/_panda/recipes/card-header.mjs @@ -0,0 +1,24 @@ +import { memo, splitProps } from '../helpers.mjs'; +import { createRecipe, mergeRecipes } from './create-recipe.mjs'; + +const cardHeaderFn = /* @__PURE__ */ createRecipe('cardHeader', {}, []) + +const cardHeaderVariantMap = {} + +const cardHeaderVariantKeys = Object.keys(cardHeaderVariantMap) + +export const cardHeader = /* @__PURE__ */ Object.assign(memo(cardHeaderFn.recipeFn), { + __recipe__: true, + __name__: 'cardHeader', + __getCompoundVariantCss__: cardHeaderFn.__getCompoundVariantCss__, + raw: (props) => props, + variantKeys: cardHeaderVariantKeys, + variantMap: cardHeaderVariantMap, + merge(recipe) { + return mergeRecipes(this, recipe) + }, + splitVariantProps(props) { + return splitProps(props, cardHeaderVariantKeys) + }, + getVariantProps: cardHeaderFn.getVariantProps, +}) \ No newline at end of file diff --git a/apps/web/_panda/recipes/card-title.d.ts b/apps/web/_panda/recipes/card-title.d.ts new file mode 100644 index 00000000..29471d0e --- /dev/null +++ b/apps/web/_panda/recipes/card-title.d.ts @@ -0,0 +1,32 @@ +/* eslint-disable */ +import type { ConditionalValue } from '../types/index'; +import type { DistributiveOmit, Pretty } from '../types/system-types'; + +interface CardTitleVariant { + +} + +type CardTitleVariantMap = { + [key in keyof CardTitleVariant]: Array +} + +export type CardTitleVariantProps = { + [key in keyof CardTitleVariant]?: ConditionalValue | undefined +} + +export interface CardTitleRecipe { + __type: CardTitleVariantProps + (props?: CardTitleVariantProps): string + raw: (props?: CardTitleVariantProps) => CardTitleVariantProps + variantMap: CardTitleVariantMap + variantKeys: Array + splitVariantProps(props: Props): [CardTitleVariantProps, Pretty>] + getVariantProps: (props?: CardTitleVariantProps) => CardTitleVariantProps +} + +/** + * Styles for the CardTitle component + + + */ +export declare const cardTitle: CardTitleRecipe \ No newline at end of file diff --git a/apps/web/_panda/recipes/card-title.mjs b/apps/web/_panda/recipes/card-title.mjs new file mode 100644 index 00000000..9941d8ff --- /dev/null +++ b/apps/web/_panda/recipes/card-title.mjs @@ -0,0 +1,24 @@ +import { memo, splitProps } from '../helpers.mjs'; +import { createRecipe, mergeRecipes } from './create-recipe.mjs'; + +const cardTitleFn = /* @__PURE__ */ createRecipe('cardTitle', {}, []) + +const cardTitleVariantMap = {} + +const cardTitleVariantKeys = Object.keys(cardTitleVariantMap) + +export const cardTitle = /* @__PURE__ */ Object.assign(memo(cardTitleFn.recipeFn), { + __recipe__: true, + __name__: 'cardTitle', + __getCompoundVariantCss__: cardTitleFn.__getCompoundVariantCss__, + raw: (props) => props, + variantKeys: cardTitleVariantKeys, + variantMap: cardTitleVariantMap, + merge(recipe) { + return mergeRecipes(this, recipe) + }, + splitVariantProps(props) { + return splitProps(props, cardTitleVariantKeys) + }, + getVariantProps: cardTitleFn.getVariantProps, +}) \ No newline at end of file diff --git a/apps/web/_panda/recipes/card.d.ts b/apps/web/_panda/recipes/card.d.ts new file mode 100644 index 00000000..a4b759ed --- /dev/null +++ b/apps/web/_panda/recipes/card.d.ts @@ -0,0 +1,32 @@ +/* eslint-disable */ +import type { ConditionalValue } from '../types/index'; +import type { DistributiveOmit, Pretty } from '../types/system-types'; + +interface CardVariant { + +} + +type CardVariantMap = { + [key in keyof CardVariant]: Array +} + +export type CardVariantProps = { + [key in keyof CardVariant]?: ConditionalValue | undefined +} + +export interface CardRecipe { + __type: CardVariantProps + (props?: CardVariantProps): string + raw: (props?: CardVariantProps) => CardVariantProps + variantMap: CardVariantMap + variantKeys: Array + splitVariantProps(props: Props): [CardVariantProps, Pretty>] + getVariantProps: (props?: CardVariantProps) => CardVariantProps +} + +/** + * Styles for the Card component + + + */ +export declare const card: CardRecipe \ No newline at end of file diff --git a/apps/web/_panda/recipes/card.mjs b/apps/web/_panda/recipes/card.mjs new file mode 100644 index 00000000..815ae185 --- /dev/null +++ b/apps/web/_panda/recipes/card.mjs @@ -0,0 +1,24 @@ +import { memo, splitProps } from '../helpers.mjs'; +import { createRecipe, mergeRecipes } from './create-recipe.mjs'; + +const cardFn = /* @__PURE__ */ createRecipe('card', {}, []) + +const cardVariantMap = {} + +const cardVariantKeys = Object.keys(cardVariantMap) + +export const card = /* @__PURE__ */ Object.assign(memo(cardFn.recipeFn), { + __recipe__: true, + __name__: 'card', + __getCompoundVariantCss__: cardFn.__getCompoundVariantCss__, + raw: (props) => props, + variantKeys: cardVariantKeys, + variantMap: cardVariantMap, + merge(recipe) { + return mergeRecipes(this, recipe) + }, + splitVariantProps(props) { + return splitProps(props, cardVariantKeys) + }, + getVariantProps: cardFn.getVariantProps, +}) \ No newline at end of file diff --git a/apps/web/_panda/recipes/checkbox.d.ts b/apps/web/_panda/recipes/checkbox.d.ts new file mode 100644 index 00000000..3153f02b --- /dev/null +++ b/apps/web/_panda/recipes/checkbox.d.ts @@ -0,0 +1,32 @@ +/* eslint-disable */ +import type { ConditionalValue } from '../types/index'; +import type { DistributiveOmit, Pretty } from '../types/system-types'; + +interface CheckboxVariant { + +} + +type CheckboxVariantMap = { + [key in keyof CheckboxVariant]: Array +} + +export type CheckboxVariantProps = { + [key in keyof CheckboxVariant]?: ConditionalValue | undefined +} + +export interface CheckboxRecipe { + __type: CheckboxVariantProps + (props?: CheckboxVariantProps): Pretty> + raw: (props?: CheckboxVariantProps) => CheckboxVariantProps + variantMap: CheckboxVariantMap + variantKeys: Array + splitVariantProps(props: Props): [CheckboxVariantProps, Pretty>] + getVariantProps: (props?: CheckboxVariantProps) => CheckboxVariantProps +} + +/** + * Styles for the Checkbox component + + + */ +export declare const checkbox: CheckboxRecipe \ No newline at end of file diff --git a/apps/web/_panda/recipes/checkbox.mjs b/apps/web/_panda/recipes/checkbox.mjs new file mode 100644 index 00000000..10f88724 --- /dev/null +++ b/apps/web/_panda/recipes/checkbox.mjs @@ -0,0 +1,36 @@ +import { compact, getSlotCompoundVariant, memo, splitProps } from '../helpers.mjs'; +import { createRecipe } from './create-recipe.mjs'; + +const checkboxDefaultVariants = {} +const checkboxCompoundVariants = [] + +const checkboxSlotNames = [ + [ + "root", + "checkbox__root" + ], + [ + "indicator", + "checkbox__indicator" + ] +] +const checkboxSlotFns = /* @__PURE__ */ checkboxSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, checkboxDefaultVariants, getSlotCompoundVariant(checkboxCompoundVariants, slotName))]) + +const checkboxFn = memo((props = {}) => { + return Object.fromEntries(checkboxSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)])) +}) + +const checkboxVariantKeys = [] +const getVariantProps = (variants) => ({ ...checkboxDefaultVariants, ...compact(variants) }) + +export const checkbox = /* @__PURE__ */ Object.assign(checkboxFn, { + __recipe__: false, + __name__: 'checkbox', + raw: (props) => props, + variantKeys: checkboxVariantKeys, + variantMap: {}, + splitVariantProps(props) { + return splitProps(props, checkboxVariantKeys) + }, + getVariantProps +}) \ No newline at end of file diff --git a/apps/web/_panda/recipes/collapsible.d.ts b/apps/web/_panda/recipes/collapsible.d.ts new file mode 100644 index 00000000..6df9877d --- /dev/null +++ b/apps/web/_panda/recipes/collapsible.d.ts @@ -0,0 +1,32 @@ +/* eslint-disable */ +import type { ConditionalValue } from '../types/index'; +import type { DistributiveOmit, Pretty } from '../types/system-types'; + +interface CollapsibleVariant { + +} + +type CollapsibleVariantMap = { + [key in keyof CollapsibleVariant]: Array +} + +export type CollapsibleVariantProps = { + [key in keyof CollapsibleVariant]?: ConditionalValue | undefined +} + +export interface CollapsibleRecipe { + __type: CollapsibleVariantProps + (props?: CollapsibleVariantProps): Pretty> + raw: (props?: CollapsibleVariantProps) => CollapsibleVariantProps + variantMap: CollapsibleVariantMap + variantKeys: Array + splitVariantProps(props: Props): [CollapsibleVariantProps, Pretty>] + getVariantProps: (props?: CollapsibleVariantProps) => CollapsibleVariantProps +} + +/** + * Styles for the Collapsible component + + + */ +export declare const collapsible: CollapsibleRecipe \ No newline at end of file diff --git a/apps/web/_panda/recipes/collapsible.mjs b/apps/web/_panda/recipes/collapsible.mjs new file mode 100644 index 00000000..e03266e2 --- /dev/null +++ b/apps/web/_panda/recipes/collapsible.mjs @@ -0,0 +1,40 @@ +import { compact, getSlotCompoundVariant, memo, splitProps } from '../helpers.mjs'; +import { createRecipe } from './create-recipe.mjs'; + +const collapsibleDefaultVariants = {} +const collapsibleCompoundVariants = [] + +const collapsibleSlotNames = [ + [ + "root", + "collapsible__root" + ], + [ + "trigger", + "collapsible__trigger" + ], + [ + "content", + "collapsible__content" + ] +] +const collapsibleSlotFns = /* @__PURE__ */ collapsibleSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, collapsibleDefaultVariants, getSlotCompoundVariant(collapsibleCompoundVariants, slotName))]) + +const collapsibleFn = memo((props = {}) => { + return Object.fromEntries(collapsibleSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)])) +}) + +const collapsibleVariantKeys = [] +const getVariantProps = (variants) => ({ ...collapsibleDefaultVariants, ...compact(variants) }) + +export const collapsible = /* @__PURE__ */ Object.assign(collapsibleFn, { + __recipe__: false, + __name__: 'collapsible', + raw: (props) => props, + variantKeys: collapsibleVariantKeys, + variantMap: {}, + splitVariantProps(props) { + return splitProps(props, collapsibleVariantKeys) + }, + getVariantProps +}) \ No newline at end of file diff --git a/apps/web/_panda/recipes/command-dialog.d.ts b/apps/web/_panda/recipes/command-dialog.d.ts new file mode 100644 index 00000000..7c260045 --- /dev/null +++ b/apps/web/_panda/recipes/command-dialog.d.ts @@ -0,0 +1,32 @@ +/* eslint-disable */ +import type { ConditionalValue } from '../types/index'; +import type { DistributiveOmit, Pretty } from '../types/system-types'; + +interface CommandDialogVariant { + +} + +type CommandDialogVariantMap = { + [key in keyof CommandDialogVariant]: Array +} + +export type CommandDialogVariantProps = { + [key in keyof CommandDialogVariant]?: ConditionalValue | undefined +} + +export interface CommandDialogRecipe { + __type: CommandDialogVariantProps + (props?: CommandDialogVariantProps): Pretty> + raw: (props?: CommandDialogVariantProps) => CommandDialogVariantProps + variantMap: CommandDialogVariantMap + variantKeys: Array + splitVariantProps(props: Props): [CommandDialogVariantProps, Pretty>] + getVariantProps: (props?: CommandDialogVariantProps) => CommandDialogVariantProps +} + +/** + * Styles for the CommandDialog component + + + */ +export declare const commandDialog: CommandDialogRecipe \ No newline at end of file diff --git a/apps/web/_panda/recipes/command-dialog.mjs b/apps/web/_panda/recipes/command-dialog.mjs new file mode 100644 index 00000000..d42e9768 --- /dev/null +++ b/apps/web/_panda/recipes/command-dialog.mjs @@ -0,0 +1,36 @@ +import { compact, getSlotCompoundVariant, memo, splitProps } from '../helpers.mjs'; +import { createRecipe } from './create-recipe.mjs'; + +const commandDialogDefaultVariants = {} +const commandDialogCompoundVariants = [] + +const commandDialogSlotNames = [ + [ + "content", + "command-dialog__content" + ], + [ + "command", + "command-dialog__command" + ] +] +const commandDialogSlotFns = /* @__PURE__ */ commandDialogSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, commandDialogDefaultVariants, getSlotCompoundVariant(commandDialogCompoundVariants, slotName))]) + +const commandDialogFn = memo((props = {}) => { + return Object.fromEntries(commandDialogSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)])) +}) + +const commandDialogVariantKeys = [] +const getVariantProps = (variants) => ({ ...commandDialogDefaultVariants, ...compact(variants) }) + +export const commandDialog = /* @__PURE__ */ Object.assign(commandDialogFn, { + __recipe__: false, + __name__: 'commandDialog', + raw: (props) => props, + variantKeys: commandDialogVariantKeys, + variantMap: {}, + splitVariantProps(props) { + return splitProps(props, commandDialogVariantKeys) + }, + getVariantProps +}) \ No newline at end of file diff --git a/apps/web/_panda/recipes/command.d.ts b/apps/web/_panda/recipes/command.d.ts new file mode 100644 index 00000000..66bb6850 --- /dev/null +++ b/apps/web/_panda/recipes/command.d.ts @@ -0,0 +1,32 @@ +/* eslint-disable */ +import type { ConditionalValue } from '../types/index'; +import type { DistributiveOmit, Pretty } from '../types/system-types'; + +interface CommandVariant { + +} + +type CommandVariantMap = { + [key in keyof CommandVariant]: Array +} + +export type CommandVariantProps = { + [key in keyof CommandVariant]?: ConditionalValue | undefined +} + +export interface CommandRecipe { + __type: CommandVariantProps + (props?: CommandVariantProps): Pretty> + raw: (props?: CommandVariantProps) => CommandVariantProps + variantMap: CommandVariantMap + variantKeys: Array + splitVariantProps(props: Props): [CommandVariantProps, Pretty>] + getVariantProps: (props?: CommandVariantProps) => CommandVariantProps +} + +/** + * Styles for the Command component + + + */ +export declare const command: CommandRecipe \ No newline at end of file diff --git a/apps/web/_panda/recipes/command.mjs b/apps/web/_panda/recipes/command.mjs new file mode 100644 index 00000000..ebc9214c --- /dev/null +++ b/apps/web/_panda/recipes/command.mjs @@ -0,0 +1,68 @@ +import { compact, getSlotCompoundVariant, memo, splitProps } from '../helpers.mjs'; +import { createRecipe } from './create-recipe.mjs'; + +const commandDefaultVariants = {} +const commandCompoundVariants = [] + +const commandSlotNames = [ + [ + "root", + "command__root" + ], + [ + "inputWrapper", + "command__inputWrapper" + ], + [ + "inputSearch", + "command__inputSearch" + ], + [ + "input", + "command__input" + ], + [ + "list", + "command__list" + ], + [ + "empty", + "command__empty" + ], + [ + "group", + "command__group" + ], + [ + "separator", + "command__separator" + ], + [ + "item", + "command__item" + ], + [ + "shortcut", + "command__shortcut" + ] +] +const commandSlotFns = /* @__PURE__ */ commandSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, commandDefaultVariants, getSlotCompoundVariant(commandCompoundVariants, slotName))]) + +const commandFn = memo((props = {}) => { + return Object.fromEntries(commandSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)])) +}) + +const commandVariantKeys = [] +const getVariantProps = (variants) => ({ ...commandDefaultVariants, ...compact(variants) }) + +export const command = /* @__PURE__ */ Object.assign(commandFn, { + __recipe__: false, + __name__: 'command', + raw: (props) => props, + variantKeys: commandVariantKeys, + variantMap: {}, + splitVariantProps(props) { + return splitProps(props, commandVariantKeys) + }, + getVariantProps +}) \ No newline at end of file diff --git a/apps/web/_panda/recipes/context-menu.d.ts b/apps/web/_panda/recipes/context-menu.d.ts new file mode 100644 index 00000000..ff24d23c --- /dev/null +++ b/apps/web/_panda/recipes/context-menu.d.ts @@ -0,0 +1,35 @@ +/* eslint-disable */ +import type { ConditionalValue } from '../types/index'; +import type { DistributiveOmit, Pretty } from '../types/system-types'; + +interface ContextMenuVariant { + /** + * @default false + */ +inset: boolean +} + +type ContextMenuVariantMap = { + [key in keyof ContextMenuVariant]: Array +} + +export type ContextMenuVariantProps = { + [key in keyof ContextMenuVariant]?: ConditionalValue | undefined +} + +export interface ContextMenuRecipe { + __type: ContextMenuVariantProps + (props?: ContextMenuVariantProps): Pretty> + raw: (props?: ContextMenuVariantProps) => ContextMenuVariantProps + variantMap: ContextMenuVariantMap + variantKeys: Array + splitVariantProps(props: Props): [ContextMenuVariantProps, Pretty>] + getVariantProps: (props?: ContextMenuVariantProps) => ContextMenuVariantProps +} + +/** + * Styles for the ContextMenu component + + + */ +export declare const contextMenu: ContextMenuRecipe \ No newline at end of file diff --git a/apps/web/_panda/recipes/context-menu.mjs b/apps/web/_panda/recipes/context-menu.mjs new file mode 100644 index 00000000..b77b6e8c --- /dev/null +++ b/apps/web/_panda/recipes/context-menu.mjs @@ -0,0 +1,100 @@ +import { compact, getSlotCompoundVariant, memo, splitProps } from '../helpers.mjs'; +import { createRecipe } from './create-recipe.mjs'; + +const contextMenuDefaultVariants = { + "inset": false +} +const contextMenuCompoundVariants = [] + +const contextMenuSlotNames = [ + [ + "root", + "contextMenu__root" + ], + [ + "trigger", + "contextMenu__trigger" + ], + [ + "group", + "contextMenu__group" + ], + [ + "portal", + "contextMenu__portal" + ], + [ + "sub", + "contextMenu__sub" + ], + [ + "radioGroup", + "contextMenu__radioGroup" + ], + [ + "subTrigger", + "contextMenu__subTrigger" + ], + [ + "subContent", + "contextMenu__subContent" + ], + [ + "content", + "contextMenu__content" + ], + [ + "item", + "contextMenu__item" + ], + [ + "checkboxItem", + "contextMenu__checkboxItem" + ], + [ + "radioItem", + "contextMenu__radioItem" + ], + [ + "label", + "contextMenu__label" + ], + [ + "separator", + "contextMenu__separator" + ], + [ + "shortcut", + "contextMenu__shortcut" + ], + [ + "itemIndicator", + "contextMenu__itemIndicator" + ] +] +const contextMenuSlotFns = /* @__PURE__ */ contextMenuSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, contextMenuDefaultVariants, getSlotCompoundVariant(contextMenuCompoundVariants, slotName))]) + +const contextMenuFn = memo((props = {}) => { + return Object.fromEntries(contextMenuSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)])) +}) + +const contextMenuVariantKeys = [ + "inset" +] +const getVariantProps = (variants) => ({ ...contextMenuDefaultVariants, ...compact(variants) }) + +export const contextMenu = /* @__PURE__ */ Object.assign(contextMenuFn, { + __recipe__: false, + __name__: 'contextMenu', + raw: (props) => props, + variantKeys: contextMenuVariantKeys, + variantMap: { + "inset": [ + "true" + ] +}, + splitVariantProps(props) { + return splitProps(props, contextMenuVariantKeys) + }, + getVariantProps +}) \ No newline at end of file diff --git a/apps/web/_panda/recipes/create-recipe.mjs b/apps/web/_panda/recipes/create-recipe.mjs new file mode 100644 index 00000000..fec854c4 --- /dev/null +++ b/apps/web/_panda/recipes/create-recipe.mjs @@ -0,0 +1,82 @@ +import { finalizeConditions, sortConditions } from '../css/conditions.mjs'; +import { css } from '../css/css.mjs'; +import { assertCompoundVariant, getCompoundVariantCss } from '../css/cva.mjs'; +import { cx } from '../css/cx.mjs'; +import { compact, createCss, splitProps, uniq, withoutSpace } from '../helpers.mjs'; + +export const createRecipe = (name, defaultVariants, compoundVariants) => { + const getVariantProps = (variants) => { + return { + [name]: '__ignore__', + ...defaultVariants, + ...compact(variants), + }; + }; + + const recipeFn = (variants, withCompoundVariants = true) => { + const transform = (prop, value) => { + assertCompoundVariant(name, compoundVariants, variants, prop) + + if (value === '__ignore__') { + return { className: name } + } + + value = withoutSpace(value) + return { className: `${name}--${prop}_${value}` } + } + + const recipeCss = createCss({ + + conditions: { + shift: sortConditions, + finalize: finalizeConditions, + breakpoints: { keys: ["base","sm","md","lg","xl","2xl"] } + }, + utility: { + + toHash: (path, hashFn) => hashFn(path.join(":")), + transform, + } + }) + + const recipeStyles = getVariantProps(variants) + + if (withCompoundVariants) { + const compoundVariantStyles = getCompoundVariantCss(compoundVariants, recipeStyles) + return cx(recipeCss(recipeStyles), css(compoundVariantStyles)) + } + + return recipeCss(recipeStyles) + } + + return { + recipeFn, + getVariantProps, + __getCompoundVariantCss__: (variants) => { + return getCompoundVariantCss(compoundVariants, getVariantProps(variants)); + }, + } +} + +export const mergeRecipes = (recipeA, recipeB) => { + if (recipeA && !recipeB) return recipeA + if (!recipeA && recipeB) return recipeB + + const recipeFn = (...args) => cx(recipeA(...args), recipeB(...args)) + const variantKeys = uniq(recipeA.variantKeys, recipeB.variantKeys) + const variantMap = variantKeys.reduce((acc, key) => { + acc[key] = uniq(recipeA.variantMap[key], recipeB.variantMap[key]) + return acc + }, {}) + + return Object.assign(recipeFn, { + __recipe__: true, + __name__: `${recipeA.__name__} ${recipeB.__name__}`, + raw: (props) => props, + variantKeys, + variantMap, + splitVariantProps(props) { + return splitProps(props, variantKeys) + }, + }) + } diff --git a/apps/web/_panda/recipes/dialog.d.ts b/apps/web/_panda/recipes/dialog.d.ts new file mode 100644 index 00000000..5d81e32d --- /dev/null +++ b/apps/web/_panda/recipes/dialog.d.ts @@ -0,0 +1,32 @@ +/* eslint-disable */ +import type { ConditionalValue } from '../types/index'; +import type { DistributiveOmit, Pretty } from '../types/system-types'; + +interface DialogVariant { + +} + +type DialogVariantMap = { + [key in keyof DialogVariant]: Array +} + +export type DialogVariantProps = { + [key in keyof DialogVariant]?: ConditionalValue | undefined +} + +export interface DialogRecipe { + __type: DialogVariantProps + (props?: DialogVariantProps): Pretty> + raw: (props?: DialogVariantProps) => DialogVariantProps + variantMap: DialogVariantMap + variantKeys: Array + splitVariantProps(props: Props): [DialogVariantProps, Pretty>] + getVariantProps: (props?: DialogVariantProps) => DialogVariantProps +} + +/** + * Styles for the Dialog component + + + */ +export declare const dialog: DialogRecipe \ No newline at end of file diff --git a/apps/web/_panda/recipes/dialog.mjs b/apps/web/_panda/recipes/dialog.mjs new file mode 100644 index 00000000..ffa47710 --- /dev/null +++ b/apps/web/_panda/recipes/dialog.mjs @@ -0,0 +1,68 @@ +import { compact, getSlotCompoundVariant, memo, splitProps } from '../helpers.mjs'; +import { createRecipe } from './create-recipe.mjs'; + +const dialogDefaultVariants = {} +const dialogCompoundVariants = [] + +const dialogSlotNames = [ + [ + "root", + "dialog__root" + ], + [ + "trigger", + "dialog__trigger" + ], + [ + "portal", + "dialog__portal" + ], + [ + "overlay", + "dialog__overlay" + ], + [ + "close", + "dialog__close" + ], + [ + "content", + "dialog__content" + ], + [ + "header", + "dialog__header" + ], + [ + "footer", + "dialog__footer" + ], + [ + "title", + "dialog__title" + ], + [ + "description", + "dialog__description" + ] +] +const dialogSlotFns = /* @__PURE__ */ dialogSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, dialogDefaultVariants, getSlotCompoundVariant(dialogCompoundVariants, slotName))]) + +const dialogFn = memo((props = {}) => { + return Object.fromEntries(dialogSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)])) +}) + +const dialogVariantKeys = [] +const getVariantProps = (variants) => ({ ...dialogDefaultVariants, ...compact(variants) }) + +export const dialog = /* @__PURE__ */ Object.assign(dialogFn, { + __recipe__: false, + __name__: 'dialog', + raw: (props) => props, + variantKeys: dialogVariantKeys, + variantMap: {}, + splitVariantProps(props) { + return splitProps(props, dialogVariantKeys) + }, + getVariantProps +}) \ No newline at end of file diff --git a/apps/web/_panda/recipes/dropdown-menu.d.ts b/apps/web/_panda/recipes/dropdown-menu.d.ts new file mode 100644 index 00000000..0810f076 --- /dev/null +++ b/apps/web/_panda/recipes/dropdown-menu.d.ts @@ -0,0 +1,32 @@ +/* eslint-disable */ +import type { ConditionalValue } from '../types/index'; +import type { DistributiveOmit, Pretty } from '../types/system-types'; + +interface DropdownMenuVariant { + +} + +type DropdownMenuVariantMap = { + [key in keyof DropdownMenuVariant]: Array +} + +export type DropdownMenuVariantProps = { + [key in keyof DropdownMenuVariant]?: ConditionalValue | undefined +} + +export interface DropdownMenuRecipe { + __type: DropdownMenuVariantProps + (props?: DropdownMenuVariantProps): Pretty> + raw: (props?: DropdownMenuVariantProps) => DropdownMenuVariantProps + variantMap: DropdownMenuVariantMap + variantKeys: Array + splitVariantProps(props: Props): [DropdownMenuVariantProps, Pretty>] + getVariantProps: (props?: DropdownMenuVariantProps) => DropdownMenuVariantProps +} + +/** + * Styles for the DropdownMenu component + + + */ +export declare const dropdownMenu: DropdownMenuRecipe \ No newline at end of file diff --git a/apps/web/_panda/recipes/dropdown-menu.mjs b/apps/web/_panda/recipes/dropdown-menu.mjs new file mode 100644 index 00000000..16c7c9cc --- /dev/null +++ b/apps/web/_panda/recipes/dropdown-menu.mjs @@ -0,0 +1,92 @@ +import { compact, getSlotCompoundVariant, memo, splitProps } from '../helpers.mjs'; +import { createRecipe } from './create-recipe.mjs'; + +const dropdownMenuDefaultVariants = {} +const dropdownMenuCompoundVariants = [] + +const dropdownMenuSlotNames = [ + [ + "root", + "dropdownMenu__root" + ], + [ + "trigger", + "dropdownMenu__trigger" + ], + [ + "group", + "dropdownMenu__group" + ], + [ + "portal", + "dropdownMenu__portal" + ], + [ + "sub", + "dropdownMenu__sub" + ], + [ + "radioGroup", + "dropdownMenu__radioGroup" + ], + [ + "subTrigger", + "dropdownMenu__subTrigger" + ], + [ + "subContent", + "dropdownMenu__subContent" + ], + [ + "content", + "dropdownMenu__content" + ], + [ + "item", + "dropdownMenu__item" + ], + [ + "itemIndicator", + "dropdownMenu__itemIndicator" + ], + [ + "checkboxItem", + "dropdownMenu__checkboxItem" + ], + [ + "radioItem", + "dropdownMenu__radioItem" + ], + [ + "label", + "dropdownMenu__label" + ], + [ + "separator", + "dropdownMenu__separator" + ], + [ + "shortcut", + "dropdownMenu__shortcut" + ] +] +const dropdownMenuSlotFns = /* @__PURE__ */ dropdownMenuSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, dropdownMenuDefaultVariants, getSlotCompoundVariant(dropdownMenuCompoundVariants, slotName))]) + +const dropdownMenuFn = memo((props = {}) => { + return Object.fromEntries(dropdownMenuSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)])) +}) + +const dropdownMenuVariantKeys = [] +const getVariantProps = (variants) => ({ ...dropdownMenuDefaultVariants, ...compact(variants) }) + +export const dropdownMenu = /* @__PURE__ */ Object.assign(dropdownMenuFn, { + __recipe__: false, + __name__: 'dropdownMenu', + raw: (props) => props, + variantKeys: dropdownMenuVariantKeys, + variantMap: {}, + splitVariantProps(props) { + return splitProps(props, dropdownMenuVariantKeys) + }, + getVariantProps +}) \ No newline at end of file diff --git a/apps/web/_panda/recipes/form-control.d.ts b/apps/web/_panda/recipes/form-control.d.ts new file mode 100644 index 00000000..66f50822 --- /dev/null +++ b/apps/web/_panda/recipes/form-control.d.ts @@ -0,0 +1,32 @@ +/* eslint-disable */ +import type { ConditionalValue } from '../types/index'; +import type { DistributiveOmit, Pretty } from '../types/system-types'; + +interface FormControlVariant { + +} + +type FormControlVariantMap = { + [key in keyof FormControlVariant]: Array +} + +export type FormControlVariantProps = { + [key in keyof FormControlVariant]?: ConditionalValue | undefined +} + +export interface FormControlRecipe { + __type: FormControlVariantProps + (props?: FormControlVariantProps): string + raw: (props?: FormControlVariantProps) => FormControlVariantProps + variantMap: FormControlVariantMap + variantKeys: Array + splitVariantProps(props: Props): [FormControlVariantProps, Pretty>] + getVariantProps: (props?: FormControlVariantProps) => FormControlVariantProps +} + +/** + * Styles for the FormControl component + + + */ +export declare const formControl: FormControlRecipe \ No newline at end of file diff --git a/apps/web/_panda/recipes/form-control.mjs b/apps/web/_panda/recipes/form-control.mjs new file mode 100644 index 00000000..9a1be73a --- /dev/null +++ b/apps/web/_panda/recipes/form-control.mjs @@ -0,0 +1,24 @@ +import { memo, splitProps } from '../helpers.mjs'; +import { createRecipe, mergeRecipes } from './create-recipe.mjs'; + +const formControlFn = /* @__PURE__ */ createRecipe('formControl', {}, []) + +const formControlVariantMap = {} + +const formControlVariantKeys = Object.keys(formControlVariantMap) + +export const formControl = /* @__PURE__ */ Object.assign(memo(formControlFn.recipeFn), { + __recipe__: true, + __name__: 'formControl', + __getCompoundVariantCss__: formControlFn.__getCompoundVariantCss__, + raw: (props) => props, + variantKeys: formControlVariantKeys, + variantMap: formControlVariantMap, + merge(recipe) { + return mergeRecipes(this, recipe) + }, + splitVariantProps(props) { + return splitProps(props, formControlVariantKeys) + }, + getVariantProps: formControlFn.getVariantProps, +}) \ No newline at end of file diff --git a/apps/web/_panda/recipes/form-description.d.ts b/apps/web/_panda/recipes/form-description.d.ts new file mode 100644 index 00000000..5cf016ba --- /dev/null +++ b/apps/web/_panda/recipes/form-description.d.ts @@ -0,0 +1,32 @@ +/* eslint-disable */ +import type { ConditionalValue } from '../types/index'; +import type { DistributiveOmit, Pretty } from '../types/system-types'; + +interface FormDescriptionVariant { + +} + +type FormDescriptionVariantMap = { + [key in keyof FormDescriptionVariant]: Array +} + +export type FormDescriptionVariantProps = { + [key in keyof FormDescriptionVariant]?: ConditionalValue | undefined +} + +export interface FormDescriptionRecipe { + __type: FormDescriptionVariantProps + (props?: FormDescriptionVariantProps): string + raw: (props?: FormDescriptionVariantProps) => FormDescriptionVariantProps + variantMap: FormDescriptionVariantMap + variantKeys: Array + splitVariantProps(props: Props): [FormDescriptionVariantProps, Pretty>] + getVariantProps: (props?: FormDescriptionVariantProps) => FormDescriptionVariantProps +} + +/** + * Styles for the FormDescription component + + + */ +export declare const formDescription: FormDescriptionRecipe \ No newline at end of file diff --git a/apps/web/_panda/recipes/form-description.mjs b/apps/web/_panda/recipes/form-description.mjs new file mode 100644 index 00000000..ce2378bf --- /dev/null +++ b/apps/web/_panda/recipes/form-description.mjs @@ -0,0 +1,24 @@ +import { memo, splitProps } from '../helpers.mjs'; +import { createRecipe, mergeRecipes } from './create-recipe.mjs'; + +const formDescriptionFn = /* @__PURE__ */ createRecipe('formDescription', {}, []) + +const formDescriptionVariantMap = {} + +const formDescriptionVariantKeys = Object.keys(formDescriptionVariantMap) + +export const formDescription = /* @__PURE__ */ Object.assign(memo(formDescriptionFn.recipeFn), { + __recipe__: true, + __name__: 'formDescription', + __getCompoundVariantCss__: formDescriptionFn.__getCompoundVariantCss__, + raw: (props) => props, + variantKeys: formDescriptionVariantKeys, + variantMap: formDescriptionVariantMap, + merge(recipe) { + return mergeRecipes(this, recipe) + }, + splitVariantProps(props) { + return splitProps(props, formDescriptionVariantKeys) + }, + getVariantProps: formDescriptionFn.getVariantProps, +}) \ No newline at end of file diff --git a/apps/web/_panda/recipes/form-item.d.ts b/apps/web/_panda/recipes/form-item.d.ts new file mode 100644 index 00000000..c7960d18 --- /dev/null +++ b/apps/web/_panda/recipes/form-item.d.ts @@ -0,0 +1,32 @@ +/* eslint-disable */ +import type { ConditionalValue } from '../types/index'; +import type { DistributiveOmit, Pretty } from '../types/system-types'; + +interface FormItemVariant { + +} + +type FormItemVariantMap = { + [key in keyof FormItemVariant]: Array +} + +export type FormItemVariantProps = { + [key in keyof FormItemVariant]?: ConditionalValue | undefined +} + +export interface FormItemRecipe { + __type: FormItemVariantProps + (props?: FormItemVariantProps): string + raw: (props?: FormItemVariantProps) => FormItemVariantProps + variantMap: FormItemVariantMap + variantKeys: Array + splitVariantProps(props: Props): [FormItemVariantProps, Pretty>] + getVariantProps: (props?: FormItemVariantProps) => FormItemVariantProps +} + +/** + * Styles for the FormItem component + + + */ +export declare const formItem: FormItemRecipe \ No newline at end of file diff --git a/apps/web/_panda/recipes/form-item.mjs b/apps/web/_panda/recipes/form-item.mjs new file mode 100644 index 00000000..3907ebe4 --- /dev/null +++ b/apps/web/_panda/recipes/form-item.mjs @@ -0,0 +1,24 @@ +import { memo, splitProps } from '../helpers.mjs'; +import { createRecipe, mergeRecipes } from './create-recipe.mjs'; + +const formItemFn = /* @__PURE__ */ createRecipe('formItem', {}, []) + +const formItemVariantMap = {} + +const formItemVariantKeys = Object.keys(formItemVariantMap) + +export const formItem = /* @__PURE__ */ Object.assign(memo(formItemFn.recipeFn), { + __recipe__: true, + __name__: 'formItem', + __getCompoundVariantCss__: formItemFn.__getCompoundVariantCss__, + raw: (props) => props, + variantKeys: formItemVariantKeys, + variantMap: formItemVariantMap, + merge(recipe) { + return mergeRecipes(this, recipe) + }, + splitVariantProps(props) { + return splitProps(props, formItemVariantKeys) + }, + getVariantProps: formItemFn.getVariantProps, +}) \ No newline at end of file diff --git a/apps/web/_panda/recipes/form-label.d.ts b/apps/web/_panda/recipes/form-label.d.ts new file mode 100644 index 00000000..f26f847c --- /dev/null +++ b/apps/web/_panda/recipes/form-label.d.ts @@ -0,0 +1,32 @@ +/* eslint-disable */ +import type { ConditionalValue } from '../types/index'; +import type { DistributiveOmit, Pretty } from '../types/system-types'; + +interface FormLabelVariant { + +} + +type FormLabelVariantMap = { + [key in keyof FormLabelVariant]: Array +} + +export type FormLabelVariantProps = { + [key in keyof FormLabelVariant]?: ConditionalValue | undefined +} + +export interface FormLabelRecipe { + __type: FormLabelVariantProps + (props?: FormLabelVariantProps): string + raw: (props?: FormLabelVariantProps) => FormLabelVariantProps + variantMap: FormLabelVariantMap + variantKeys: Array + splitVariantProps(props: Props): [FormLabelVariantProps, Pretty>] + getVariantProps: (props?: FormLabelVariantProps) => FormLabelVariantProps +} + +/** + * Styles for the FormLabel component + + + */ +export declare const formLabel: FormLabelRecipe \ No newline at end of file diff --git a/apps/web/_panda/recipes/form-label.mjs b/apps/web/_panda/recipes/form-label.mjs new file mode 100644 index 00000000..f5fa98f7 --- /dev/null +++ b/apps/web/_panda/recipes/form-label.mjs @@ -0,0 +1,24 @@ +import { memo, splitProps } from '../helpers.mjs'; +import { createRecipe, mergeRecipes } from './create-recipe.mjs'; + +const formLabelFn = /* @__PURE__ */ createRecipe('formLabel', {}, []) + +const formLabelVariantMap = {} + +const formLabelVariantKeys = Object.keys(formLabelVariantMap) + +export const formLabel = /* @__PURE__ */ Object.assign(memo(formLabelFn.recipeFn), { + __recipe__: true, + __name__: 'formLabel', + __getCompoundVariantCss__: formLabelFn.__getCompoundVariantCss__, + raw: (props) => props, + variantKeys: formLabelVariantKeys, + variantMap: formLabelVariantMap, + merge(recipe) { + return mergeRecipes(this, recipe) + }, + splitVariantProps(props) { + return splitProps(props, formLabelVariantKeys) + }, + getVariantProps: formLabelFn.getVariantProps, +}) \ No newline at end of file diff --git a/apps/web/_panda/recipes/form-message.d.ts b/apps/web/_panda/recipes/form-message.d.ts new file mode 100644 index 00000000..6a769ece --- /dev/null +++ b/apps/web/_panda/recipes/form-message.d.ts @@ -0,0 +1,32 @@ +/* eslint-disable */ +import type { ConditionalValue } from '../types/index'; +import type { DistributiveOmit, Pretty } from '../types/system-types'; + +interface FormMessageVariant { + +} + +type FormMessageVariantMap = { + [key in keyof FormMessageVariant]: Array +} + +export type FormMessageVariantProps = { + [key in keyof FormMessageVariant]?: ConditionalValue | undefined +} + +export interface FormMessageRecipe { + __type: FormMessageVariantProps + (props?: FormMessageVariantProps): string + raw: (props?: FormMessageVariantProps) => FormMessageVariantProps + variantMap: FormMessageVariantMap + variantKeys: Array + splitVariantProps(props: Props): [FormMessageVariantProps, Pretty>] + getVariantProps: (props?: FormMessageVariantProps) => FormMessageVariantProps +} + +/** + * Styles for the FormMessage component + + + */ +export declare const formMessage: FormMessageRecipe \ No newline at end of file diff --git a/apps/web/_panda/recipes/form-message.mjs b/apps/web/_panda/recipes/form-message.mjs new file mode 100644 index 00000000..69127f26 --- /dev/null +++ b/apps/web/_panda/recipes/form-message.mjs @@ -0,0 +1,24 @@ +import { memo, splitProps } from '../helpers.mjs'; +import { createRecipe, mergeRecipes } from './create-recipe.mjs'; + +const formMessageFn = /* @__PURE__ */ createRecipe('formMessage', {}, []) + +const formMessageVariantMap = {} + +const formMessageVariantKeys = Object.keys(formMessageVariantMap) + +export const formMessage = /* @__PURE__ */ Object.assign(memo(formMessageFn.recipeFn), { + __recipe__: true, + __name__: 'formMessage', + __getCompoundVariantCss__: formMessageFn.__getCompoundVariantCss__, + raw: (props) => props, + variantKeys: formMessageVariantKeys, + variantMap: formMessageVariantMap, + merge(recipe) { + return mergeRecipes(this, recipe) + }, + splitVariantProps(props) { + return splitProps(props, formMessageVariantKeys) + }, + getVariantProps: formMessageFn.getVariantProps, +}) \ No newline at end of file diff --git a/apps/web/_panda/recipes/h1.d.ts b/apps/web/_panda/recipes/h1.d.ts new file mode 100644 index 00000000..1da0b8db --- /dev/null +++ b/apps/web/_panda/recipes/h1.d.ts @@ -0,0 +1,32 @@ +/* eslint-disable */ +import type { ConditionalValue } from '../types/index'; +import type { DistributiveOmit, Pretty } from '../types/system-types'; + +interface H1Variant { + +} + +type H1VariantMap = { + [key in keyof H1Variant]: Array +} + +export type H1VariantProps = { + [key in keyof H1Variant]?: ConditionalValue | undefined +} + +export interface H1Recipe { + __type: H1VariantProps + (props?: H1VariantProps): string + raw: (props?: H1VariantProps) => H1VariantProps + variantMap: H1VariantMap + variantKeys: Array + splitVariantProps(props: Props): [H1VariantProps, Pretty>] + getVariantProps: (props?: H1VariantProps) => H1VariantProps +} + +/** + * Typography - h1 style + + + */ +export declare const h1: H1Recipe \ No newline at end of file diff --git a/apps/web/_panda/recipes/h1.mjs b/apps/web/_panda/recipes/h1.mjs new file mode 100644 index 00000000..14b4e5f8 --- /dev/null +++ b/apps/web/_panda/recipes/h1.mjs @@ -0,0 +1,24 @@ +import { memo, splitProps } from '../helpers.mjs'; +import { createRecipe, mergeRecipes } from './create-recipe.mjs'; + +const h1Fn = /* @__PURE__ */ createRecipe('h1', {}, []) + +const h1VariantMap = {} + +const h1VariantKeys = Object.keys(h1VariantMap) + +export const h1 = /* @__PURE__ */ Object.assign(memo(h1Fn.recipeFn), { + __recipe__: true, + __name__: 'h1', + __getCompoundVariantCss__: h1Fn.__getCompoundVariantCss__, + raw: (props) => props, + variantKeys: h1VariantKeys, + variantMap: h1VariantMap, + merge(recipe) { + return mergeRecipes(this, recipe) + }, + splitVariantProps(props) { + return splitProps(props, h1VariantKeys) + }, + getVariantProps: h1Fn.getVariantProps, +}) \ No newline at end of file diff --git a/apps/web/_panda/recipes/h2.d.ts b/apps/web/_panda/recipes/h2.d.ts new file mode 100644 index 00000000..d992f53b --- /dev/null +++ b/apps/web/_panda/recipes/h2.d.ts @@ -0,0 +1,32 @@ +/* eslint-disable */ +import type { ConditionalValue } from '../types/index'; +import type { DistributiveOmit, Pretty } from '../types/system-types'; + +interface H2Variant { + +} + +type H2VariantMap = { + [key in keyof H2Variant]: Array +} + +export type H2VariantProps = { + [key in keyof H2Variant]?: ConditionalValue | undefined +} + +export interface H2Recipe { + __type: H2VariantProps + (props?: H2VariantProps): string + raw: (props?: H2VariantProps) => H2VariantProps + variantMap: H2VariantMap + variantKeys: Array + splitVariantProps(props: Props): [H2VariantProps, Pretty>] + getVariantProps: (props?: H2VariantProps) => H2VariantProps +} + +/** + * Typography - h2 style + + + */ +export declare const h2: H2Recipe \ No newline at end of file diff --git a/apps/web/_panda/recipes/h2.mjs b/apps/web/_panda/recipes/h2.mjs new file mode 100644 index 00000000..bdbf825d --- /dev/null +++ b/apps/web/_panda/recipes/h2.mjs @@ -0,0 +1,24 @@ +import { memo, splitProps } from '../helpers.mjs'; +import { createRecipe, mergeRecipes } from './create-recipe.mjs'; + +const h2Fn = /* @__PURE__ */ createRecipe('h2', {}, []) + +const h2VariantMap = {} + +const h2VariantKeys = Object.keys(h2VariantMap) + +export const h2 = /* @__PURE__ */ Object.assign(memo(h2Fn.recipeFn), { + __recipe__: true, + __name__: 'h2', + __getCompoundVariantCss__: h2Fn.__getCompoundVariantCss__, + raw: (props) => props, + variantKeys: h2VariantKeys, + variantMap: h2VariantMap, + merge(recipe) { + return mergeRecipes(this, recipe) + }, + splitVariantProps(props) { + return splitProps(props, h2VariantKeys) + }, + getVariantProps: h2Fn.getVariantProps, +}) \ No newline at end of file diff --git a/apps/web/_panda/recipes/h3.d.ts b/apps/web/_panda/recipes/h3.d.ts new file mode 100644 index 00000000..c6be83ad --- /dev/null +++ b/apps/web/_panda/recipes/h3.d.ts @@ -0,0 +1,32 @@ +/* eslint-disable */ +import type { ConditionalValue } from '../types/index'; +import type { DistributiveOmit, Pretty } from '../types/system-types'; + +interface H3Variant { + +} + +type H3VariantMap = { + [key in keyof H3Variant]: Array +} + +export type H3VariantProps = { + [key in keyof H3Variant]?: ConditionalValue | undefined +} + +export interface H3Recipe { + __type: H3VariantProps + (props?: H3VariantProps): string + raw: (props?: H3VariantProps) => H3VariantProps + variantMap: H3VariantMap + variantKeys: Array + splitVariantProps(props: Props): [H3VariantProps, Pretty>] + getVariantProps: (props?: H3VariantProps) => H3VariantProps +} + +/** + * Typography - h3 style + + + */ +export declare const h3: H3Recipe \ No newline at end of file diff --git a/apps/web/_panda/recipes/h3.mjs b/apps/web/_panda/recipes/h3.mjs new file mode 100644 index 00000000..e3d90e54 --- /dev/null +++ b/apps/web/_panda/recipes/h3.mjs @@ -0,0 +1,24 @@ +import { memo, splitProps } from '../helpers.mjs'; +import { createRecipe, mergeRecipes } from './create-recipe.mjs'; + +const h3Fn = /* @__PURE__ */ createRecipe('h3', {}, []) + +const h3VariantMap = {} + +const h3VariantKeys = Object.keys(h3VariantMap) + +export const h3 = /* @__PURE__ */ Object.assign(memo(h3Fn.recipeFn), { + __recipe__: true, + __name__: 'h3', + __getCompoundVariantCss__: h3Fn.__getCompoundVariantCss__, + raw: (props) => props, + variantKeys: h3VariantKeys, + variantMap: h3VariantMap, + merge(recipe) { + return mergeRecipes(this, recipe) + }, + splitVariantProps(props) { + return splitProps(props, h3VariantKeys) + }, + getVariantProps: h3Fn.getVariantProps, +}) \ No newline at end of file diff --git a/apps/web/_panda/recipes/h4.d.ts b/apps/web/_panda/recipes/h4.d.ts new file mode 100644 index 00000000..a5f3c095 --- /dev/null +++ b/apps/web/_panda/recipes/h4.d.ts @@ -0,0 +1,32 @@ +/* eslint-disable */ +import type { ConditionalValue } from '../types/index'; +import type { DistributiveOmit, Pretty } from '../types/system-types'; + +interface H4Variant { + +} + +type H4VariantMap = { + [key in keyof H4Variant]: Array +} + +export type H4VariantProps = { + [key in keyof H4Variant]?: ConditionalValue | undefined +} + +export interface H4Recipe { + __type: H4VariantProps + (props?: H4VariantProps): string + raw: (props?: H4VariantProps) => H4VariantProps + variantMap: H4VariantMap + variantKeys: Array + splitVariantProps(props: Props): [H4VariantProps, Pretty>] + getVariantProps: (props?: H4VariantProps) => H4VariantProps +} + +/** + * Typography - h4 style + + + */ +export declare const h4: H4Recipe \ No newline at end of file diff --git a/apps/web/_panda/recipes/h4.mjs b/apps/web/_panda/recipes/h4.mjs new file mode 100644 index 00000000..e693f246 --- /dev/null +++ b/apps/web/_panda/recipes/h4.mjs @@ -0,0 +1,24 @@ +import { memo, splitProps } from '../helpers.mjs'; +import { createRecipe, mergeRecipes } from './create-recipe.mjs'; + +const h4Fn = /* @__PURE__ */ createRecipe('h4', {}, []) + +const h4VariantMap = {} + +const h4VariantKeys = Object.keys(h4VariantMap) + +export const h4 = /* @__PURE__ */ Object.assign(memo(h4Fn.recipeFn), { + __recipe__: true, + __name__: 'h4', + __getCompoundVariantCss__: h4Fn.__getCompoundVariantCss__, + raw: (props) => props, + variantKeys: h4VariantKeys, + variantMap: h4VariantMap, + merge(recipe) { + return mergeRecipes(this, recipe) + }, + splitVariantProps(props) { + return splitProps(props, h4VariantKeys) + }, + getVariantProps: h4Fn.getVariantProps, +}) \ No newline at end of file diff --git a/apps/web/_panda/recipes/hover-card.d.ts b/apps/web/_panda/recipes/hover-card.d.ts new file mode 100644 index 00000000..8a338fec --- /dev/null +++ b/apps/web/_panda/recipes/hover-card.d.ts @@ -0,0 +1,32 @@ +/* eslint-disable */ +import type { ConditionalValue } from '../types/index'; +import type { DistributiveOmit, Pretty } from '../types/system-types'; + +interface HoverCardVariant { + +} + +type HoverCardVariantMap = { + [key in keyof HoverCardVariant]: Array +} + +export type HoverCardVariantProps = { + [key in keyof HoverCardVariant]?: ConditionalValue | undefined +} + +export interface HoverCardRecipe { + __type: HoverCardVariantProps + (props?: HoverCardVariantProps): Pretty> + raw: (props?: HoverCardVariantProps) => HoverCardVariantProps + variantMap: HoverCardVariantMap + variantKeys: Array + splitVariantProps(props: Props): [HoverCardVariantProps, Pretty>] + getVariantProps: (props?: HoverCardVariantProps) => HoverCardVariantProps +} + +/** + * Styles for the HoverCard component + + + */ +export declare const hoverCard: HoverCardRecipe \ No newline at end of file diff --git a/apps/web/_panda/recipes/hover-card.mjs b/apps/web/_panda/recipes/hover-card.mjs new file mode 100644 index 00000000..ebc3b8cf --- /dev/null +++ b/apps/web/_panda/recipes/hover-card.mjs @@ -0,0 +1,40 @@ +import { compact, getSlotCompoundVariant, memo, splitProps } from '../helpers.mjs'; +import { createRecipe } from './create-recipe.mjs'; + +const hoverCardDefaultVariants = {} +const hoverCardCompoundVariants = [] + +const hoverCardSlotNames = [ + [ + "root", + "hoverCard__root" + ], + [ + "trigger", + "hoverCard__trigger" + ], + [ + "content", + "hoverCard__content" + ] +] +const hoverCardSlotFns = /* @__PURE__ */ hoverCardSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, hoverCardDefaultVariants, getSlotCompoundVariant(hoverCardCompoundVariants, slotName))]) + +const hoverCardFn = memo((props = {}) => { + return Object.fromEntries(hoverCardSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)])) +}) + +const hoverCardVariantKeys = [] +const getVariantProps = (variants) => ({ ...hoverCardDefaultVariants, ...compact(variants) }) + +export const hoverCard = /* @__PURE__ */ Object.assign(hoverCardFn, { + __recipe__: false, + __name__: 'hoverCard', + raw: (props) => props, + variantKeys: hoverCardVariantKeys, + variantMap: {}, + splitVariantProps(props) { + return splitProps(props, hoverCardVariantKeys) + }, + getVariantProps +}) \ No newline at end of file diff --git a/apps/web/_panda/recipes/icon.d.ts b/apps/web/_panda/recipes/icon.d.ts new file mode 100644 index 00000000..8ef65d0c --- /dev/null +++ b/apps/web/_panda/recipes/icon.d.ts @@ -0,0 +1,51 @@ +/* eslint-disable */ +import type { ConditionalValue } from '../types/index'; +import type { DistributiveOmit, Pretty } from '../types/system-types'; + +interface IconVariant { + /** + * @default "md" + */ +size: "xl" | "lg" | "md" | "sm" | "xs" +/** + * @default "none" + */ +left: "none" | "sm" | "auto" +/** + * @default "none" + */ +right: "none" | "sm" | "auto" +/** + * @default false + */ +fillCurrent: boolean +/** + * @default false + */ +dimmed: boolean +} + +type IconVariantMap = { + [key in keyof IconVariant]: Array +} + +export type IconVariantProps = { + [key in keyof IconVariant]?: ConditionalValue | undefined +} + +export interface IconRecipe { + __type: IconVariantProps + (props?: IconVariantProps): string + raw: (props?: IconVariantProps) => IconVariantProps + variantMap: IconVariantMap + variantKeys: Array + splitVariantProps(props: Props): [IconVariantProps, Pretty>] + getVariantProps: (props?: IconVariantProps) => IconVariantProps +} + +/** + * Styles for the icons + + + */ +export declare const icon: IconRecipe \ No newline at end of file diff --git a/apps/web/_panda/recipes/icon.mjs b/apps/web/_panda/recipes/icon.mjs new file mode 100644 index 00000000..4b5239ca --- /dev/null +++ b/apps/web/_panda/recipes/icon.mjs @@ -0,0 +1,54 @@ +import { memo, splitProps } from '../helpers.mjs'; +import { createRecipe, mergeRecipes } from './create-recipe.mjs'; + +const iconFn = /* @__PURE__ */ createRecipe('icon', { + "size": "md", + "left": "none", + "right": "none", + "fillCurrent": false, + "dimmed": false +}, []) + +const iconVariantMap = { + "size": [ + "xl", + "lg", + "md", + "sm", + "xs" + ], + "left": [ + "none", + "sm", + "auto" + ], + "right": [ + "none", + "sm", + "auto" + ], + "fillCurrent": [ + "true" + ], + "dimmed": [ + "true" + ] +} + +const iconVariantKeys = Object.keys(iconVariantMap) + +export const icon = /* @__PURE__ */ Object.assign(memo(iconFn.recipeFn), { + __recipe__: true, + __name__: 'icon', + __getCompoundVariantCss__: iconFn.__getCompoundVariantCss__, + raw: (props) => props, + variantKeys: iconVariantKeys, + variantMap: iconVariantMap, + merge(recipe) { + return mergeRecipes(this, recipe) + }, + splitVariantProps(props) { + return splitProps(props, iconVariantKeys) + }, + getVariantProps: iconFn.getVariantProps, +}) \ No newline at end of file diff --git a/apps/web/_panda/recipes/index.d.ts b/apps/web/_panda/recipes/index.d.ts new file mode 100644 index 00000000..98e3104e --- /dev/null +++ b/apps/web/_panda/recipes/index.d.ts @@ -0,0 +1,74 @@ +/* eslint-disable */ +export * from './alert'; +export * from './alert-description'; +export * from './alert-title'; +export * from './blockquote'; +export * from './h1'; +export * from './h2'; +export * from './h3'; +export * from './h4'; +export * from './inline-code'; +export * from './large'; +export * from './lead'; +export * from './link'; +export * from './list'; +export * from './muted'; +export * from './p'; +export * from './small'; +export * from './typography-table'; +export * from './typography-table-container'; +export * from './badge'; +export * from './button'; +export * from './card'; +export * from './card-content'; +export * from './card-description'; +export * from './card-footer'; +export * from './card-header'; +export * from './card-title'; +export * from './form-control'; +export * from './form-description'; +export * from './form-item'; +export * from './form-label'; +export * from './form-message'; +export * from './icon'; +export * from './input'; +export * from './label'; +export * from './separator'; +export * from './skeleton'; +export * from './table'; +export * from './table-body'; +export * from './table-caption'; +export * from './table-cell'; +export * from './table-container'; +export * from './table-footer'; +export * from './table-head'; +export * from './table-header'; +export * from './table-row'; +export * from './textarea'; +export * from './toast-viewport'; +export * from './toggle'; +export * from './accordion'; +export * from './alert-dialog'; +export * from './avatar'; +export * from './calendar'; +export * from './checkbox'; +export * from './collapsible'; +export * from './command'; +export * from './command-dialog'; +export * from './context-menu'; +export * from './dialog'; +export * from './dropdown-menu'; +export * from './hover-card'; +export * from './menubar'; +export * from './navigation-menu'; +export * from './popover'; +export * from './progress'; +export * from './radio-group'; +export * from './scroll-area'; +export * from './select'; +export * from './sheet'; +export * from './slider'; +export * from './switch-recipe'; +export * from './tabs'; +export * from './toast'; +export * from './tooltip'; \ No newline at end of file diff --git a/apps/web/_panda/recipes/index.mjs b/apps/web/_panda/recipes/index.mjs new file mode 100644 index 00000000..f2c404ec --- /dev/null +++ b/apps/web/_panda/recipes/index.mjs @@ -0,0 +1,73 @@ +export * from './alert.mjs'; +export * from './alert-description.mjs'; +export * from './alert-title.mjs'; +export * from './blockquote.mjs'; +export * from './h1.mjs'; +export * from './h2.mjs'; +export * from './h3.mjs'; +export * from './h4.mjs'; +export * from './inline-code.mjs'; +export * from './large.mjs'; +export * from './lead.mjs'; +export * from './link.mjs'; +export * from './list.mjs'; +export * from './muted.mjs'; +export * from './p.mjs'; +export * from './small.mjs'; +export * from './typography-table.mjs'; +export * from './typography-table-container.mjs'; +export * from './badge.mjs'; +export * from './button.mjs'; +export * from './card.mjs'; +export * from './card-content.mjs'; +export * from './card-description.mjs'; +export * from './card-footer.mjs'; +export * from './card-header.mjs'; +export * from './card-title.mjs'; +export * from './form-control.mjs'; +export * from './form-description.mjs'; +export * from './form-item.mjs'; +export * from './form-label.mjs'; +export * from './form-message.mjs'; +export * from './icon.mjs'; +export * from './input.mjs'; +export * from './label.mjs'; +export * from './separator.mjs'; +export * from './skeleton.mjs'; +export * from './table.mjs'; +export * from './table-body.mjs'; +export * from './table-caption.mjs'; +export * from './table-cell.mjs'; +export * from './table-container.mjs'; +export * from './table-footer.mjs'; +export * from './table-head.mjs'; +export * from './table-header.mjs'; +export * from './table-row.mjs'; +export * from './textarea.mjs'; +export * from './toast-viewport.mjs'; +export * from './toggle.mjs'; +export * from './accordion.mjs'; +export * from './alert-dialog.mjs'; +export * from './avatar.mjs'; +export * from './calendar.mjs'; +export * from './checkbox.mjs'; +export * from './collapsible.mjs'; +export * from './command.mjs'; +export * from './command-dialog.mjs'; +export * from './context-menu.mjs'; +export * from './dialog.mjs'; +export * from './dropdown-menu.mjs'; +export * from './hover-card.mjs'; +export * from './menubar.mjs'; +export * from './navigation-menu.mjs'; +export * from './popover.mjs'; +export * from './progress.mjs'; +export * from './radio-group.mjs'; +export * from './scroll-area.mjs'; +export * from './select.mjs'; +export * from './sheet.mjs'; +export * from './slider.mjs'; +export * from './switch-recipe.mjs'; +export * from './tabs.mjs'; +export * from './toast.mjs'; +export * from './tooltip.mjs'; \ No newline at end of file diff --git a/apps/web/_panda/recipes/inline-code.d.ts b/apps/web/_panda/recipes/inline-code.d.ts new file mode 100644 index 00000000..6a9052e3 --- /dev/null +++ b/apps/web/_panda/recipes/inline-code.d.ts @@ -0,0 +1,32 @@ +/* eslint-disable */ +import type { ConditionalValue } from '../types/index'; +import type { DistributiveOmit, Pretty } from '../types/system-types'; + +interface InlineCodeVariant { + +} + +type InlineCodeVariantMap = { + [key in keyof InlineCodeVariant]: Array +} + +export type InlineCodeVariantProps = { + [key in keyof InlineCodeVariant]?: ConditionalValue | undefined +} + +export interface InlineCodeRecipe { + __type: InlineCodeVariantProps + (props?: InlineCodeVariantProps): string + raw: (props?: InlineCodeVariantProps) => InlineCodeVariantProps + variantMap: InlineCodeVariantMap + variantKeys: Array + splitVariantProps(props: Props): [InlineCodeVariantProps, Pretty>] + getVariantProps: (props?: InlineCodeVariantProps) => InlineCodeVariantProps +} + +/** + * Typography - InlineCode style + + + */ +export declare const inlineCode: InlineCodeRecipe \ No newline at end of file diff --git a/apps/web/_panda/recipes/inline-code.mjs b/apps/web/_panda/recipes/inline-code.mjs new file mode 100644 index 00000000..20f9fb6e --- /dev/null +++ b/apps/web/_panda/recipes/inline-code.mjs @@ -0,0 +1,24 @@ +import { memo, splitProps } from '../helpers.mjs'; +import { createRecipe, mergeRecipes } from './create-recipe.mjs'; + +const inlineCodeFn = /* @__PURE__ */ createRecipe('inlineCode', {}, []) + +const inlineCodeVariantMap = {} + +const inlineCodeVariantKeys = Object.keys(inlineCodeVariantMap) + +export const inlineCode = /* @__PURE__ */ Object.assign(memo(inlineCodeFn.recipeFn), { + __recipe__: true, + __name__: 'inlineCode', + __getCompoundVariantCss__: inlineCodeFn.__getCompoundVariantCss__, + raw: (props) => props, + variantKeys: inlineCodeVariantKeys, + variantMap: inlineCodeVariantMap, + merge(recipe) { + return mergeRecipes(this, recipe) + }, + splitVariantProps(props) { + return splitProps(props, inlineCodeVariantKeys) + }, + getVariantProps: inlineCodeFn.getVariantProps, +}) \ No newline at end of file diff --git a/apps/web/_panda/recipes/input.d.ts b/apps/web/_panda/recipes/input.d.ts new file mode 100644 index 00000000..c2750daa --- /dev/null +++ b/apps/web/_panda/recipes/input.d.ts @@ -0,0 +1,32 @@ +/* eslint-disable */ +import type { ConditionalValue } from '../types/index'; +import type { DistributiveOmit, Pretty } from '../types/system-types'; + +interface InputVariant { + +} + +type InputVariantMap = { + [key in keyof InputVariant]: Array +} + +export type InputVariantProps = { + [key in keyof InputVariant]?: ConditionalValue | undefined +} + +export interface InputRecipe { + __type: InputVariantProps + (props?: InputVariantProps): string + raw: (props?: InputVariantProps) => InputVariantProps + variantMap: InputVariantMap + variantKeys: Array + splitVariantProps(props: Props): [InputVariantProps, Pretty>] + getVariantProps: (props?: InputVariantProps) => InputVariantProps +} + +/** + * Styles for the Input component + + + */ +export declare const input: InputRecipe \ No newline at end of file diff --git a/apps/web/_panda/recipes/input.mjs b/apps/web/_panda/recipes/input.mjs new file mode 100644 index 00000000..9b51b3eb --- /dev/null +++ b/apps/web/_panda/recipes/input.mjs @@ -0,0 +1,24 @@ +import { memo, splitProps } from '../helpers.mjs'; +import { createRecipe, mergeRecipes } from './create-recipe.mjs'; + +const inputFn = /* @__PURE__ */ createRecipe('input', {}, []) + +const inputVariantMap = {} + +const inputVariantKeys = Object.keys(inputVariantMap) + +export const input = /* @__PURE__ */ Object.assign(memo(inputFn.recipeFn), { + __recipe__: true, + __name__: 'input', + __getCompoundVariantCss__: inputFn.__getCompoundVariantCss__, + raw: (props) => props, + variantKeys: inputVariantKeys, + variantMap: inputVariantMap, + merge(recipe) { + return mergeRecipes(this, recipe) + }, + splitVariantProps(props) { + return splitProps(props, inputVariantKeys) + }, + getVariantProps: inputFn.getVariantProps, +}) \ No newline at end of file diff --git a/apps/web/_panda/recipes/label.d.ts b/apps/web/_panda/recipes/label.d.ts new file mode 100644 index 00000000..19aa3f95 --- /dev/null +++ b/apps/web/_panda/recipes/label.d.ts @@ -0,0 +1,32 @@ +/* eslint-disable */ +import type { ConditionalValue } from '../types/index'; +import type { DistributiveOmit, Pretty } from '../types/system-types'; + +interface LabelVariant { + +} + +type LabelVariantMap = { + [key in keyof LabelVariant]: Array +} + +export type LabelVariantProps = { + [key in keyof LabelVariant]?: ConditionalValue | undefined +} + +export interface LabelRecipe { + __type: LabelVariantProps + (props?: LabelVariantProps): string + raw: (props?: LabelVariantProps) => LabelVariantProps + variantMap: LabelVariantMap + variantKeys: Array + splitVariantProps(props: Props): [LabelVariantProps, Pretty>] + getVariantProps: (props?: LabelVariantProps) => LabelVariantProps +} + +/** + * Styles for the Label component + + + */ +export declare const label: LabelRecipe \ No newline at end of file diff --git a/apps/web/_panda/recipes/label.mjs b/apps/web/_panda/recipes/label.mjs new file mode 100644 index 00000000..b7aa709e --- /dev/null +++ b/apps/web/_panda/recipes/label.mjs @@ -0,0 +1,24 @@ +import { memo, splitProps } from '../helpers.mjs'; +import { createRecipe, mergeRecipes } from './create-recipe.mjs'; + +const labelFn = /* @__PURE__ */ createRecipe('label', {}, []) + +const labelVariantMap = {} + +const labelVariantKeys = Object.keys(labelVariantMap) + +export const label = /* @__PURE__ */ Object.assign(memo(labelFn.recipeFn), { + __recipe__: true, + __name__: 'label', + __getCompoundVariantCss__: labelFn.__getCompoundVariantCss__, + raw: (props) => props, + variantKeys: labelVariantKeys, + variantMap: labelVariantMap, + merge(recipe) { + return mergeRecipes(this, recipe) + }, + splitVariantProps(props) { + return splitProps(props, labelVariantKeys) + }, + getVariantProps: labelFn.getVariantProps, +}) \ No newline at end of file diff --git a/apps/web/_panda/recipes/large.d.ts b/apps/web/_panda/recipes/large.d.ts new file mode 100644 index 00000000..1a595977 --- /dev/null +++ b/apps/web/_panda/recipes/large.d.ts @@ -0,0 +1,32 @@ +/* eslint-disable */ +import type { ConditionalValue } from '../types/index'; +import type { DistributiveOmit, Pretty } from '../types/system-types'; + +interface LargeVariant { + +} + +type LargeVariantMap = { + [key in keyof LargeVariant]: Array +} + +export type LargeVariantProps = { + [key in keyof LargeVariant]?: ConditionalValue | undefined +} + +export interface LargeRecipe { + __type: LargeVariantProps + (props?: LargeVariantProps): string + raw: (props?: LargeVariantProps) => LargeVariantProps + variantMap: LargeVariantMap + variantKeys: Array + splitVariantProps(props: Props): [LargeVariantProps, Pretty>] + getVariantProps: (props?: LargeVariantProps) => LargeVariantProps +} + +/** + * Typography - Large style + + + */ +export declare const large: LargeRecipe \ No newline at end of file diff --git a/apps/web/_panda/recipes/large.mjs b/apps/web/_panda/recipes/large.mjs new file mode 100644 index 00000000..2defdfd1 --- /dev/null +++ b/apps/web/_panda/recipes/large.mjs @@ -0,0 +1,24 @@ +import { memo, splitProps } from '../helpers.mjs'; +import { createRecipe, mergeRecipes } from './create-recipe.mjs'; + +const largeFn = /* @__PURE__ */ createRecipe('large', {}, []) + +const largeVariantMap = {} + +const largeVariantKeys = Object.keys(largeVariantMap) + +export const large = /* @__PURE__ */ Object.assign(memo(largeFn.recipeFn), { + __recipe__: true, + __name__: 'large', + __getCompoundVariantCss__: largeFn.__getCompoundVariantCss__, + raw: (props) => props, + variantKeys: largeVariantKeys, + variantMap: largeVariantMap, + merge(recipe) { + return mergeRecipes(this, recipe) + }, + splitVariantProps(props) { + return splitProps(props, largeVariantKeys) + }, + getVariantProps: largeFn.getVariantProps, +}) \ No newline at end of file diff --git a/apps/web/_panda/recipes/lead.d.ts b/apps/web/_panda/recipes/lead.d.ts new file mode 100644 index 00000000..d9e4a79d --- /dev/null +++ b/apps/web/_panda/recipes/lead.d.ts @@ -0,0 +1,32 @@ +/* eslint-disable */ +import type { ConditionalValue } from '../types/index'; +import type { DistributiveOmit, Pretty } from '../types/system-types'; + +interface LeadVariant { + +} + +type LeadVariantMap = { + [key in keyof LeadVariant]: Array +} + +export type LeadVariantProps = { + [key in keyof LeadVariant]?: ConditionalValue | undefined +} + +export interface LeadRecipe { + __type: LeadVariantProps + (props?: LeadVariantProps): string + raw: (props?: LeadVariantProps) => LeadVariantProps + variantMap: LeadVariantMap + variantKeys: Array + splitVariantProps(props: Props): [LeadVariantProps, Pretty>] + getVariantProps: (props?: LeadVariantProps) => LeadVariantProps +} + +/** + * Typography - Lead style + + + */ +export declare const lead: LeadRecipe \ No newline at end of file diff --git a/apps/web/_panda/recipes/lead.mjs b/apps/web/_panda/recipes/lead.mjs new file mode 100644 index 00000000..62acc4e3 --- /dev/null +++ b/apps/web/_panda/recipes/lead.mjs @@ -0,0 +1,24 @@ +import { memo, splitProps } from '../helpers.mjs'; +import { createRecipe, mergeRecipes } from './create-recipe.mjs'; + +const leadFn = /* @__PURE__ */ createRecipe('lead', {}, []) + +const leadVariantMap = {} + +const leadVariantKeys = Object.keys(leadVariantMap) + +export const lead = /* @__PURE__ */ Object.assign(memo(leadFn.recipeFn), { + __recipe__: true, + __name__: 'lead', + __getCompoundVariantCss__: leadFn.__getCompoundVariantCss__, + raw: (props) => props, + variantKeys: leadVariantKeys, + variantMap: leadVariantMap, + merge(recipe) { + return mergeRecipes(this, recipe) + }, + splitVariantProps(props) { + return splitProps(props, leadVariantKeys) + }, + getVariantProps: leadFn.getVariantProps, +}) \ No newline at end of file diff --git a/apps/web/_panda/recipes/link.d.ts b/apps/web/_panda/recipes/link.d.ts new file mode 100644 index 00000000..aa83c641 --- /dev/null +++ b/apps/web/_panda/recipes/link.d.ts @@ -0,0 +1,32 @@ +/* eslint-disable */ +import type { ConditionalValue } from '../types/index'; +import type { DistributiveOmit, Pretty } from '../types/system-types'; + +interface LinkVariant { + +} + +type LinkVariantMap = { + [key in keyof LinkVariant]: Array +} + +export type LinkVariantProps = { + [key in keyof LinkVariant]?: ConditionalValue | undefined +} + +export interface LinkRecipe { + __type: LinkVariantProps + (props?: LinkVariantProps): string + raw: (props?: LinkVariantProps) => LinkVariantProps + variantMap: LinkVariantMap + variantKeys: Array + splitVariantProps(props: Props): [LinkVariantProps, Pretty>] + getVariantProps: (props?: LinkVariantProps) => LinkVariantProps +} + +/** + * Typography - Link style + + + */ +export declare const link: LinkRecipe \ No newline at end of file diff --git a/apps/web/_panda/recipes/link.mjs b/apps/web/_panda/recipes/link.mjs new file mode 100644 index 00000000..b9faf826 --- /dev/null +++ b/apps/web/_panda/recipes/link.mjs @@ -0,0 +1,24 @@ +import { memo, splitProps } from '../helpers.mjs'; +import { createRecipe, mergeRecipes } from './create-recipe.mjs'; + +const linkFn = /* @__PURE__ */ createRecipe('link', {}, []) + +const linkVariantMap = {} + +const linkVariantKeys = Object.keys(linkVariantMap) + +export const link = /* @__PURE__ */ Object.assign(memo(linkFn.recipeFn), { + __recipe__: true, + __name__: 'link', + __getCompoundVariantCss__: linkFn.__getCompoundVariantCss__, + raw: (props) => props, + variantKeys: linkVariantKeys, + variantMap: linkVariantMap, + merge(recipe) { + return mergeRecipes(this, recipe) + }, + splitVariantProps(props) { + return splitProps(props, linkVariantKeys) + }, + getVariantProps: linkFn.getVariantProps, +}) \ No newline at end of file diff --git a/apps/web/_panda/recipes/list.d.ts b/apps/web/_panda/recipes/list.d.ts new file mode 100644 index 00000000..8bb18372 --- /dev/null +++ b/apps/web/_panda/recipes/list.d.ts @@ -0,0 +1,32 @@ +/* eslint-disable */ +import type { ConditionalValue } from '../types/index'; +import type { DistributiveOmit, Pretty } from '../types/system-types'; + +interface ListVariant { + +} + +type ListVariantMap = { + [key in keyof ListVariant]: Array +} + +export type ListVariantProps = { + [key in keyof ListVariant]?: ConditionalValue | undefined +} + +export interface ListRecipe { + __type: ListVariantProps + (props?: ListVariantProps): string + raw: (props?: ListVariantProps) => ListVariantProps + variantMap: ListVariantMap + variantKeys: Array + splitVariantProps(props: Props): [ListVariantProps, Pretty>] + getVariantProps: (props?: ListVariantProps) => ListVariantProps +} + +/** + * Typography - list style + + + */ +export declare const list: ListRecipe \ No newline at end of file diff --git a/apps/web/_panda/recipes/list.mjs b/apps/web/_panda/recipes/list.mjs new file mode 100644 index 00000000..26a05b96 --- /dev/null +++ b/apps/web/_panda/recipes/list.mjs @@ -0,0 +1,24 @@ +import { memo, splitProps } from '../helpers.mjs'; +import { createRecipe, mergeRecipes } from './create-recipe.mjs'; + +const listFn = /* @__PURE__ */ createRecipe('list', {}, []) + +const listVariantMap = {} + +const listVariantKeys = Object.keys(listVariantMap) + +export const list = /* @__PURE__ */ Object.assign(memo(listFn.recipeFn), { + __recipe__: true, + __name__: 'list', + __getCompoundVariantCss__: listFn.__getCompoundVariantCss__, + raw: (props) => props, + variantKeys: listVariantKeys, + variantMap: listVariantMap, + merge(recipe) { + return mergeRecipes(this, recipe) + }, + splitVariantProps(props) { + return splitProps(props, listVariantKeys) + }, + getVariantProps: listFn.getVariantProps, +}) \ No newline at end of file diff --git a/apps/web/_panda/recipes/menubar.d.ts b/apps/web/_panda/recipes/menubar.d.ts new file mode 100644 index 00000000..2ba9652b --- /dev/null +++ b/apps/web/_panda/recipes/menubar.d.ts @@ -0,0 +1,32 @@ +/* eslint-disable */ +import type { ConditionalValue } from '../types/index'; +import type { DistributiveOmit, Pretty } from '../types/system-types'; + +interface MenubarVariant { + +} + +type MenubarVariantMap = { + [key in keyof MenubarVariant]: Array +} + +export type MenubarVariantProps = { + [key in keyof MenubarVariant]?: ConditionalValue | undefined +} + +export interface MenubarRecipe { + __type: MenubarVariantProps + (props?: MenubarVariantProps): Pretty> + raw: (props?: MenubarVariantProps) => MenubarVariantProps + variantMap: MenubarVariantMap + variantKeys: Array + splitVariantProps(props: Props): [MenubarVariantProps, Pretty>] + getVariantProps: (props?: MenubarVariantProps) => MenubarVariantProps +} + +/** + * Styles for the Menubar component + + + */ +export declare const menubar: MenubarRecipe \ No newline at end of file diff --git a/apps/web/_panda/recipes/menubar.mjs b/apps/web/_panda/recipes/menubar.mjs new file mode 100644 index 00000000..6a5d156d --- /dev/null +++ b/apps/web/_panda/recipes/menubar.mjs @@ -0,0 +1,96 @@ +import { compact, getSlotCompoundVariant, memo, splitProps } from '../helpers.mjs'; +import { createRecipe } from './create-recipe.mjs'; + +const menubarDefaultVariants = {} +const menubarCompoundVariants = [] + +const menubarSlotNames = [ + [ + "root", + "menubar__root" + ], + [ + "menu", + "menubar__menu" + ], + [ + "group", + "menubar__group" + ], + [ + "portal", + "menubar__portal" + ], + [ + "sub", + "menubar__sub" + ], + [ + "radioGroup", + "menubar__radioGroup" + ], + [ + "trigger", + "menubar__trigger" + ], + [ + "subTrigger", + "menubar__subTrigger" + ], + [ + "subContent", + "menubar__subContent" + ], + [ + "content", + "menubar__content" + ], + [ + "item", + "menubar__item" + ], + [ + "checkboxItem", + "menubar__checkboxItem" + ], + [ + "radioItem", + "menubar__radioItem" + ], + [ + "itemIndicator", + "menubar__itemIndicator" + ], + [ + "label", + "menubar__label" + ], + [ + "separator", + "menubar__separator" + ], + [ + "shortcut", + "menubar__shortcut" + ] +] +const menubarSlotFns = /* @__PURE__ */ menubarSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, menubarDefaultVariants, getSlotCompoundVariant(menubarCompoundVariants, slotName))]) + +const menubarFn = memo((props = {}) => { + return Object.fromEntries(menubarSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)])) +}) + +const menubarVariantKeys = [] +const getVariantProps = (variants) => ({ ...menubarDefaultVariants, ...compact(variants) }) + +export const menubar = /* @__PURE__ */ Object.assign(menubarFn, { + __recipe__: false, + __name__: 'menubar', + raw: (props) => props, + variantKeys: menubarVariantKeys, + variantMap: {}, + splitVariantProps(props) { + return splitProps(props, menubarVariantKeys) + }, + getVariantProps +}) \ No newline at end of file diff --git a/apps/web/_panda/recipes/muted.d.ts b/apps/web/_panda/recipes/muted.d.ts new file mode 100644 index 00000000..6df31b37 --- /dev/null +++ b/apps/web/_panda/recipes/muted.d.ts @@ -0,0 +1,32 @@ +/* eslint-disable */ +import type { ConditionalValue } from '../types/index'; +import type { DistributiveOmit, Pretty } from '../types/system-types'; + +interface MutedVariant { + +} + +type MutedVariantMap = { + [key in keyof MutedVariant]: Array +} + +export type MutedVariantProps = { + [key in keyof MutedVariant]?: ConditionalValue | undefined +} + +export interface MutedRecipe { + __type: MutedVariantProps + (props?: MutedVariantProps): string + raw: (props?: MutedVariantProps) => MutedVariantProps + variantMap: MutedVariantMap + variantKeys: Array + splitVariantProps(props: Props): [MutedVariantProps, Pretty>] + getVariantProps: (props?: MutedVariantProps) => MutedVariantProps +} + +/** + * Typography - Muted style + + + */ +export declare const muted: MutedRecipe \ No newline at end of file diff --git a/apps/web/_panda/recipes/muted.mjs b/apps/web/_panda/recipes/muted.mjs new file mode 100644 index 00000000..7f1ff525 --- /dev/null +++ b/apps/web/_panda/recipes/muted.mjs @@ -0,0 +1,24 @@ +import { memo, splitProps } from '../helpers.mjs'; +import { createRecipe, mergeRecipes } from './create-recipe.mjs'; + +const mutedFn = /* @__PURE__ */ createRecipe('muted', {}, []) + +const mutedVariantMap = {} + +const mutedVariantKeys = Object.keys(mutedVariantMap) + +export const muted = /* @__PURE__ */ Object.assign(memo(mutedFn.recipeFn), { + __recipe__: true, + __name__: 'muted', + __getCompoundVariantCss__: mutedFn.__getCompoundVariantCss__, + raw: (props) => props, + variantKeys: mutedVariantKeys, + variantMap: mutedVariantMap, + merge(recipe) { + return mergeRecipes(this, recipe) + }, + splitVariantProps(props) { + return splitProps(props, mutedVariantKeys) + }, + getVariantProps: mutedFn.getVariantProps, +}) \ No newline at end of file diff --git a/apps/web/_panda/recipes/navigation-menu.d.ts b/apps/web/_panda/recipes/navigation-menu.d.ts new file mode 100644 index 00000000..ec46cb06 --- /dev/null +++ b/apps/web/_panda/recipes/navigation-menu.d.ts @@ -0,0 +1,32 @@ +/* eslint-disable */ +import type { ConditionalValue } from '../types/index'; +import type { DistributiveOmit, Pretty } from '../types/system-types'; + +interface NavigationMenuVariant { + +} + +type NavigationMenuVariantMap = { + [key in keyof NavigationMenuVariant]: Array +} + +export type NavigationMenuVariantProps = { + [key in keyof NavigationMenuVariant]?: ConditionalValue | undefined +} + +export interface NavigationMenuRecipe { + __type: NavigationMenuVariantProps + (props?: NavigationMenuVariantProps): Pretty> + raw: (props?: NavigationMenuVariantProps) => NavigationMenuVariantProps + variantMap: NavigationMenuVariantMap + variantKeys: Array + splitVariantProps(props: Props): [NavigationMenuVariantProps, Pretty>] + getVariantProps: (props?: NavigationMenuVariantProps) => NavigationMenuVariantProps +} + +/** + * Styles for the NavigationMenu component + + + */ +export declare const navigationMenu: NavigationMenuRecipe \ No newline at end of file diff --git a/apps/web/_panda/recipes/navigation-menu.mjs b/apps/web/_panda/recipes/navigation-menu.mjs new file mode 100644 index 00000000..55cfb0f9 --- /dev/null +++ b/apps/web/_panda/recipes/navigation-menu.mjs @@ -0,0 +1,64 @@ +import { compact, getSlotCompoundVariant, memo, splitProps } from '../helpers.mjs'; +import { createRecipe } from './create-recipe.mjs'; + +const navigationMenuDefaultVariants = {} +const navigationMenuCompoundVariants = [] + +const navigationMenuSlotNames = [ + [ + "root", + "navigationMenu__root" + ], + [ + "list", + "navigationMenu__list" + ], + [ + "item", + "navigationMenu__item" + ], + [ + "trigger", + "navigationMenu__trigger" + ], + [ + "content", + "navigationMenu__content" + ], + [ + "link", + "navigationMenu__link" + ], + [ + "viewportWrapper", + "navigationMenu__viewportWrapper" + ], + [ + "viewport", + "navigationMenu__viewport" + ], + [ + "indicator", + "navigationMenu__indicator" + ] +] +const navigationMenuSlotFns = /* @__PURE__ */ navigationMenuSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, navigationMenuDefaultVariants, getSlotCompoundVariant(navigationMenuCompoundVariants, slotName))]) + +const navigationMenuFn = memo((props = {}) => { + return Object.fromEntries(navigationMenuSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)])) +}) + +const navigationMenuVariantKeys = [] +const getVariantProps = (variants) => ({ ...navigationMenuDefaultVariants, ...compact(variants) }) + +export const navigationMenu = /* @__PURE__ */ Object.assign(navigationMenuFn, { + __recipe__: false, + __name__: 'navigationMenu', + raw: (props) => props, + variantKeys: navigationMenuVariantKeys, + variantMap: {}, + splitVariantProps(props) { + return splitProps(props, navigationMenuVariantKeys) + }, + getVariantProps +}) \ No newline at end of file diff --git a/apps/web/_panda/recipes/p.d.ts b/apps/web/_panda/recipes/p.d.ts new file mode 100644 index 00000000..c153edc4 --- /dev/null +++ b/apps/web/_panda/recipes/p.d.ts @@ -0,0 +1,32 @@ +/* eslint-disable */ +import type { ConditionalValue } from '../types/index'; +import type { DistributiveOmit, Pretty } from '../types/system-types'; + +interface PVariant { + +} + +type PVariantMap = { + [key in keyof PVariant]: Array +} + +export type PVariantProps = { + [key in keyof PVariant]?: ConditionalValue | undefined +} + +export interface PRecipe { + __type: PVariantProps + (props?: PVariantProps): string + raw: (props?: PVariantProps) => PVariantProps + variantMap: PVariantMap + variantKeys: Array + splitVariantProps(props: Props): [PVariantProps, Pretty>] + getVariantProps: (props?: PVariantProps) => PVariantProps +} + +/** + * Typography - p style + + + */ +export declare const p: PRecipe \ No newline at end of file diff --git a/apps/web/_panda/recipes/p.mjs b/apps/web/_panda/recipes/p.mjs new file mode 100644 index 00000000..f8773c13 --- /dev/null +++ b/apps/web/_panda/recipes/p.mjs @@ -0,0 +1,24 @@ +import { memo, splitProps } from '../helpers.mjs'; +import { createRecipe, mergeRecipes } from './create-recipe.mjs'; + +const pFn = /* @__PURE__ */ createRecipe('p', {}, []) + +const pVariantMap = {} + +const pVariantKeys = Object.keys(pVariantMap) + +export const p = /* @__PURE__ */ Object.assign(memo(pFn.recipeFn), { + __recipe__: true, + __name__: 'p', + __getCompoundVariantCss__: pFn.__getCompoundVariantCss__, + raw: (props) => props, + variantKeys: pVariantKeys, + variantMap: pVariantMap, + merge(recipe) { + return mergeRecipes(this, recipe) + }, + splitVariantProps(props) { + return splitProps(props, pVariantKeys) + }, + getVariantProps: pFn.getVariantProps, +}) \ No newline at end of file diff --git a/apps/web/_panda/recipes/popover.d.ts b/apps/web/_panda/recipes/popover.d.ts new file mode 100644 index 00000000..0ea5db2f --- /dev/null +++ b/apps/web/_panda/recipes/popover.d.ts @@ -0,0 +1,32 @@ +/* eslint-disable */ +import type { ConditionalValue } from '../types/index'; +import type { DistributiveOmit, Pretty } from '../types/system-types'; + +interface PopoverVariant { + +} + +type PopoverVariantMap = { + [key in keyof PopoverVariant]: Array +} + +export type PopoverVariantProps = { + [key in keyof PopoverVariant]?: ConditionalValue | undefined +} + +export interface PopoverRecipe { + __type: PopoverVariantProps + (props?: PopoverVariantProps): Pretty> + raw: (props?: PopoverVariantProps) => PopoverVariantProps + variantMap: PopoverVariantMap + variantKeys: Array + splitVariantProps(props: Props): [PopoverVariantProps, Pretty>] + getVariantProps: (props?: PopoverVariantProps) => PopoverVariantProps +} + +/** + * Styles for the Popover component + + + */ +export declare const popover: PopoverRecipe \ No newline at end of file diff --git a/apps/web/_panda/recipes/popover.mjs b/apps/web/_panda/recipes/popover.mjs new file mode 100644 index 00000000..f2fd2770 --- /dev/null +++ b/apps/web/_panda/recipes/popover.mjs @@ -0,0 +1,44 @@ +import { compact, getSlotCompoundVariant, memo, splitProps } from '../helpers.mjs'; +import { createRecipe } from './create-recipe.mjs'; + +const popoverDefaultVariants = {} +const popoverCompoundVariants = [] + +const popoverSlotNames = [ + [ + "root", + "popover__root" + ], + [ + "trigger", + "popover__trigger" + ], + [ + "portal", + "popover__portal" + ], + [ + "content", + "popover__content" + ] +] +const popoverSlotFns = /* @__PURE__ */ popoverSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, popoverDefaultVariants, getSlotCompoundVariant(popoverCompoundVariants, slotName))]) + +const popoverFn = memo((props = {}) => { + return Object.fromEntries(popoverSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)])) +}) + +const popoverVariantKeys = [] +const getVariantProps = (variants) => ({ ...popoverDefaultVariants, ...compact(variants) }) + +export const popover = /* @__PURE__ */ Object.assign(popoverFn, { + __recipe__: false, + __name__: 'popover', + raw: (props) => props, + variantKeys: popoverVariantKeys, + variantMap: {}, + splitVariantProps(props) { + return splitProps(props, popoverVariantKeys) + }, + getVariantProps +}) \ No newline at end of file diff --git a/apps/web/_panda/recipes/progress.d.ts b/apps/web/_panda/recipes/progress.d.ts new file mode 100644 index 00000000..420dc781 --- /dev/null +++ b/apps/web/_panda/recipes/progress.d.ts @@ -0,0 +1,32 @@ +/* eslint-disable */ +import type { ConditionalValue } from '../types/index'; +import type { DistributiveOmit, Pretty } from '../types/system-types'; + +interface ProgressVariant { + +} + +type ProgressVariantMap = { + [key in keyof ProgressVariant]: Array +} + +export type ProgressVariantProps = { + [key in keyof ProgressVariant]?: ConditionalValue | undefined +} + +export interface ProgressRecipe { + __type: ProgressVariantProps + (props?: ProgressVariantProps): Pretty> + raw: (props?: ProgressVariantProps) => ProgressVariantProps + variantMap: ProgressVariantMap + variantKeys: Array + splitVariantProps(props: Props): [ProgressVariantProps, Pretty>] + getVariantProps: (props?: ProgressVariantProps) => ProgressVariantProps +} + +/** + * Styles for the Progress component + + + */ +export declare const progress: ProgressRecipe \ No newline at end of file diff --git a/apps/web/_panda/recipes/progress.mjs b/apps/web/_panda/recipes/progress.mjs new file mode 100644 index 00000000..0c474ca6 --- /dev/null +++ b/apps/web/_panda/recipes/progress.mjs @@ -0,0 +1,36 @@ +import { compact, getSlotCompoundVariant, memo, splitProps } from '../helpers.mjs'; +import { createRecipe } from './create-recipe.mjs'; + +const progressDefaultVariants = {} +const progressCompoundVariants = [] + +const progressSlotNames = [ + [ + "root", + "progress__root" + ], + [ + "indicator", + "progress__indicator" + ] +] +const progressSlotFns = /* @__PURE__ */ progressSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, progressDefaultVariants, getSlotCompoundVariant(progressCompoundVariants, slotName))]) + +const progressFn = memo((props = {}) => { + return Object.fromEntries(progressSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)])) +}) + +const progressVariantKeys = [] +const getVariantProps = (variants) => ({ ...progressDefaultVariants, ...compact(variants) }) + +export const progress = /* @__PURE__ */ Object.assign(progressFn, { + __recipe__: false, + __name__: 'progress', + raw: (props) => props, + variantKeys: progressVariantKeys, + variantMap: {}, + splitVariantProps(props) { + return splitProps(props, progressVariantKeys) + }, + getVariantProps +}) \ No newline at end of file diff --git a/apps/web/_panda/recipes/radio-group.d.ts b/apps/web/_panda/recipes/radio-group.d.ts new file mode 100644 index 00000000..14ee4aaa --- /dev/null +++ b/apps/web/_panda/recipes/radio-group.d.ts @@ -0,0 +1,32 @@ +/* eslint-disable */ +import type { ConditionalValue } from '../types/index'; +import type { DistributiveOmit, Pretty } from '../types/system-types'; + +interface RadioGroupVariant { + +} + +type RadioGroupVariantMap = { + [key in keyof RadioGroupVariant]: Array +} + +export type RadioGroupVariantProps = { + [key in keyof RadioGroupVariant]?: ConditionalValue | undefined +} + +export interface RadioGroupRecipe { + __type: RadioGroupVariantProps + (props?: RadioGroupVariantProps): Pretty> + raw: (props?: RadioGroupVariantProps) => RadioGroupVariantProps + variantMap: RadioGroupVariantMap + variantKeys: Array + splitVariantProps(props: Props): [RadioGroupVariantProps, Pretty>] + getVariantProps: (props?: RadioGroupVariantProps) => RadioGroupVariantProps +} + +/** + * Styles for the RadioGroup component + + + */ +export declare const radioGroup: RadioGroupRecipe \ No newline at end of file diff --git a/apps/web/_panda/recipes/radio-group.mjs b/apps/web/_panda/recipes/radio-group.mjs new file mode 100644 index 00000000..de221b0b --- /dev/null +++ b/apps/web/_panda/recipes/radio-group.mjs @@ -0,0 +1,44 @@ +import { compact, getSlotCompoundVariant, memo, splitProps } from '../helpers.mjs'; +import { createRecipe } from './create-recipe.mjs'; + +const radioGroupDefaultVariants = {} +const radioGroupCompoundVariants = [] + +const radioGroupSlotNames = [ + [ + "root", + "radioGroup__root" + ], + [ + "item", + "radioGroup__item" + ], + [ + "indicator", + "radioGroup__indicator" + ], + [ + "icon", + "radioGroup__icon" + ] +] +const radioGroupSlotFns = /* @__PURE__ */ radioGroupSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, radioGroupDefaultVariants, getSlotCompoundVariant(radioGroupCompoundVariants, slotName))]) + +const radioGroupFn = memo((props = {}) => { + return Object.fromEntries(radioGroupSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)])) +}) + +const radioGroupVariantKeys = [] +const getVariantProps = (variants) => ({ ...radioGroupDefaultVariants, ...compact(variants) }) + +export const radioGroup = /* @__PURE__ */ Object.assign(radioGroupFn, { + __recipe__: false, + __name__: 'radioGroup', + raw: (props) => props, + variantKeys: radioGroupVariantKeys, + variantMap: {}, + splitVariantProps(props) { + return splitProps(props, radioGroupVariantKeys) + }, + getVariantProps +}) \ No newline at end of file diff --git a/apps/web/_panda/recipes/scroll-area.d.ts b/apps/web/_panda/recipes/scroll-area.d.ts new file mode 100644 index 00000000..22acc732 --- /dev/null +++ b/apps/web/_panda/recipes/scroll-area.d.ts @@ -0,0 +1,32 @@ +/* eslint-disable */ +import type { ConditionalValue } from '../types/index'; +import type { DistributiveOmit, Pretty } from '../types/system-types'; + +interface ScrollAreaVariant { + +} + +type ScrollAreaVariantMap = { + [key in keyof ScrollAreaVariant]: Array +} + +export type ScrollAreaVariantProps = { + [key in keyof ScrollAreaVariant]?: ConditionalValue | undefined +} + +export interface ScrollAreaRecipe { + __type: ScrollAreaVariantProps + (props?: ScrollAreaVariantProps): Pretty> + raw: (props?: ScrollAreaVariantProps) => ScrollAreaVariantProps + variantMap: ScrollAreaVariantMap + variantKeys: Array + splitVariantProps(props: Props): [ScrollAreaVariantProps, Pretty>] + getVariantProps: (props?: ScrollAreaVariantProps) => ScrollAreaVariantProps +} + +/** + * Styles for the ScrollArea component + + + */ +export declare const scrollArea: ScrollAreaRecipe \ No newline at end of file diff --git a/apps/web/_panda/recipes/scroll-area.mjs b/apps/web/_panda/recipes/scroll-area.mjs new file mode 100644 index 00000000..2809c882 --- /dev/null +++ b/apps/web/_panda/recipes/scroll-area.mjs @@ -0,0 +1,48 @@ +import { compact, getSlotCompoundVariant, memo, splitProps } from '../helpers.mjs'; +import { createRecipe } from './create-recipe.mjs'; + +const scrollAreaDefaultVariants = {} +const scrollAreaCompoundVariants = [] + +const scrollAreaSlotNames = [ + [ + "root", + "scrollArea__root" + ], + [ + "viewport", + "scrollArea__viewport" + ], + [ + "corner", + "scrollArea__corner" + ], + [ + "scrollbar", + "scrollArea__scrollbar" + ], + [ + "thumb", + "scrollArea__thumb" + ] +] +const scrollAreaSlotFns = /* @__PURE__ */ scrollAreaSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, scrollAreaDefaultVariants, getSlotCompoundVariant(scrollAreaCompoundVariants, slotName))]) + +const scrollAreaFn = memo((props = {}) => { + return Object.fromEntries(scrollAreaSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)])) +}) + +const scrollAreaVariantKeys = [] +const getVariantProps = (variants) => ({ ...scrollAreaDefaultVariants, ...compact(variants) }) + +export const scrollArea = /* @__PURE__ */ Object.assign(scrollAreaFn, { + __recipe__: false, + __name__: 'scrollArea', + raw: (props) => props, + variantKeys: scrollAreaVariantKeys, + variantMap: {}, + splitVariantProps(props) { + return splitProps(props, scrollAreaVariantKeys) + }, + getVariantProps +}) \ No newline at end of file diff --git a/apps/web/_panda/recipes/select.d.ts b/apps/web/_panda/recipes/select.d.ts new file mode 100644 index 00000000..28b42ed5 --- /dev/null +++ b/apps/web/_panda/recipes/select.d.ts @@ -0,0 +1,32 @@ +/* eslint-disable */ +import type { ConditionalValue } from '../types/index'; +import type { DistributiveOmit, Pretty } from '../types/system-types'; + +interface SelectVariant { + +} + +type SelectVariantMap = { + [key in keyof SelectVariant]: Array +} + +export type SelectVariantProps = { + [key in keyof SelectVariant]?: ConditionalValue | undefined +} + +export interface SelectRecipe { + __type: SelectVariantProps + (props?: SelectVariantProps): Pretty> + raw: (props?: SelectVariantProps) => SelectVariantProps + variantMap: SelectVariantMap + variantKeys: Array + splitVariantProps(props: Props): [SelectVariantProps, Pretty>] + getVariantProps: (props?: SelectVariantProps) => SelectVariantProps +} + +/** + * Styles for the Select component + + + */ +export declare const select: SelectRecipe \ No newline at end of file diff --git a/apps/web/_panda/recipes/select.mjs b/apps/web/_panda/recipes/select.mjs new file mode 100644 index 00000000..1beeed3a --- /dev/null +++ b/apps/web/_panda/recipes/select.mjs @@ -0,0 +1,68 @@ +import { compact, getSlotCompoundVariant, memo, splitProps } from '../helpers.mjs'; +import { createRecipe } from './create-recipe.mjs'; + +const selectDefaultVariants = {} +const selectCompoundVariants = [] + +const selectSlotNames = [ + [ + "root", + "select__root" + ], + [ + "group", + "select__group" + ], + [ + "value", + "select__value" + ], + [ + "trigger", + "select__trigger" + ], + [ + "viewport", + "select__viewport" + ], + [ + "content", + "select__content" + ], + [ + "label", + "select__label" + ], + [ + "item", + "select__item" + ], + [ + "itemIndicator", + "select__itemIndicator" + ], + [ + "separator", + "select__separator" + ] +] +const selectSlotFns = /* @__PURE__ */ selectSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, selectDefaultVariants, getSlotCompoundVariant(selectCompoundVariants, slotName))]) + +const selectFn = memo((props = {}) => { + return Object.fromEntries(selectSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)])) +}) + +const selectVariantKeys = [] +const getVariantProps = (variants) => ({ ...selectDefaultVariants, ...compact(variants) }) + +export const select = /* @__PURE__ */ Object.assign(selectFn, { + __recipe__: false, + __name__: 'select', + raw: (props) => props, + variantKeys: selectVariantKeys, + variantMap: {}, + splitVariantProps(props) { + return splitProps(props, selectVariantKeys) + }, + getVariantProps +}) \ No newline at end of file diff --git a/apps/web/_panda/recipes/separator.d.ts b/apps/web/_panda/recipes/separator.d.ts new file mode 100644 index 00000000..3cae21a7 --- /dev/null +++ b/apps/web/_panda/recipes/separator.d.ts @@ -0,0 +1,35 @@ +/* eslint-disable */ +import type { ConditionalValue } from '../types/index'; +import type { DistributiveOmit, Pretty } from '../types/system-types'; + +interface SeparatorVariant { + /** + * @default "horizontal" + */ +orientation: "horizontal" | "vertical" +} + +type SeparatorVariantMap = { + [key in keyof SeparatorVariant]: Array +} + +export type SeparatorVariantProps = { + [key in keyof SeparatorVariant]?: ConditionalValue | undefined +} + +export interface SeparatorRecipe { + __type: SeparatorVariantProps + (props?: SeparatorVariantProps): string + raw: (props?: SeparatorVariantProps) => SeparatorVariantProps + variantMap: SeparatorVariantMap + variantKeys: Array + splitVariantProps(props: Props): [SeparatorVariantProps, Pretty>] + getVariantProps: (props?: SeparatorVariantProps) => SeparatorVariantProps +} + +/** + * Styles for the Separator component + + + */ +export declare const separator: SeparatorRecipe \ No newline at end of file diff --git a/apps/web/_panda/recipes/separator.mjs b/apps/web/_panda/recipes/separator.mjs new file mode 100644 index 00000000..9778e0e8 --- /dev/null +++ b/apps/web/_panda/recipes/separator.mjs @@ -0,0 +1,31 @@ +import { memo, splitProps } from '../helpers.mjs'; +import { createRecipe, mergeRecipes } from './create-recipe.mjs'; + +const separatorFn = /* @__PURE__ */ createRecipe('separator', { + "orientation": "horizontal" +}, []) + +const separatorVariantMap = { + "orientation": [ + "horizontal", + "vertical" + ] +} + +const separatorVariantKeys = Object.keys(separatorVariantMap) + +export const separator = /* @__PURE__ */ Object.assign(memo(separatorFn.recipeFn), { + __recipe__: true, + __name__: 'separator', + __getCompoundVariantCss__: separatorFn.__getCompoundVariantCss__, + raw: (props) => props, + variantKeys: separatorVariantKeys, + variantMap: separatorVariantMap, + merge(recipe) { + return mergeRecipes(this, recipe) + }, + splitVariantProps(props) { + return splitProps(props, separatorVariantKeys) + }, + getVariantProps: separatorFn.getVariantProps, +}) \ No newline at end of file diff --git a/apps/web/_panda/recipes/sheet.d.ts b/apps/web/_panda/recipes/sheet.d.ts new file mode 100644 index 00000000..19eb5837 --- /dev/null +++ b/apps/web/_panda/recipes/sheet.d.ts @@ -0,0 +1,35 @@ +/* eslint-disable */ +import type { ConditionalValue } from '../types/index'; +import type { DistributiveOmit, Pretty } from '../types/system-types'; + +interface SheetVariant { + /** + * @default "right" + */ +side: "top" | "bottom" | "left" | "right" +} + +type SheetVariantMap = { + [key in keyof SheetVariant]: Array +} + +export type SheetVariantProps = { + [key in keyof SheetVariant]?: ConditionalValue | undefined +} + +export interface SheetRecipe { + __type: SheetVariantProps + (props?: SheetVariantProps): Pretty> + raw: (props?: SheetVariantProps) => SheetVariantProps + variantMap: SheetVariantMap + variantKeys: Array + splitVariantProps(props: Props): [SheetVariantProps, Pretty>] + getVariantProps: (props?: SheetVariantProps) => SheetVariantProps +} + +/** + * Styles for the Sheet component + + + */ +export declare const sheet: SheetRecipe \ No newline at end of file diff --git a/apps/web/_panda/recipes/sheet.mjs b/apps/web/_panda/recipes/sheet.mjs new file mode 100644 index 00000000..2a406bf1 --- /dev/null +++ b/apps/web/_panda/recipes/sheet.mjs @@ -0,0 +1,83 @@ +import { compact, getSlotCompoundVariant, memo, splitProps } from '../helpers.mjs'; +import { createRecipe } from './create-recipe.mjs'; + +const sheetDefaultVariants = { + "side": "right" +} +const sheetCompoundVariants = [] + +const sheetSlotNames = [ + [ + "root", + "sheet__root" + ], + [ + "trigger", + "sheet__trigger" + ], + [ + "close", + "sheet__close" + ], + [ + "portal", + "sheet__portal" + ], + [ + "overlay", + "sheet__overlay" + ], + [ + "header", + "sheet__header" + ], + [ + "footer", + "sheet__footer" + ], + [ + "title", + "sheet__title" + ], + [ + "description", + "sheet__description" + ], + [ + "content", + "sheet__content" + ], + [ + "contentClose", + "sheet__contentClose" + ] +] +const sheetSlotFns = /* @__PURE__ */ sheetSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, sheetDefaultVariants, getSlotCompoundVariant(sheetCompoundVariants, slotName))]) + +const sheetFn = memo((props = {}) => { + return Object.fromEntries(sheetSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)])) +}) + +const sheetVariantKeys = [ + "side" +] +const getVariantProps = (variants) => ({ ...sheetDefaultVariants, ...compact(variants) }) + +export const sheet = /* @__PURE__ */ Object.assign(sheetFn, { + __recipe__: false, + __name__: 'sheet', + raw: (props) => props, + variantKeys: sheetVariantKeys, + variantMap: { + "side": [ + "top", + "bottom", + "left", + "right" + ] +}, + splitVariantProps(props) { + return splitProps(props, sheetVariantKeys) + }, + getVariantProps +}) \ No newline at end of file diff --git a/apps/web/_panda/recipes/skeleton.d.ts b/apps/web/_panda/recipes/skeleton.d.ts new file mode 100644 index 00000000..9297da99 --- /dev/null +++ b/apps/web/_panda/recipes/skeleton.d.ts @@ -0,0 +1,32 @@ +/* eslint-disable */ +import type { ConditionalValue } from '../types/index'; +import type { DistributiveOmit, Pretty } from '../types/system-types'; + +interface SkeletonVariant { + +} + +type SkeletonVariantMap = { + [key in keyof SkeletonVariant]: Array +} + +export type SkeletonVariantProps = { + [key in keyof SkeletonVariant]?: ConditionalValue | undefined +} + +export interface SkeletonRecipe { + __type: SkeletonVariantProps + (props?: SkeletonVariantProps): string + raw: (props?: SkeletonVariantProps) => SkeletonVariantProps + variantMap: SkeletonVariantMap + variantKeys: Array + splitVariantProps(props: Props): [SkeletonVariantProps, Pretty>] + getVariantProps: (props?: SkeletonVariantProps) => SkeletonVariantProps +} + +/** + * Styles for the Skeleton component + + + */ +export declare const skeleton: SkeletonRecipe \ No newline at end of file diff --git a/apps/web/_panda/recipes/skeleton.mjs b/apps/web/_panda/recipes/skeleton.mjs new file mode 100644 index 00000000..883bad37 --- /dev/null +++ b/apps/web/_panda/recipes/skeleton.mjs @@ -0,0 +1,24 @@ +import { memo, splitProps } from '../helpers.mjs'; +import { createRecipe, mergeRecipes } from './create-recipe.mjs'; + +const skeletonFn = /* @__PURE__ */ createRecipe('skeleton', {}, []) + +const skeletonVariantMap = {} + +const skeletonVariantKeys = Object.keys(skeletonVariantMap) + +export const skeleton = /* @__PURE__ */ Object.assign(memo(skeletonFn.recipeFn), { + __recipe__: true, + __name__: 'skeleton', + __getCompoundVariantCss__: skeletonFn.__getCompoundVariantCss__, + raw: (props) => props, + variantKeys: skeletonVariantKeys, + variantMap: skeletonVariantMap, + merge(recipe) { + return mergeRecipes(this, recipe) + }, + splitVariantProps(props) { + return splitProps(props, skeletonVariantKeys) + }, + getVariantProps: skeletonFn.getVariantProps, +}) \ No newline at end of file diff --git a/apps/web/_panda/recipes/slider.d.ts b/apps/web/_panda/recipes/slider.d.ts new file mode 100644 index 00000000..0c795fba --- /dev/null +++ b/apps/web/_panda/recipes/slider.d.ts @@ -0,0 +1,32 @@ +/* eslint-disable */ +import type { ConditionalValue } from '../types/index'; +import type { DistributiveOmit, Pretty } from '../types/system-types'; + +interface SliderVariant { + +} + +type SliderVariantMap = { + [key in keyof SliderVariant]: Array +} + +export type SliderVariantProps = { + [key in keyof SliderVariant]?: ConditionalValue | undefined +} + +export interface SliderRecipe { + __type: SliderVariantProps + (props?: SliderVariantProps): Pretty> + raw: (props?: SliderVariantProps) => SliderVariantProps + variantMap: SliderVariantMap + variantKeys: Array + splitVariantProps(props: Props): [SliderVariantProps, Pretty>] + getVariantProps: (props?: SliderVariantProps) => SliderVariantProps +} + +/** + * Styles for the Slider component + + + */ +export declare const slider: SliderRecipe \ No newline at end of file diff --git a/apps/web/_panda/recipes/slider.mjs b/apps/web/_panda/recipes/slider.mjs new file mode 100644 index 00000000..aa0751d7 --- /dev/null +++ b/apps/web/_panda/recipes/slider.mjs @@ -0,0 +1,44 @@ +import { compact, getSlotCompoundVariant, memo, splitProps } from '../helpers.mjs'; +import { createRecipe } from './create-recipe.mjs'; + +const sliderDefaultVariants = {} +const sliderCompoundVariants = [] + +const sliderSlotNames = [ + [ + "root", + "slider__root" + ], + [ + "track", + "slider__track" + ], + [ + "range", + "slider__range" + ], + [ + "thumb", + "slider__thumb" + ] +] +const sliderSlotFns = /* @__PURE__ */ sliderSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, sliderDefaultVariants, getSlotCompoundVariant(sliderCompoundVariants, slotName))]) + +const sliderFn = memo((props = {}) => { + return Object.fromEntries(sliderSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)])) +}) + +const sliderVariantKeys = [] +const getVariantProps = (variants) => ({ ...sliderDefaultVariants, ...compact(variants) }) + +export const slider = /* @__PURE__ */ Object.assign(sliderFn, { + __recipe__: false, + __name__: 'slider', + raw: (props) => props, + variantKeys: sliderVariantKeys, + variantMap: {}, + splitVariantProps(props) { + return splitProps(props, sliderVariantKeys) + }, + getVariantProps +}) \ No newline at end of file diff --git a/apps/web/_panda/recipes/small.d.ts b/apps/web/_panda/recipes/small.d.ts new file mode 100644 index 00000000..89459bb6 --- /dev/null +++ b/apps/web/_panda/recipes/small.d.ts @@ -0,0 +1,32 @@ +/* eslint-disable */ +import type { ConditionalValue } from '../types/index'; +import type { DistributiveOmit, Pretty } from '../types/system-types'; + +interface SmallVariant { + +} + +type SmallVariantMap = { + [key in keyof SmallVariant]: Array +} + +export type SmallVariantProps = { + [key in keyof SmallVariant]?: ConditionalValue | undefined +} + +export interface SmallRecipe { + __type: SmallVariantProps + (props?: SmallVariantProps): string + raw: (props?: SmallVariantProps) => SmallVariantProps + variantMap: SmallVariantMap + variantKeys: Array + splitVariantProps(props: Props): [SmallVariantProps, Pretty>] + getVariantProps: (props?: SmallVariantProps) => SmallVariantProps +} + +/** + * Typography - Small style + + + */ +export declare const small: SmallRecipe \ No newline at end of file diff --git a/apps/web/_panda/recipes/small.mjs b/apps/web/_panda/recipes/small.mjs new file mode 100644 index 00000000..a6769219 --- /dev/null +++ b/apps/web/_panda/recipes/small.mjs @@ -0,0 +1,24 @@ +import { memo, splitProps } from '../helpers.mjs'; +import { createRecipe, mergeRecipes } from './create-recipe.mjs'; + +const smallFn = /* @__PURE__ */ createRecipe('small', {}, []) + +const smallVariantMap = {} + +const smallVariantKeys = Object.keys(smallVariantMap) + +export const small = /* @__PURE__ */ Object.assign(memo(smallFn.recipeFn), { + __recipe__: true, + __name__: 'small', + __getCompoundVariantCss__: smallFn.__getCompoundVariantCss__, + raw: (props) => props, + variantKeys: smallVariantKeys, + variantMap: smallVariantMap, + merge(recipe) { + return mergeRecipes(this, recipe) + }, + splitVariantProps(props) { + return splitProps(props, smallVariantKeys) + }, + getVariantProps: smallFn.getVariantProps, +}) \ No newline at end of file diff --git a/apps/web/_panda/recipes/switch-recipe.d.ts b/apps/web/_panda/recipes/switch-recipe.d.ts new file mode 100644 index 00000000..30ab90ad --- /dev/null +++ b/apps/web/_panda/recipes/switch-recipe.d.ts @@ -0,0 +1,32 @@ +/* eslint-disable */ +import type { ConditionalValue } from '../types/index'; +import type { DistributiveOmit, Pretty } from '../types/system-types'; + +interface SwitchRecipeVariant { + +} + +type SwitchRecipeVariantMap = { + [key in keyof SwitchRecipeVariant]: Array +} + +export type SwitchRecipeVariantProps = { + [key in keyof SwitchRecipeVariant]?: ConditionalValue | undefined +} + +export interface SwitchRecipeRecipe { + __type: SwitchRecipeVariantProps + (props?: SwitchRecipeVariantProps): Pretty> + raw: (props?: SwitchRecipeVariantProps) => SwitchRecipeVariantProps + variantMap: SwitchRecipeVariantMap + variantKeys: Array + splitVariantProps(props: Props): [SwitchRecipeVariantProps, Pretty>] + getVariantProps: (props?: SwitchRecipeVariantProps) => SwitchRecipeVariantProps +} + +/** + * Styles for the Switch component + + + */ +export declare const switchRecipe: SwitchRecipeRecipe \ No newline at end of file diff --git a/apps/web/_panda/recipes/switch-recipe.mjs b/apps/web/_panda/recipes/switch-recipe.mjs new file mode 100644 index 00000000..9fcd0b0a --- /dev/null +++ b/apps/web/_panda/recipes/switch-recipe.mjs @@ -0,0 +1,36 @@ +import { compact, getSlotCompoundVariant, memo, splitProps } from '../helpers.mjs'; +import { createRecipe } from './create-recipe.mjs'; + +const switchRecipeDefaultVariants = {} +const switchRecipeCompoundVariants = [] + +const switchRecipeSlotNames = [ + [ + "root", + "switchRecipe__root" + ], + [ + "thumb", + "switchRecipe__thumb" + ] +] +const switchRecipeSlotFns = /* @__PURE__ */ switchRecipeSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, switchRecipeDefaultVariants, getSlotCompoundVariant(switchRecipeCompoundVariants, slotName))]) + +const switchRecipeFn = memo((props = {}) => { + return Object.fromEntries(switchRecipeSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)])) +}) + +const switchRecipeVariantKeys = [] +const getVariantProps = (variants) => ({ ...switchRecipeDefaultVariants, ...compact(variants) }) + +export const switchRecipe = /* @__PURE__ */ Object.assign(switchRecipeFn, { + __recipe__: false, + __name__: 'switchRecipe', + raw: (props) => props, + variantKeys: switchRecipeVariantKeys, + variantMap: {}, + splitVariantProps(props) { + return splitProps(props, switchRecipeVariantKeys) + }, + getVariantProps +}) \ No newline at end of file diff --git a/apps/web/_panda/recipes/table-body.d.ts b/apps/web/_panda/recipes/table-body.d.ts new file mode 100644 index 00000000..bce617e0 --- /dev/null +++ b/apps/web/_panda/recipes/table-body.d.ts @@ -0,0 +1,32 @@ +/* eslint-disable */ +import type { ConditionalValue } from '../types/index'; +import type { DistributiveOmit, Pretty } from '../types/system-types'; + +interface TableBodyVariant { + +} + +type TableBodyVariantMap = { + [key in keyof TableBodyVariant]: Array +} + +export type TableBodyVariantProps = { + [key in keyof TableBodyVariant]?: ConditionalValue | undefined +} + +export interface TableBodyRecipe { + __type: TableBodyVariantProps + (props?: TableBodyVariantProps): string + raw: (props?: TableBodyVariantProps) => TableBodyVariantProps + variantMap: TableBodyVariantMap + variantKeys: Array + splitVariantProps(props: Props): [TableBodyVariantProps, Pretty>] + getVariantProps: (props?: TableBodyVariantProps) => TableBodyVariantProps +} + +/** + * Styles for the TableBody component + + + */ +export declare const tableBody: TableBodyRecipe \ No newline at end of file diff --git a/apps/web/_panda/recipes/table-body.mjs b/apps/web/_panda/recipes/table-body.mjs new file mode 100644 index 00000000..0dca7d35 --- /dev/null +++ b/apps/web/_panda/recipes/table-body.mjs @@ -0,0 +1,24 @@ +import { memo, splitProps } from '../helpers.mjs'; +import { createRecipe, mergeRecipes } from './create-recipe.mjs'; + +const tableBodyFn = /* @__PURE__ */ createRecipe('tableBody', {}, []) + +const tableBodyVariantMap = {} + +const tableBodyVariantKeys = Object.keys(tableBodyVariantMap) + +export const tableBody = /* @__PURE__ */ Object.assign(memo(tableBodyFn.recipeFn), { + __recipe__: true, + __name__: 'tableBody', + __getCompoundVariantCss__: tableBodyFn.__getCompoundVariantCss__, + raw: (props) => props, + variantKeys: tableBodyVariantKeys, + variantMap: tableBodyVariantMap, + merge(recipe) { + return mergeRecipes(this, recipe) + }, + splitVariantProps(props) { + return splitProps(props, tableBodyVariantKeys) + }, + getVariantProps: tableBodyFn.getVariantProps, +}) \ No newline at end of file diff --git a/apps/web/_panda/recipes/table-caption.d.ts b/apps/web/_panda/recipes/table-caption.d.ts new file mode 100644 index 00000000..54ba6ead --- /dev/null +++ b/apps/web/_panda/recipes/table-caption.d.ts @@ -0,0 +1,32 @@ +/* eslint-disable */ +import type { ConditionalValue } from '../types/index'; +import type { DistributiveOmit, Pretty } from '../types/system-types'; + +interface TableCaptionVariant { + +} + +type TableCaptionVariantMap = { + [key in keyof TableCaptionVariant]: Array +} + +export type TableCaptionVariantProps = { + [key in keyof TableCaptionVariant]?: ConditionalValue | undefined +} + +export interface TableCaptionRecipe { + __type: TableCaptionVariantProps + (props?: TableCaptionVariantProps): string + raw: (props?: TableCaptionVariantProps) => TableCaptionVariantProps + variantMap: TableCaptionVariantMap + variantKeys: Array + splitVariantProps(props: Props): [TableCaptionVariantProps, Pretty>] + getVariantProps: (props?: TableCaptionVariantProps) => TableCaptionVariantProps +} + +/** + * Styles for the TableCaption component + + + */ +export declare const tableCaption: TableCaptionRecipe \ No newline at end of file diff --git a/apps/web/_panda/recipes/table-caption.mjs b/apps/web/_panda/recipes/table-caption.mjs new file mode 100644 index 00000000..14e093b0 --- /dev/null +++ b/apps/web/_panda/recipes/table-caption.mjs @@ -0,0 +1,24 @@ +import { memo, splitProps } from '../helpers.mjs'; +import { createRecipe, mergeRecipes } from './create-recipe.mjs'; + +const tableCaptionFn = /* @__PURE__ */ createRecipe('tableCaption', {}, []) + +const tableCaptionVariantMap = {} + +const tableCaptionVariantKeys = Object.keys(tableCaptionVariantMap) + +export const tableCaption = /* @__PURE__ */ Object.assign(memo(tableCaptionFn.recipeFn), { + __recipe__: true, + __name__: 'tableCaption', + __getCompoundVariantCss__: tableCaptionFn.__getCompoundVariantCss__, + raw: (props) => props, + variantKeys: tableCaptionVariantKeys, + variantMap: tableCaptionVariantMap, + merge(recipe) { + return mergeRecipes(this, recipe) + }, + splitVariantProps(props) { + return splitProps(props, tableCaptionVariantKeys) + }, + getVariantProps: tableCaptionFn.getVariantProps, +}) \ No newline at end of file diff --git a/apps/web/_panda/recipes/table-cell.d.ts b/apps/web/_panda/recipes/table-cell.d.ts new file mode 100644 index 00000000..838d3344 --- /dev/null +++ b/apps/web/_panda/recipes/table-cell.d.ts @@ -0,0 +1,32 @@ +/* eslint-disable */ +import type { ConditionalValue } from '../types/index'; +import type { DistributiveOmit, Pretty } from '../types/system-types'; + +interface TableCellVariant { + +} + +type TableCellVariantMap = { + [key in keyof TableCellVariant]: Array +} + +export type TableCellVariantProps = { + [key in keyof TableCellVariant]?: ConditionalValue | undefined +} + +export interface TableCellRecipe { + __type: TableCellVariantProps + (props?: TableCellVariantProps): string + raw: (props?: TableCellVariantProps) => TableCellVariantProps + variantMap: TableCellVariantMap + variantKeys: Array + splitVariantProps(props: Props): [TableCellVariantProps, Pretty>] + getVariantProps: (props?: TableCellVariantProps) => TableCellVariantProps +} + +/** + * Styles for the TableCell component + + + */ +export declare const tableCell: TableCellRecipe \ No newline at end of file diff --git a/apps/web/_panda/recipes/table-cell.mjs b/apps/web/_panda/recipes/table-cell.mjs new file mode 100644 index 00000000..c0f59ac7 --- /dev/null +++ b/apps/web/_panda/recipes/table-cell.mjs @@ -0,0 +1,24 @@ +import { memo, splitProps } from '../helpers.mjs'; +import { createRecipe, mergeRecipes } from './create-recipe.mjs'; + +const tableCellFn = /* @__PURE__ */ createRecipe('tableCell', {}, []) + +const tableCellVariantMap = {} + +const tableCellVariantKeys = Object.keys(tableCellVariantMap) + +export const tableCell = /* @__PURE__ */ Object.assign(memo(tableCellFn.recipeFn), { + __recipe__: true, + __name__: 'tableCell', + __getCompoundVariantCss__: tableCellFn.__getCompoundVariantCss__, + raw: (props) => props, + variantKeys: tableCellVariantKeys, + variantMap: tableCellVariantMap, + merge(recipe) { + return mergeRecipes(this, recipe) + }, + splitVariantProps(props) { + return splitProps(props, tableCellVariantKeys) + }, + getVariantProps: tableCellFn.getVariantProps, +}) \ No newline at end of file diff --git a/apps/web/_panda/recipes/table-container.d.ts b/apps/web/_panda/recipes/table-container.d.ts new file mode 100644 index 00000000..391c2e97 --- /dev/null +++ b/apps/web/_panda/recipes/table-container.d.ts @@ -0,0 +1,32 @@ +/* eslint-disable */ +import type { ConditionalValue } from '../types/index'; +import type { DistributiveOmit, Pretty } from '../types/system-types'; + +interface TableContainerVariant { + +} + +type TableContainerVariantMap = { + [key in keyof TableContainerVariant]: Array +} + +export type TableContainerVariantProps = { + [key in keyof TableContainerVariant]?: ConditionalValue | undefined +} + +export interface TableContainerRecipe { + __type: TableContainerVariantProps + (props?: TableContainerVariantProps): string + raw: (props?: TableContainerVariantProps) => TableContainerVariantProps + variantMap: TableContainerVariantMap + variantKeys: Array + splitVariantProps(props: Props): [TableContainerVariantProps, Pretty>] + getVariantProps: (props?: TableContainerVariantProps) => TableContainerVariantProps +} + +/** + * Styles for the TableContainer component + + + */ +export declare const tableContainer: TableContainerRecipe \ No newline at end of file diff --git a/apps/web/_panda/recipes/table-container.mjs b/apps/web/_panda/recipes/table-container.mjs new file mode 100644 index 00000000..86e0fb19 --- /dev/null +++ b/apps/web/_panda/recipes/table-container.mjs @@ -0,0 +1,24 @@ +import { memo, splitProps } from '../helpers.mjs'; +import { createRecipe, mergeRecipes } from './create-recipe.mjs'; + +const tableContainerFn = /* @__PURE__ */ createRecipe('tableContainer', {}, []) + +const tableContainerVariantMap = {} + +const tableContainerVariantKeys = Object.keys(tableContainerVariantMap) + +export const tableContainer = /* @__PURE__ */ Object.assign(memo(tableContainerFn.recipeFn), { + __recipe__: true, + __name__: 'tableContainer', + __getCompoundVariantCss__: tableContainerFn.__getCompoundVariantCss__, + raw: (props) => props, + variantKeys: tableContainerVariantKeys, + variantMap: tableContainerVariantMap, + merge(recipe) { + return mergeRecipes(this, recipe) + }, + splitVariantProps(props) { + return splitProps(props, tableContainerVariantKeys) + }, + getVariantProps: tableContainerFn.getVariantProps, +}) \ No newline at end of file diff --git a/apps/web/_panda/recipes/table-footer.d.ts b/apps/web/_panda/recipes/table-footer.d.ts new file mode 100644 index 00000000..599f4abc --- /dev/null +++ b/apps/web/_panda/recipes/table-footer.d.ts @@ -0,0 +1,32 @@ +/* eslint-disable */ +import type { ConditionalValue } from '../types/index'; +import type { DistributiveOmit, Pretty } from '../types/system-types'; + +interface TableFooterVariant { + +} + +type TableFooterVariantMap = { + [key in keyof TableFooterVariant]: Array +} + +export type TableFooterVariantProps = { + [key in keyof TableFooterVariant]?: ConditionalValue | undefined +} + +export interface TableFooterRecipe { + __type: TableFooterVariantProps + (props?: TableFooterVariantProps): string + raw: (props?: TableFooterVariantProps) => TableFooterVariantProps + variantMap: TableFooterVariantMap + variantKeys: Array + splitVariantProps(props: Props): [TableFooterVariantProps, Pretty>] + getVariantProps: (props?: TableFooterVariantProps) => TableFooterVariantProps +} + +/** + * Styles for the TableFooter component + + + */ +export declare const tableFooter: TableFooterRecipe \ No newline at end of file diff --git a/apps/web/_panda/recipes/table-footer.mjs b/apps/web/_panda/recipes/table-footer.mjs new file mode 100644 index 00000000..b261a437 --- /dev/null +++ b/apps/web/_panda/recipes/table-footer.mjs @@ -0,0 +1,24 @@ +import { memo, splitProps } from '../helpers.mjs'; +import { createRecipe, mergeRecipes } from './create-recipe.mjs'; + +const tableFooterFn = /* @__PURE__ */ createRecipe('tableFooter', {}, []) + +const tableFooterVariantMap = {} + +const tableFooterVariantKeys = Object.keys(tableFooterVariantMap) + +export const tableFooter = /* @__PURE__ */ Object.assign(memo(tableFooterFn.recipeFn), { + __recipe__: true, + __name__: 'tableFooter', + __getCompoundVariantCss__: tableFooterFn.__getCompoundVariantCss__, + raw: (props) => props, + variantKeys: tableFooterVariantKeys, + variantMap: tableFooterVariantMap, + merge(recipe) { + return mergeRecipes(this, recipe) + }, + splitVariantProps(props) { + return splitProps(props, tableFooterVariantKeys) + }, + getVariantProps: tableFooterFn.getVariantProps, +}) \ No newline at end of file diff --git a/apps/web/_panda/recipes/table-head.d.ts b/apps/web/_panda/recipes/table-head.d.ts new file mode 100644 index 00000000..d1b0ef99 --- /dev/null +++ b/apps/web/_panda/recipes/table-head.d.ts @@ -0,0 +1,32 @@ +/* eslint-disable */ +import type { ConditionalValue } from '../types/index'; +import type { DistributiveOmit, Pretty } from '../types/system-types'; + +interface TableHeadVariant { + +} + +type TableHeadVariantMap = { + [key in keyof TableHeadVariant]: Array +} + +export type TableHeadVariantProps = { + [key in keyof TableHeadVariant]?: ConditionalValue | undefined +} + +export interface TableHeadRecipe { + __type: TableHeadVariantProps + (props?: TableHeadVariantProps): string + raw: (props?: TableHeadVariantProps) => TableHeadVariantProps + variantMap: TableHeadVariantMap + variantKeys: Array + splitVariantProps(props: Props): [TableHeadVariantProps, Pretty>] + getVariantProps: (props?: TableHeadVariantProps) => TableHeadVariantProps +} + +/** + * Styles for the TableHead component + + + */ +export declare const tableHead: TableHeadRecipe \ No newline at end of file diff --git a/apps/web/_panda/recipes/table-head.mjs b/apps/web/_panda/recipes/table-head.mjs new file mode 100644 index 00000000..5f79106d --- /dev/null +++ b/apps/web/_panda/recipes/table-head.mjs @@ -0,0 +1,24 @@ +import { memo, splitProps } from '../helpers.mjs'; +import { createRecipe, mergeRecipes } from './create-recipe.mjs'; + +const tableHeadFn = /* @__PURE__ */ createRecipe('tableHead', {}, []) + +const tableHeadVariantMap = {} + +const tableHeadVariantKeys = Object.keys(tableHeadVariantMap) + +export const tableHead = /* @__PURE__ */ Object.assign(memo(tableHeadFn.recipeFn), { + __recipe__: true, + __name__: 'tableHead', + __getCompoundVariantCss__: tableHeadFn.__getCompoundVariantCss__, + raw: (props) => props, + variantKeys: tableHeadVariantKeys, + variantMap: tableHeadVariantMap, + merge(recipe) { + return mergeRecipes(this, recipe) + }, + splitVariantProps(props) { + return splitProps(props, tableHeadVariantKeys) + }, + getVariantProps: tableHeadFn.getVariantProps, +}) \ No newline at end of file diff --git a/apps/web/_panda/recipes/table-header.d.ts b/apps/web/_panda/recipes/table-header.d.ts new file mode 100644 index 00000000..f80d6d49 --- /dev/null +++ b/apps/web/_panda/recipes/table-header.d.ts @@ -0,0 +1,32 @@ +/* eslint-disable */ +import type { ConditionalValue } from '../types/index'; +import type { DistributiveOmit, Pretty } from '../types/system-types'; + +interface TableHeaderVariant { + +} + +type TableHeaderVariantMap = { + [key in keyof TableHeaderVariant]: Array +} + +export type TableHeaderVariantProps = { + [key in keyof TableHeaderVariant]?: ConditionalValue | undefined +} + +export interface TableHeaderRecipe { + __type: TableHeaderVariantProps + (props?: TableHeaderVariantProps): string + raw: (props?: TableHeaderVariantProps) => TableHeaderVariantProps + variantMap: TableHeaderVariantMap + variantKeys: Array + splitVariantProps(props: Props): [TableHeaderVariantProps, Pretty>] + getVariantProps: (props?: TableHeaderVariantProps) => TableHeaderVariantProps +} + +/** + * Styles for the TableHeader component + + + */ +export declare const tableHeader: TableHeaderRecipe \ No newline at end of file diff --git a/apps/web/_panda/recipes/table-header.mjs b/apps/web/_panda/recipes/table-header.mjs new file mode 100644 index 00000000..f8a7bb95 --- /dev/null +++ b/apps/web/_panda/recipes/table-header.mjs @@ -0,0 +1,24 @@ +import { memo, splitProps } from '../helpers.mjs'; +import { createRecipe, mergeRecipes } from './create-recipe.mjs'; + +const tableHeaderFn = /* @__PURE__ */ createRecipe('tableHeader', {}, []) + +const tableHeaderVariantMap = {} + +const tableHeaderVariantKeys = Object.keys(tableHeaderVariantMap) + +export const tableHeader = /* @__PURE__ */ Object.assign(memo(tableHeaderFn.recipeFn), { + __recipe__: true, + __name__: 'tableHeader', + __getCompoundVariantCss__: tableHeaderFn.__getCompoundVariantCss__, + raw: (props) => props, + variantKeys: tableHeaderVariantKeys, + variantMap: tableHeaderVariantMap, + merge(recipe) { + return mergeRecipes(this, recipe) + }, + splitVariantProps(props) { + return splitProps(props, tableHeaderVariantKeys) + }, + getVariantProps: tableHeaderFn.getVariantProps, +}) \ No newline at end of file diff --git a/apps/web/_panda/recipes/table-row.d.ts b/apps/web/_panda/recipes/table-row.d.ts new file mode 100644 index 00000000..34565317 --- /dev/null +++ b/apps/web/_panda/recipes/table-row.d.ts @@ -0,0 +1,32 @@ +/* eslint-disable */ +import type { ConditionalValue } from '../types/index'; +import type { DistributiveOmit, Pretty } from '../types/system-types'; + +interface TableRowVariant { + +} + +type TableRowVariantMap = { + [key in keyof TableRowVariant]: Array +} + +export type TableRowVariantProps = { + [key in keyof TableRowVariant]?: ConditionalValue | undefined +} + +export interface TableRowRecipe { + __type: TableRowVariantProps + (props?: TableRowVariantProps): string + raw: (props?: TableRowVariantProps) => TableRowVariantProps + variantMap: TableRowVariantMap + variantKeys: Array + splitVariantProps(props: Props): [TableRowVariantProps, Pretty>] + getVariantProps: (props?: TableRowVariantProps) => TableRowVariantProps +} + +/** + * Styles for the TableRow component + + + */ +export declare const tableRow: TableRowRecipe \ No newline at end of file diff --git a/apps/web/_panda/recipes/table-row.mjs b/apps/web/_panda/recipes/table-row.mjs new file mode 100644 index 00000000..b74676fb --- /dev/null +++ b/apps/web/_panda/recipes/table-row.mjs @@ -0,0 +1,24 @@ +import { memo, splitProps } from '../helpers.mjs'; +import { createRecipe, mergeRecipes } from './create-recipe.mjs'; + +const tableRowFn = /* @__PURE__ */ createRecipe('tableRow', {}, []) + +const tableRowVariantMap = {} + +const tableRowVariantKeys = Object.keys(tableRowVariantMap) + +export const tableRow = /* @__PURE__ */ Object.assign(memo(tableRowFn.recipeFn), { + __recipe__: true, + __name__: 'tableRow', + __getCompoundVariantCss__: tableRowFn.__getCompoundVariantCss__, + raw: (props) => props, + variantKeys: tableRowVariantKeys, + variantMap: tableRowVariantMap, + merge(recipe) { + return mergeRecipes(this, recipe) + }, + splitVariantProps(props) { + return splitProps(props, tableRowVariantKeys) + }, + getVariantProps: tableRowFn.getVariantProps, +}) \ No newline at end of file diff --git a/apps/web/_panda/recipes/table.d.ts b/apps/web/_panda/recipes/table.d.ts new file mode 100644 index 00000000..92f46cf6 --- /dev/null +++ b/apps/web/_panda/recipes/table.d.ts @@ -0,0 +1,32 @@ +/* eslint-disable */ +import type { ConditionalValue } from '../types/index'; +import type { DistributiveOmit, Pretty } from '../types/system-types'; + +interface TableVariant { + +} + +type TableVariantMap = { + [key in keyof TableVariant]: Array +} + +export type TableVariantProps = { + [key in keyof TableVariant]?: ConditionalValue | undefined +} + +export interface TableRecipe { + __type: TableVariantProps + (props?: TableVariantProps): string + raw: (props?: TableVariantProps) => TableVariantProps + variantMap: TableVariantMap + variantKeys: Array + splitVariantProps(props: Props): [TableVariantProps, Pretty>] + getVariantProps: (props?: TableVariantProps) => TableVariantProps +} + +/** + * Styles for the Table component + + + */ +export declare const table: TableRecipe \ No newline at end of file diff --git a/apps/web/_panda/recipes/table.mjs b/apps/web/_panda/recipes/table.mjs new file mode 100644 index 00000000..32ee6ecd --- /dev/null +++ b/apps/web/_panda/recipes/table.mjs @@ -0,0 +1,24 @@ +import { memo, splitProps } from '../helpers.mjs'; +import { createRecipe, mergeRecipes } from './create-recipe.mjs'; + +const tableFn = /* @__PURE__ */ createRecipe('table', {}, []) + +const tableVariantMap = {} + +const tableVariantKeys = Object.keys(tableVariantMap) + +export const table = /* @__PURE__ */ Object.assign(memo(tableFn.recipeFn), { + __recipe__: true, + __name__: 'table', + __getCompoundVariantCss__: tableFn.__getCompoundVariantCss__, + raw: (props) => props, + variantKeys: tableVariantKeys, + variantMap: tableVariantMap, + merge(recipe) { + return mergeRecipes(this, recipe) + }, + splitVariantProps(props) { + return splitProps(props, tableVariantKeys) + }, + getVariantProps: tableFn.getVariantProps, +}) \ No newline at end of file diff --git a/apps/web/_panda/recipes/tabs.d.ts b/apps/web/_panda/recipes/tabs.d.ts new file mode 100644 index 00000000..990542d6 --- /dev/null +++ b/apps/web/_panda/recipes/tabs.d.ts @@ -0,0 +1,32 @@ +/* eslint-disable */ +import type { ConditionalValue } from '../types/index'; +import type { DistributiveOmit, Pretty } from '../types/system-types'; + +interface TabsVariant { + +} + +type TabsVariantMap = { + [key in keyof TabsVariant]: Array +} + +export type TabsVariantProps = { + [key in keyof TabsVariant]?: ConditionalValue | undefined +} + +export interface TabsRecipe { + __type: TabsVariantProps + (props?: TabsVariantProps): Pretty> + raw: (props?: TabsVariantProps) => TabsVariantProps + variantMap: TabsVariantMap + variantKeys: Array + splitVariantProps(props: Props): [TabsVariantProps, Pretty>] + getVariantProps: (props?: TabsVariantProps) => TabsVariantProps +} + +/** + * Styles for the Tabs component + + + */ +export declare const tabs: TabsRecipe \ No newline at end of file diff --git a/apps/web/_panda/recipes/tabs.mjs b/apps/web/_panda/recipes/tabs.mjs new file mode 100644 index 00000000..26aee573 --- /dev/null +++ b/apps/web/_panda/recipes/tabs.mjs @@ -0,0 +1,44 @@ +import { compact, getSlotCompoundVariant, memo, splitProps } from '../helpers.mjs'; +import { createRecipe } from './create-recipe.mjs'; + +const tabsDefaultVariants = {} +const tabsCompoundVariants = [] + +const tabsSlotNames = [ + [ + "root", + "tabs__root" + ], + [ + "list", + "tabs__list" + ], + [ + "trigger", + "tabs__trigger" + ], + [ + "content", + "tabs__content" + ] +] +const tabsSlotFns = /* @__PURE__ */ tabsSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, tabsDefaultVariants, getSlotCompoundVariant(tabsCompoundVariants, slotName))]) + +const tabsFn = memo((props = {}) => { + return Object.fromEntries(tabsSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)])) +}) + +const tabsVariantKeys = [] +const getVariantProps = (variants) => ({ ...tabsDefaultVariants, ...compact(variants) }) + +export const tabs = /* @__PURE__ */ Object.assign(tabsFn, { + __recipe__: false, + __name__: 'tabs', + raw: (props) => props, + variantKeys: tabsVariantKeys, + variantMap: {}, + splitVariantProps(props) { + return splitProps(props, tabsVariantKeys) + }, + getVariantProps +}) \ No newline at end of file diff --git a/apps/web/_panda/recipes/textarea.d.ts b/apps/web/_panda/recipes/textarea.d.ts new file mode 100644 index 00000000..09d7ecb1 --- /dev/null +++ b/apps/web/_panda/recipes/textarea.d.ts @@ -0,0 +1,32 @@ +/* eslint-disable */ +import type { ConditionalValue } from '../types/index'; +import type { DistributiveOmit, Pretty } from '../types/system-types'; + +interface TextareaVariant { + +} + +type TextareaVariantMap = { + [key in keyof TextareaVariant]: Array +} + +export type TextareaVariantProps = { + [key in keyof TextareaVariant]?: ConditionalValue | undefined +} + +export interface TextareaRecipe { + __type: TextareaVariantProps + (props?: TextareaVariantProps): string + raw: (props?: TextareaVariantProps) => TextareaVariantProps + variantMap: TextareaVariantMap + variantKeys: Array + splitVariantProps(props: Props): [TextareaVariantProps, Pretty>] + getVariantProps: (props?: TextareaVariantProps) => TextareaVariantProps +} + +/** + * Styles for the Textarea component + + + */ +export declare const textarea: TextareaRecipe \ No newline at end of file diff --git a/apps/web/_panda/recipes/textarea.mjs b/apps/web/_panda/recipes/textarea.mjs new file mode 100644 index 00000000..f3c9559a --- /dev/null +++ b/apps/web/_panda/recipes/textarea.mjs @@ -0,0 +1,24 @@ +import { memo, splitProps } from '../helpers.mjs'; +import { createRecipe, mergeRecipes } from './create-recipe.mjs'; + +const textareaFn = /* @__PURE__ */ createRecipe('textarea', {}, []) + +const textareaVariantMap = {} + +const textareaVariantKeys = Object.keys(textareaVariantMap) + +export const textarea = /* @__PURE__ */ Object.assign(memo(textareaFn.recipeFn), { + __recipe__: true, + __name__: 'textarea', + __getCompoundVariantCss__: textareaFn.__getCompoundVariantCss__, + raw: (props) => props, + variantKeys: textareaVariantKeys, + variantMap: textareaVariantMap, + merge(recipe) { + return mergeRecipes(this, recipe) + }, + splitVariantProps(props) { + return splitProps(props, textareaVariantKeys) + }, + getVariantProps: textareaFn.getVariantProps, +}) \ No newline at end of file diff --git a/apps/web/_panda/recipes/toast-viewport.d.ts b/apps/web/_panda/recipes/toast-viewport.d.ts new file mode 100644 index 00000000..5f07e1d3 --- /dev/null +++ b/apps/web/_panda/recipes/toast-viewport.d.ts @@ -0,0 +1,32 @@ +/* eslint-disable */ +import type { ConditionalValue } from '../types/index'; +import type { DistributiveOmit, Pretty } from '../types/system-types'; + +interface ToastViewportVariant { + +} + +type ToastViewportVariantMap = { + [key in keyof ToastViewportVariant]: Array +} + +export type ToastViewportVariantProps = { + [key in keyof ToastViewportVariant]?: ConditionalValue | undefined +} + +export interface ToastViewportRecipe { + __type: ToastViewportVariantProps + (props?: ToastViewportVariantProps): string + raw: (props?: ToastViewportVariantProps) => ToastViewportVariantProps + variantMap: ToastViewportVariantMap + variantKeys: Array + splitVariantProps(props: Props): [ToastViewportVariantProps, Pretty>] + getVariantProps: (props?: ToastViewportVariantProps) => ToastViewportVariantProps +} + +/** + * Styles for the ToastViewport component + + + */ +export declare const toastViewport: ToastViewportRecipe \ No newline at end of file diff --git a/apps/web/_panda/recipes/toast-viewport.mjs b/apps/web/_panda/recipes/toast-viewport.mjs new file mode 100644 index 00000000..46c61297 --- /dev/null +++ b/apps/web/_panda/recipes/toast-viewport.mjs @@ -0,0 +1,24 @@ +import { memo, splitProps } from '../helpers.mjs'; +import { createRecipe, mergeRecipes } from './create-recipe.mjs'; + +const toastViewportFn = /* @__PURE__ */ createRecipe('toastViewport', {}, []) + +const toastViewportVariantMap = {} + +const toastViewportVariantKeys = Object.keys(toastViewportVariantMap) + +export const toastViewport = /* @__PURE__ */ Object.assign(memo(toastViewportFn.recipeFn), { + __recipe__: true, + __name__: 'toastViewport', + __getCompoundVariantCss__: toastViewportFn.__getCompoundVariantCss__, + raw: (props) => props, + variantKeys: toastViewportVariantKeys, + variantMap: toastViewportVariantMap, + merge(recipe) { + return mergeRecipes(this, recipe) + }, + splitVariantProps(props) { + return splitProps(props, toastViewportVariantKeys) + }, + getVariantProps: toastViewportFn.getVariantProps, +}) \ No newline at end of file diff --git a/apps/web/_panda/recipes/toast.d.ts b/apps/web/_panda/recipes/toast.d.ts new file mode 100644 index 00000000..46139d06 --- /dev/null +++ b/apps/web/_panda/recipes/toast.d.ts @@ -0,0 +1,35 @@ +/* eslint-disable */ +import type { ConditionalValue } from '../types/index'; +import type { DistributiveOmit, Pretty } from '../types/system-types'; + +interface ToastVariant { + /** + * @default "default" + */ +variant: "default" | "destructive" +} + +type ToastVariantMap = { + [key in keyof ToastVariant]: Array +} + +export type ToastVariantProps = { + [key in keyof ToastVariant]?: ConditionalValue | undefined +} + +export interface ToastRecipe { + __type: ToastVariantProps + (props?: ToastVariantProps): Pretty> + raw: (props?: ToastVariantProps) => ToastVariantProps + variantMap: ToastVariantMap + variantKeys: Array + splitVariantProps(props: Props): [ToastVariantProps, Pretty>] + getVariantProps: (props?: ToastVariantProps) => ToastVariantProps +} + +/** + * Styles for the Toast component + + + */ +export declare const toast: ToastRecipe \ No newline at end of file diff --git a/apps/web/_panda/recipes/toast.mjs b/apps/web/_panda/recipes/toast.mjs new file mode 100644 index 00000000..24b25010 --- /dev/null +++ b/apps/web/_panda/recipes/toast.mjs @@ -0,0 +1,61 @@ +import { compact, getSlotCompoundVariant, memo, splitProps } from '../helpers.mjs'; +import { createRecipe } from './create-recipe.mjs'; + +const toastDefaultVariants = { + "variant": "default" +} +const toastCompoundVariants = [] + +const toastSlotNames = [ + [ + "root", + "toast__root" + ], + [ + "viewport", + "toast__viewport" + ], + [ + "action", + "toast__action" + ], + [ + "close", + "toast__close" + ], + [ + "title", + "toast__title" + ], + [ + "description", + "toast__description" + ] +] +const toastSlotFns = /* @__PURE__ */ toastSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, toastDefaultVariants, getSlotCompoundVariant(toastCompoundVariants, slotName))]) + +const toastFn = memo((props = {}) => { + return Object.fromEntries(toastSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)])) +}) + +const toastVariantKeys = [ + "variant" +] +const getVariantProps = (variants) => ({ ...toastDefaultVariants, ...compact(variants) }) + +export const toast = /* @__PURE__ */ Object.assign(toastFn, { + __recipe__: false, + __name__: 'toast', + raw: (props) => props, + variantKeys: toastVariantKeys, + variantMap: { + "variant": [ + "default", + "destructive" + ] +}, + splitVariantProps(props) { + return splitProps(props, toastVariantKeys) + }, + getVariantProps +}) \ No newline at end of file diff --git a/apps/web/_panda/recipes/toggle.d.ts b/apps/web/_panda/recipes/toggle.d.ts new file mode 100644 index 00000000..23a4bd86 --- /dev/null +++ b/apps/web/_panda/recipes/toggle.d.ts @@ -0,0 +1,39 @@ +/* eslint-disable */ +import type { ConditionalValue } from '../types/index'; +import type { DistributiveOmit, Pretty } from '../types/system-types'; + +interface ToggleVariant { + /** + * @default "default" + */ +variant: "default" | "outline" +/** + * @default "default" + */ +size: "default" | "sm" | "lg" +} + +type ToggleVariantMap = { + [key in keyof ToggleVariant]: Array +} + +export type ToggleVariantProps = { + [key in keyof ToggleVariant]?: ConditionalValue | undefined +} + +export interface ToggleRecipe { + __type: ToggleVariantProps + (props?: ToggleVariantProps): string + raw: (props?: ToggleVariantProps) => ToggleVariantProps + variantMap: ToggleVariantMap + variantKeys: Array + splitVariantProps(props: Props): [ToggleVariantProps, Pretty>] + getVariantProps: (props?: ToggleVariantProps) => ToggleVariantProps +} + +/** + * Styles for the Toggle component + + + */ +export declare const toggle: ToggleRecipe \ No newline at end of file diff --git a/apps/web/_panda/recipes/toggle.mjs b/apps/web/_panda/recipes/toggle.mjs new file mode 100644 index 00000000..cfc83af2 --- /dev/null +++ b/apps/web/_panda/recipes/toggle.mjs @@ -0,0 +1,37 @@ +import { memo, splitProps } from '../helpers.mjs'; +import { createRecipe, mergeRecipes } from './create-recipe.mjs'; + +const toggleFn = /* @__PURE__ */ createRecipe('toggle', { + "variant": "default", + "size": "default" +}, []) + +const toggleVariantMap = { + "variant": [ + "default", + "outline" + ], + "size": [ + "default", + "sm", + "lg" + ] +} + +const toggleVariantKeys = Object.keys(toggleVariantMap) + +export const toggle = /* @__PURE__ */ Object.assign(memo(toggleFn.recipeFn), { + __recipe__: true, + __name__: 'toggle', + __getCompoundVariantCss__: toggleFn.__getCompoundVariantCss__, + raw: (props) => props, + variantKeys: toggleVariantKeys, + variantMap: toggleVariantMap, + merge(recipe) { + return mergeRecipes(this, recipe) + }, + splitVariantProps(props) { + return splitProps(props, toggleVariantKeys) + }, + getVariantProps: toggleFn.getVariantProps, +}) \ No newline at end of file diff --git a/apps/web/_panda/recipes/tooltip.d.ts b/apps/web/_panda/recipes/tooltip.d.ts new file mode 100644 index 00000000..a342525e --- /dev/null +++ b/apps/web/_panda/recipes/tooltip.d.ts @@ -0,0 +1,32 @@ +/* eslint-disable */ +import type { ConditionalValue } from '../types/index'; +import type { DistributiveOmit, Pretty } from '../types/system-types'; + +interface TooltipVariant { + +} + +type TooltipVariantMap = { + [key in keyof TooltipVariant]: Array +} + +export type TooltipVariantProps = { + [key in keyof TooltipVariant]?: ConditionalValue | undefined +} + +export interface TooltipRecipe { + __type: TooltipVariantProps + (props?: TooltipVariantProps): Pretty> + raw: (props?: TooltipVariantProps) => TooltipVariantProps + variantMap: TooltipVariantMap + variantKeys: Array + splitVariantProps(props: Props): [TooltipVariantProps, Pretty>] + getVariantProps: (props?: TooltipVariantProps) => TooltipVariantProps +} + +/** + * Styles for the Tooltip component + + + */ +export declare const tooltip: TooltipRecipe \ No newline at end of file diff --git a/apps/web/_panda/recipes/tooltip.mjs b/apps/web/_panda/recipes/tooltip.mjs new file mode 100644 index 00000000..84869115 --- /dev/null +++ b/apps/web/_panda/recipes/tooltip.mjs @@ -0,0 +1,40 @@ +import { compact, getSlotCompoundVariant, memo, splitProps } from '../helpers.mjs'; +import { createRecipe } from './create-recipe.mjs'; + +const tooltipDefaultVariants = {} +const tooltipCompoundVariants = [] + +const tooltipSlotNames = [ + [ + "root", + "tooltip__root" + ], + [ + "trigger", + "tooltip__trigger" + ], + [ + "content", + "tooltip__content" + ] +] +const tooltipSlotFns = /* @__PURE__ */ tooltipSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, tooltipDefaultVariants, getSlotCompoundVariant(tooltipCompoundVariants, slotName))]) + +const tooltipFn = memo((props = {}) => { + return Object.fromEntries(tooltipSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)])) +}) + +const tooltipVariantKeys = [] +const getVariantProps = (variants) => ({ ...tooltipDefaultVariants, ...compact(variants) }) + +export const tooltip = /* @__PURE__ */ Object.assign(tooltipFn, { + __recipe__: false, + __name__: 'tooltip', + raw: (props) => props, + variantKeys: tooltipVariantKeys, + variantMap: {}, + splitVariantProps(props) { + return splitProps(props, tooltipVariantKeys) + }, + getVariantProps +}) \ No newline at end of file diff --git a/apps/web/_panda/recipes/typography-table-container.d.ts b/apps/web/_panda/recipes/typography-table-container.d.ts new file mode 100644 index 00000000..5524c0b9 --- /dev/null +++ b/apps/web/_panda/recipes/typography-table-container.d.ts @@ -0,0 +1,32 @@ +/* eslint-disable */ +import type { ConditionalValue } from '../types/index'; +import type { DistributiveOmit, Pretty } from '../types/system-types'; + +interface TypographyTableContainerVariant { + +} + +type TypographyTableContainerVariantMap = { + [key in keyof TypographyTableContainerVariant]: Array +} + +export type TypographyTableContainerVariantProps = { + [key in keyof TypographyTableContainerVariant]?: ConditionalValue | undefined +} + +export interface TypographyTableContainerRecipe { + __type: TypographyTableContainerVariantProps + (props?: TypographyTableContainerVariantProps): string + raw: (props?: TypographyTableContainerVariantProps) => TypographyTableContainerVariantProps + variantMap: TypographyTableContainerVariantMap + variantKeys: Array + splitVariantProps(props: Props): [TypographyTableContainerVariantProps, Pretty>] + getVariantProps: (props?: TypographyTableContainerVariantProps) => TypographyTableContainerVariantProps +} + +/** + * Typography - table container style + + + */ +export declare const typographyTableContainer: TypographyTableContainerRecipe \ No newline at end of file diff --git a/apps/web/_panda/recipes/typography-table-container.mjs b/apps/web/_panda/recipes/typography-table-container.mjs new file mode 100644 index 00000000..a8c5d34a --- /dev/null +++ b/apps/web/_panda/recipes/typography-table-container.mjs @@ -0,0 +1,24 @@ +import { memo, splitProps } from '../helpers.mjs'; +import { createRecipe, mergeRecipes } from './create-recipe.mjs'; + +const typographyTableContainerFn = /* @__PURE__ */ createRecipe('typographyTableContainer', {}, []) + +const typographyTableContainerVariantMap = {} + +const typographyTableContainerVariantKeys = Object.keys(typographyTableContainerVariantMap) + +export const typographyTableContainer = /* @__PURE__ */ Object.assign(memo(typographyTableContainerFn.recipeFn), { + __recipe__: true, + __name__: 'typographyTableContainer', + __getCompoundVariantCss__: typographyTableContainerFn.__getCompoundVariantCss__, + raw: (props) => props, + variantKeys: typographyTableContainerVariantKeys, + variantMap: typographyTableContainerVariantMap, + merge(recipe) { + return mergeRecipes(this, recipe) + }, + splitVariantProps(props) { + return splitProps(props, typographyTableContainerVariantKeys) + }, + getVariantProps: typographyTableContainerFn.getVariantProps, +}) \ No newline at end of file diff --git a/apps/web/_panda/recipes/typography-table.d.ts b/apps/web/_panda/recipes/typography-table.d.ts new file mode 100644 index 00000000..3e7e45ca --- /dev/null +++ b/apps/web/_panda/recipes/typography-table.d.ts @@ -0,0 +1,32 @@ +/* eslint-disable */ +import type { ConditionalValue } from '../types/index'; +import type { DistributiveOmit, Pretty } from '../types/system-types'; + +interface TypographyTableVariant { + +} + +type TypographyTableVariantMap = { + [key in keyof TypographyTableVariant]: Array +} + +export type TypographyTableVariantProps = { + [key in keyof TypographyTableVariant]?: ConditionalValue | undefined +} + +export interface TypographyTableRecipe { + __type: TypographyTableVariantProps + (props?: TypographyTableVariantProps): string + raw: (props?: TypographyTableVariantProps) => TypographyTableVariantProps + variantMap: TypographyTableVariantMap + variantKeys: Array + splitVariantProps(props: Props): [TypographyTableVariantProps, Pretty>] + getVariantProps: (props?: TypographyTableVariantProps) => TypographyTableVariantProps +} + +/** + * Typography - table style + + + */ +export declare const typographyTable: TypographyTableRecipe \ No newline at end of file diff --git a/apps/web/_panda/recipes/typography-table.mjs b/apps/web/_panda/recipes/typography-table.mjs new file mode 100644 index 00000000..5db94283 --- /dev/null +++ b/apps/web/_panda/recipes/typography-table.mjs @@ -0,0 +1,24 @@ +import { memo, splitProps } from '../helpers.mjs'; +import { createRecipe, mergeRecipes } from './create-recipe.mjs'; + +const typographyTableFn = /* @__PURE__ */ createRecipe('typographyTable', {}, []) + +const typographyTableVariantMap = {} + +const typographyTableVariantKeys = Object.keys(typographyTableVariantMap) + +export const typographyTable = /* @__PURE__ */ Object.assign(memo(typographyTableFn.recipeFn), { + __recipe__: true, + __name__: 'typographyTable', + __getCompoundVariantCss__: typographyTableFn.__getCompoundVariantCss__, + raw: (props) => props, + variantKeys: typographyTableVariantKeys, + variantMap: typographyTableVariantMap, + merge(recipe) { + return mergeRecipes(this, recipe) + }, + splitVariantProps(props) { + return splitProps(props, typographyTableVariantKeys) + }, + getVariantProps: typographyTableFn.getVariantProps, +}) \ No newline at end of file diff --git a/apps/web/_panda/tokens/index.d.ts b/apps/web/_panda/tokens/index.d.ts new file mode 100644 index 00000000..c398f48f --- /dev/null +++ b/apps/web/_panda/tokens/index.d.ts @@ -0,0 +1,9 @@ +/* eslint-disable */ +import type { Token } from './tokens'; + +export declare const token: { + (path: Token, fallback?: string): string + var: (path: Token, fallback?: string) => string +} + +export * from './tokens'; \ No newline at end of file diff --git a/apps/web/_panda/tokens/index.mjs b/apps/web/_panda/tokens/index.mjs new file mode 100644 index 00000000..e37e3e6a --- /dev/null +++ b/apps/web/_panda/tokens/index.mjs @@ -0,0 +1,2764 @@ +const tokens = { + "borders.none": { + "value": "none", + "variable": "var(--borders-none)" + }, + "easings.default": { + "value": "cubic-bezier(0.4, 0, 0.2, 1)", + "variable": "var(--easings-default)" + }, + "easings.linear": { + "value": "linear", + "variable": "var(--easings-linear)" + }, + "easings.in": { + "value": "cubic-bezier(0.4, 0, 1, 1)", + "variable": "var(--easings-in)" + }, + "easings.out": { + "value": "cubic-bezier(0, 0, 0.2, 1)", + "variable": "var(--easings-out)" + }, + "easings.in-out": { + "value": "cubic-bezier(0.4, 0, 0.2, 1)", + "variable": "var(--easings-in-out)" + }, + "durations.fastest": { + "value": "50ms", + "variable": "var(--durations-fastest)" + }, + "durations.faster": { + "value": "100ms", + "variable": "var(--durations-faster)" + }, + "durations.fast": { + "value": "150ms", + "variable": "var(--durations-fast)" + }, + "durations.normal": { + "value": "200ms", + "variable": "var(--durations-normal)" + }, + "durations.slow": { + "value": "300ms", + "variable": "var(--durations-slow)" + }, + "durations.slower": { + "value": "400ms", + "variable": "var(--durations-slower)" + }, + "durations.slowest": { + "value": "500ms", + "variable": "var(--durations-slowest)" + }, + "fontWeights.thin": { + "value": "100", + "variable": "var(--font-weights-thin)" + }, + "fontWeights.extralight": { + "value": "200", + "variable": "var(--font-weights-extralight)" + }, + "fontWeights.light": { + "value": "300", + "variable": "var(--font-weights-light)" + }, + "fontWeights.normal": { + "value": "400", + "variable": "var(--font-weights-normal)" + }, + "fontWeights.medium": { + "value": "500", + "variable": "var(--font-weights-medium)" + }, + "fontWeights.semibold": { + "value": "600", + "variable": "var(--font-weights-semibold)" + }, + "fontWeights.bold": { + "value": "700", + "variable": "var(--font-weights-bold)" + }, + "fontWeights.extrabold": { + "value": "800", + "variable": "var(--font-weights-extrabold)" + }, + "fontWeights.black": { + "value": "900", + "variable": "var(--font-weights-black)" + }, + "letterSpacings.tighter": { + "value": "-0.05em", + "variable": "var(--letter-spacings-tighter)" + }, + "letterSpacings.tight": { + "value": "-0.025em", + "variable": "var(--letter-spacings-tight)" + }, + "letterSpacings.normal": { + "value": "0em", + "variable": "var(--letter-spacings-normal)" + }, + "letterSpacings.wide": { + "value": "0.025em", + "variable": "var(--letter-spacings-wide)" + }, + "letterSpacings.wider": { + "value": "0.05em", + "variable": "var(--letter-spacings-wider)" + }, + "letterSpacings.widest": { + "value": "0.1em", + "variable": "var(--letter-spacings-widest)" + }, + "fontSizes.2xs": { + "value": "0.5rem", + "variable": "var(--font-sizes-2xs)" + }, + "fontSizes.xs": { + "value": "0.75rem", + "variable": "var(--font-sizes-xs)" + }, + "fontSizes.sm": { + "value": "0.875rem", + "variable": "var(--font-sizes-sm)" + }, + "fontSizes.md": { + "value": "1rem", + "variable": "var(--font-sizes-md)" + }, + "fontSizes.lg": { + "value": "1.125rem", + "variable": "var(--font-sizes-lg)" + }, + "fontSizes.xl": { + "value": "1.25rem", + "variable": "var(--font-sizes-xl)" + }, + "fontSizes.2xl": { + "value": "1.5rem", + "variable": "var(--font-sizes-2xl)" + }, + "fontSizes.3xl": { + "value": "1.875rem", + "variable": "var(--font-sizes-3xl)" + }, + "fontSizes.4xl": { + "value": "2.25rem", + "variable": "var(--font-sizes-4xl)" + }, + "fontSizes.5xl": { + "value": "3rem", + "variable": "var(--font-sizes-5xl)" + }, + "fontSizes.6xl": { + "value": "3.75rem", + "variable": "var(--font-sizes-6xl)" + }, + "fontSizes.7xl": { + "value": "4.5rem", + "variable": "var(--font-sizes-7xl)" + }, + "fontSizes.8xl": { + "value": "6rem", + "variable": "var(--font-sizes-8xl)" + }, + "fontSizes.9xl": { + "value": "8rem", + "variable": "var(--font-sizes-9xl)" + }, + "shadows.xs": { + "value": "0 1px 2px 0 rgb(0 0 0 / 0.05)", + "variable": "var(--shadows-xs)" + }, + "shadows.sm": { + "value": "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)", + "variable": "var(--shadows-sm)" + }, + "shadows.md": { + "value": "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)", + "variable": "var(--shadows-md)" + }, + "shadows.lg": { + "value": "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)", + "variable": "var(--shadows-lg)" + }, + "shadows.xl": { + "value": "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)", + "variable": "var(--shadows-xl)" + }, + "shadows.2xl": { + "value": "0 25px 50px -12px rgb(0 0 0 / 0.25)", + "variable": "var(--shadows-2xl)" + }, + "shadows.inner": { + "value": "inset 0 2px 4px 0 rgb(0 0 0 / 0.05)", + "variable": "var(--shadows-inner)" + }, + "blurs.sm": { + "value": "4px", + "variable": "var(--blurs-sm)" + }, + "blurs.base": { + "value": "8px", + "variable": "var(--blurs-base)" + }, + "blurs.md": { + "value": "12px", + "variable": "var(--blurs-md)" + }, + "blurs.lg": { + "value": "16px", + "variable": "var(--blurs-lg)" + }, + "blurs.xl": { + "value": "24px", + "variable": "var(--blurs-xl)" + }, + "blurs.2xl": { + "value": "40px", + "variable": "var(--blurs-2xl)" + }, + "blurs.3xl": { + "value": "64px", + "variable": "var(--blurs-3xl)" + }, + "spacing.0": { + "value": "0rem", + "variable": "var(--spacing-0)" + }, + "spacing.1": { + "value": "0.25rem", + "variable": "var(--spacing-1)" + }, + "spacing.2": { + "value": "0.5rem", + "variable": "var(--spacing-2)" + }, + "spacing.3": { + "value": "0.75rem", + "variable": "var(--spacing-3)" + }, + "spacing.4": { + "value": "1rem", + "variable": "var(--spacing-4)" + }, + "spacing.5": { + "value": "1.25rem", + "variable": "var(--spacing-5)" + }, + "spacing.6": { + "value": "1.5rem", + "variable": "var(--spacing-6)" + }, + "spacing.7": { + "value": "1.75rem", + "variable": "var(--spacing-7)" + }, + "spacing.8": { + "value": "2rem", + "variable": "var(--spacing-8)" + }, + "spacing.9": { + "value": "2.25rem", + "variable": "var(--spacing-9)" + }, + "spacing.10": { + "value": "2.5rem", + "variable": "var(--spacing-10)" + }, + "spacing.11": { + "value": "2.75rem", + "variable": "var(--spacing-11)" + }, + "spacing.12": { + "value": "3rem", + "variable": "var(--spacing-12)" + }, + "spacing.14": { + "value": "3.5rem", + "variable": "var(--spacing-14)" + }, + "spacing.16": { + "value": "4rem", + "variable": "var(--spacing-16)" + }, + "spacing.20": { + "value": "5rem", + "variable": "var(--spacing-20)" + }, + "spacing.24": { + "value": "6rem", + "variable": "var(--spacing-24)" + }, + "spacing.28": { + "value": "7rem", + "variable": "var(--spacing-28)" + }, + "spacing.32": { + "value": "8rem", + "variable": "var(--spacing-32)" + }, + "spacing.36": { + "value": "9rem", + "variable": "var(--spacing-36)" + }, + "spacing.40": { + "value": "10rem", + "variable": "var(--spacing-40)" + }, + "spacing.44": { + "value": "11rem", + "variable": "var(--spacing-44)" + }, + "spacing.48": { + "value": "12rem", + "variable": "var(--spacing-48)" + }, + "spacing.52": { + "value": "13rem", + "variable": "var(--spacing-52)" + }, + "spacing.56": { + "value": "14rem", + "variable": "var(--spacing-56)" + }, + "spacing.60": { + "value": "15rem", + "variable": "var(--spacing-60)" + }, + "spacing.64": { + "value": "16rem", + "variable": "var(--spacing-64)" + }, + "spacing.72": { + "value": "18rem", + "variable": "var(--spacing-72)" + }, + "spacing.80": { + "value": "20rem", + "variable": "var(--spacing-80)" + }, + "spacing.96": { + "value": "24rem", + "variable": "var(--spacing-96)" + }, + "spacing.0.5": { + "value": "0.125rem", + "variable": "var(--spacing-0\\.5)" + }, + "spacing.1.5": { + "value": "0.375rem", + "variable": "var(--spacing-1\\.5)" + }, + "spacing.2.5": { + "value": "0.625rem", + "variable": "var(--spacing-2\\.5)" + }, + "spacing.3.5": { + "value": "0.875rem", + "variable": "var(--spacing-3\\.5)" + }, + "sizes.0": { + "value": "0rem", + "variable": "var(--sizes-0)" + }, + "sizes.1": { + "value": "0.25rem", + "variable": "var(--sizes-1)" + }, + "sizes.2": { + "value": "0.5rem", + "variable": "var(--sizes-2)" + }, + "sizes.3": { + "value": "0.75rem", + "variable": "var(--sizes-3)" + }, + "sizes.4": { + "value": "1rem", + "variable": "var(--sizes-4)" + }, + "sizes.5": { + "value": "1.25rem", + "variable": "var(--sizes-5)" + }, + "sizes.6": { + "value": "1.5rem", + "variable": "var(--sizes-6)" + }, + "sizes.7": { + "value": "1.75rem", + "variable": "var(--sizes-7)" + }, + "sizes.8": { + "value": "2rem", + "variable": "var(--sizes-8)" + }, + "sizes.9": { + "value": "2.25rem", + "variable": "var(--sizes-9)" + }, + "sizes.10": { + "value": "2.5rem", + "variable": "var(--sizes-10)" + }, + "sizes.11": { + "value": "2.75rem", + "variable": "var(--sizes-11)" + }, + "sizes.12": { + "value": "3rem", + "variable": "var(--sizes-12)" + }, + "sizes.14": { + "value": "3.5rem", + "variable": "var(--sizes-14)" + }, + "sizes.16": { + "value": "4rem", + "variable": "var(--sizes-16)" + }, + "sizes.20": { + "value": "5rem", + "variable": "var(--sizes-20)" + }, + "sizes.24": { + "value": "6rem", + "variable": "var(--sizes-24)" + }, + "sizes.28": { + "value": "7rem", + "variable": "var(--sizes-28)" + }, + "sizes.32": { + "value": "8rem", + "variable": "var(--sizes-32)" + }, + "sizes.36": { + "value": "9rem", + "variable": "var(--sizes-36)" + }, + "sizes.40": { + "value": "10rem", + "variable": "var(--sizes-40)" + }, + "sizes.44": { + "value": "11rem", + "variable": "var(--sizes-44)" + }, + "sizes.48": { + "value": "12rem", + "variable": "var(--sizes-48)" + }, + "sizes.52": { + "value": "13rem", + "variable": "var(--sizes-52)" + }, + "sizes.56": { + "value": "14rem", + "variable": "var(--sizes-56)" + }, + "sizes.60": { + "value": "15rem", + "variable": "var(--sizes-60)" + }, + "sizes.64": { + "value": "16rem", + "variable": "var(--sizes-64)" + }, + "sizes.72": { + "value": "18rem", + "variable": "var(--sizes-72)" + }, + "sizes.80": { + "value": "20rem", + "variable": "var(--sizes-80)" + }, + "sizes.96": { + "value": "24rem", + "variable": "var(--sizes-96)" + }, + "sizes.0.5": { + "value": "0.125rem", + "variable": "var(--sizes-0\\.5)" + }, + "sizes.1.5": { + "value": "0.375rem", + "variable": "var(--sizes-1\\.5)" + }, + "sizes.2.5": { + "value": "0.625rem", + "variable": "var(--sizes-2\\.5)" + }, + "sizes.3.5": { + "value": "0.875rem", + "variable": "var(--sizes-3\\.5)" + }, + "sizes.xs": { + "value": "20rem", + "variable": "var(--sizes-xs)" + }, + "sizes.sm": { + "value": "24rem", + "variable": "var(--sizes-sm)" + }, + "sizes.md": { + "value": "28rem", + "variable": "var(--sizes-md)" + }, + "sizes.lg": { + "value": "32rem", + "variable": "var(--sizes-lg)" + }, + "sizes.xl": { + "value": "36rem", + "variable": "var(--sizes-xl)" + }, + "sizes.2xl": { + "value": "42rem", + "variable": "var(--sizes-2xl)" + }, + "sizes.3xl": { + "value": "48rem", + "variable": "var(--sizes-3xl)" + }, + "sizes.4xl": { + "value": "56rem", + "variable": "var(--sizes-4xl)" + }, + "sizes.5xl": { + "value": "64rem", + "variable": "var(--sizes-5xl)" + }, + "sizes.6xl": { + "value": "72rem", + "variable": "var(--sizes-6xl)" + }, + "sizes.7xl": { + "value": "80rem", + "variable": "var(--sizes-7xl)" + }, + "sizes.8xl": { + "value": "90rem", + "variable": "var(--sizes-8xl)" + }, + "sizes.prose": { + "value": "65ch", + "variable": "var(--sizes-prose)" + }, + "sizes.full": { + "value": "100%", + "variable": "var(--sizes-full)" + }, + "sizes.min": { + "value": "min-content", + "variable": "var(--sizes-min)" + }, + "sizes.max": { + "value": "max-content", + "variable": "var(--sizes-max)" + }, + "sizes.fit": { + "value": "fit-content", + "variable": "var(--sizes-fit)" + }, + "sizes.breakpoint-sm": { + "value": "640px", + "variable": "var(--sizes-breakpoint-sm)" + }, + "sizes.breakpoint-md": { + "value": "768px", + "variable": "var(--sizes-breakpoint-md)" + }, + "sizes.breakpoint-lg": { + "value": "1024px", + "variable": "var(--sizes-breakpoint-lg)" + }, + "sizes.breakpoint-xl": { + "value": "1280px", + "variable": "var(--sizes-breakpoint-xl)" + }, + "sizes.breakpoint-2xl": { + "value": "1536px", + "variable": "var(--sizes-breakpoint-2xl)" + }, + "animations.spin": { + "value": "spin 1s linear infinite", + "variable": "var(--animations-spin)" + }, + "animations.ping": { + "value": "ping 1s cubic-bezier(0, 0, 0.2, 1) infinite", + "variable": "var(--animations-ping)" + }, + "animations.pulse": { + "value": "pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite", + "variable": "var(--animations-pulse)" + }, + "animations.bounce": { + "value": "bounce 1s infinite", + "variable": "var(--animations-bounce)" + }, + "lineHeights.3": { + "value": ".75rem", + "variable": "var(--line-heights-3)" + }, + "lineHeights.4": { + "value": "1rem", + "variable": "var(--line-heights-4)" + }, + "lineHeights.5": { + "value": "1.25rem", + "variable": "var(--line-heights-5)" + }, + "lineHeights.6": { + "value": "1.5rem", + "variable": "var(--line-heights-6)" + }, + "lineHeights.7": { + "value": "1.75rem", + "variable": "var(--line-heights-7)" + }, + "lineHeights.8": { + "value": "2rem", + "variable": "var(--line-heights-8)" + }, + "lineHeights.9": { + "value": "2.25rem", + "variable": "var(--line-heights-9)" + }, + "lineHeights.10": { + "value": "2.5rem", + "variable": "var(--line-heights-10)" + }, + "lineHeights.none": { + "value": "1", + "variable": "var(--line-heights-none)" + }, + "lineHeights.tight": { + "value": "1.25", + "variable": "var(--line-heights-tight)" + }, + "lineHeights.snug": { + "value": "1.375", + "variable": "var(--line-heights-snug)" + }, + "lineHeights.normal": { + "value": "1.5", + "variable": "var(--line-heights-normal)" + }, + "lineHeights.relaxed": { + "value": "1.625", + "variable": "var(--line-heights-relaxed)" + }, + "lineHeights.loose": { + "value": "2", + "variable": "var(--line-heights-loose)" + }, + "radii.xs": { + "value": "0.125rem", + "variable": "var(--radii-xs)" + }, + "radii.sm": { + "value": "calc(var(--radii-radius) - 4px)", + "variable": "var(--radii-sm)" + }, + "radii.md": { + "value": "calc(var(--radii-radius) - 2px)", + "variable": "var(--radii-md)" + }, + "radii.lg": { + "value": "var(--radii-radius)", + "variable": "var(--radii-lg)" + }, + "radii.xl": { + "value": "calc(var(--radii-radius) + 4px)", + "variable": "var(--radii-xl)" + }, + "radii.2xl": { + "value": "1rem", + "variable": "var(--radii-2xl)" + }, + "radii.3xl": { + "value": "1.5rem", + "variable": "var(--radii-3xl)" + }, + "radii.full": { + "value": "9999px", + "variable": "var(--radii-full)" + }, + "radii.radius": { + "value": "0.5rem", + "variable": "var(--radii-radius)" + }, + "colors.current": { + "value": "currentColor", + "variable": "var(--colors-current)" + }, + "colors.transparent": { + "value": "rgb(0 0 0 / 0)", + "variable": "var(--colors-transparent)" + }, + "colors.rose.50": { + "value": "#fff1f2", + "variable": "var(--colors-rose-50)" + }, + "colors.rose.100": { + "value": "#ffe4e6", + "variable": "var(--colors-rose-100)" + }, + "colors.rose.200": { + "value": "#fecdd3", + "variable": "var(--colors-rose-200)" + }, + "colors.rose.300": { + "value": "#fda4af", + "variable": "var(--colors-rose-300)" + }, + "colors.rose.400": { + "value": "#fb7185", + "variable": "var(--colors-rose-400)" + }, + "colors.rose.500": { + "value": "#f43f5e", + "variable": "var(--colors-rose-500)" + }, + "colors.rose.600": { + "value": "#e11d48", + "variable": "var(--colors-rose-600)" + }, + "colors.rose.700": { + "value": "#be123c", + "variable": "var(--colors-rose-700)" + }, + "colors.rose.800": { + "value": "#9f1239", + "variable": "var(--colors-rose-800)" + }, + "colors.rose.900": { + "value": "#881337", + "variable": "var(--colors-rose-900)" + }, + "colors.rose.950": { + "value": "#4c0519", + "variable": "var(--colors-rose-950)" + }, + "colors.fuchsia.50": { + "value": "#fdf4ff", + "variable": "var(--colors-fuchsia-50)" + }, + "colors.fuchsia.100": { + "value": "#fae8ff", + "variable": "var(--colors-fuchsia-100)" + }, + "colors.fuchsia.200": { + "value": "#f5d0fe", + "variable": "var(--colors-fuchsia-200)" + }, + "colors.fuchsia.300": { + "value": "#f0abfc", + "variable": "var(--colors-fuchsia-300)" + }, + "colors.fuchsia.400": { + "value": "#e879f9", + "variable": "var(--colors-fuchsia-400)" + }, + "colors.fuchsia.500": { + "value": "#d946ef", + "variable": "var(--colors-fuchsia-500)" + }, + "colors.fuchsia.600": { + "value": "#c026d3", + "variable": "var(--colors-fuchsia-600)" + }, + "colors.fuchsia.700": { + "value": "#a21caf", + "variable": "var(--colors-fuchsia-700)" + }, + "colors.fuchsia.800": { + "value": "#86198f", + "variable": "var(--colors-fuchsia-800)" + }, + "colors.fuchsia.900": { + "value": "#701a75", + "variable": "var(--colors-fuchsia-900)" + }, + "colors.fuchsia.950": { + "value": "#4a044e", + "variable": "var(--colors-fuchsia-950)" + }, + "colors.purple.50": { + "value": "#faf5ff", + "variable": "var(--colors-purple-50)" + }, + "colors.purple.100": { + "value": "#f3e8ff", + "variable": "var(--colors-purple-100)" + }, + "colors.purple.200": { + "value": "#e9d5ff", + "variable": "var(--colors-purple-200)" + }, + "colors.purple.300": { + "value": "#d8b4fe", + "variable": "var(--colors-purple-300)" + }, + "colors.purple.400": { + "value": "#c084fc", + "variable": "var(--colors-purple-400)" + }, + "colors.purple.500": { + "value": "#a855f7", + "variable": "var(--colors-purple-500)" + }, + "colors.purple.600": { + "value": "#9333ea", + "variable": "var(--colors-purple-600)" + }, + "colors.purple.700": { + "value": "#7e22ce", + "variable": "var(--colors-purple-700)" + }, + "colors.purple.800": { + "value": "#6b21a8", + "variable": "var(--colors-purple-800)" + }, + "colors.purple.900": { + "value": "#581c87", + "variable": "var(--colors-purple-900)" + }, + "colors.purple.950": { + "value": "#3b0764", + "variable": "var(--colors-purple-950)" + }, + "colors.violet.50": { + "value": "#f5f3ff", + "variable": "var(--colors-violet-50)" + }, + "colors.violet.100": { + "value": "#ede9fe", + "variable": "var(--colors-violet-100)" + }, + "colors.violet.200": { + "value": "#ddd6fe", + "variable": "var(--colors-violet-200)" + }, + "colors.violet.300": { + "value": "#c4b5fd", + "variable": "var(--colors-violet-300)" + }, + "colors.violet.400": { + "value": "#a78bfa", + "variable": "var(--colors-violet-400)" + }, + "colors.violet.500": { + "value": "#8b5cf6", + "variable": "var(--colors-violet-500)" + }, + "colors.violet.600": { + "value": "#7c3aed", + "variable": "var(--colors-violet-600)" + }, + "colors.violet.700": { + "value": "#6d28d9", + "variable": "var(--colors-violet-700)" + }, + "colors.violet.800": { + "value": "#5b21b6", + "variable": "var(--colors-violet-800)" + }, + "colors.violet.900": { + "value": "#4c1d95", + "variable": "var(--colors-violet-900)" + }, + "colors.violet.950": { + "value": "#2e1065", + "variable": "var(--colors-violet-950)" + }, + "colors.indigo.50": { + "value": "#eef2ff", + "variable": "var(--colors-indigo-50)" + }, + "colors.indigo.100": { + "value": "#e0e7ff", + "variable": "var(--colors-indigo-100)" + }, + "colors.indigo.200": { + "value": "#c7d2fe", + "variable": "var(--colors-indigo-200)" + }, + "colors.indigo.300": { + "value": "#a5b4fc", + "variable": "var(--colors-indigo-300)" + }, + "colors.indigo.400": { + "value": "#818cf8", + "variable": "var(--colors-indigo-400)" + }, + "colors.indigo.500": { + "value": "#6366f1", + "variable": "var(--colors-indigo-500)" + }, + "colors.indigo.600": { + "value": "#4f46e5", + "variable": "var(--colors-indigo-600)" + }, + "colors.indigo.700": { + "value": "#4338ca", + "variable": "var(--colors-indigo-700)" + }, + "colors.indigo.800": { + "value": "#3730a3", + "variable": "var(--colors-indigo-800)" + }, + "colors.indigo.900": { + "value": "#312e81", + "variable": "var(--colors-indigo-900)" + }, + "colors.indigo.950": { + "value": "#1e1b4b", + "variable": "var(--colors-indigo-950)" + }, + "colors.blue.50": { + "value": "#eff6ff", + "variable": "var(--colors-blue-50)" + }, + "colors.blue.100": { + "value": "#dbeafe", + "variable": "var(--colors-blue-100)" + }, + "colors.blue.200": { + "value": "#bfdbfe", + "variable": "var(--colors-blue-200)" + }, + "colors.blue.300": { + "value": "#93c5fd", + "variable": "var(--colors-blue-300)" + }, + "colors.blue.400": { + "value": "#60a5fa", + "variable": "var(--colors-blue-400)" + }, + "colors.blue.500": { + "value": "#3b82f6", + "variable": "var(--colors-blue-500)" + }, + "colors.blue.600": { + "value": "#2563eb", + "variable": "var(--colors-blue-600)" + }, + "colors.blue.700": { + "value": "#1d4ed8", + "variable": "var(--colors-blue-700)" + }, + "colors.blue.800": { + "value": "#1e40af", + "variable": "var(--colors-blue-800)" + }, + "colors.blue.900": { + "value": "#1e3a8a", + "variable": "var(--colors-blue-900)" + }, + "colors.blue.950": { + "value": "#172554", + "variable": "var(--colors-blue-950)" + }, + "colors.cyan.50": { + "value": "#ecfeff", + "variable": "var(--colors-cyan-50)" + }, + "colors.cyan.100": { + "value": "#cffafe", + "variable": "var(--colors-cyan-100)" + }, + "colors.cyan.200": { + "value": "#a5f3fc", + "variable": "var(--colors-cyan-200)" + }, + "colors.cyan.300": { + "value": "#67e8f9", + "variable": "var(--colors-cyan-300)" + }, + "colors.cyan.400": { + "value": "#22d3ee", + "variable": "var(--colors-cyan-400)" + }, + "colors.cyan.500": { + "value": "#06b6d4", + "variable": "var(--colors-cyan-500)" + }, + "colors.cyan.600": { + "value": "#0891b2", + "variable": "var(--colors-cyan-600)" + }, + "colors.cyan.700": { + "value": "#0e7490", + "variable": "var(--colors-cyan-700)" + }, + "colors.cyan.800": { + "value": "#155e75", + "variable": "var(--colors-cyan-800)" + }, + "colors.cyan.900": { + "value": "#164e63", + "variable": "var(--colors-cyan-900)" + }, + "colors.cyan.950": { + "value": "#083344", + "variable": "var(--colors-cyan-950)" + }, + "colors.teal.50": { + "value": "#f0fdfa", + "variable": "var(--colors-teal-50)" + }, + "colors.teal.100": { + "value": "#ccfbf1", + "variable": "var(--colors-teal-100)" + }, + "colors.teal.200": { + "value": "#99f6e4", + "variable": "var(--colors-teal-200)" + }, + "colors.teal.300": { + "value": "#5eead4", + "variable": "var(--colors-teal-300)" + }, + "colors.teal.400": { + "value": "#2dd4bf", + "variable": "var(--colors-teal-400)" + }, + "colors.teal.500": { + "value": "#14b8a6", + "variable": "var(--colors-teal-500)" + }, + "colors.teal.600": { + "value": "#0d9488", + "variable": "var(--colors-teal-600)" + }, + "colors.teal.700": { + "value": "#0f766e", + "variable": "var(--colors-teal-700)" + }, + "colors.teal.800": { + "value": "#115e59", + "variable": "var(--colors-teal-800)" + }, + "colors.teal.900": { + "value": "#134e4a", + "variable": "var(--colors-teal-900)" + }, + "colors.teal.950": { + "value": "#042f2e", + "variable": "var(--colors-teal-950)" + }, + "colors.emerald.50": { + "value": "#ecfdf5", + "variable": "var(--colors-emerald-50)" + }, + "colors.emerald.100": { + "value": "#d1fae5", + "variable": "var(--colors-emerald-100)" + }, + "colors.emerald.200": { + "value": "#a7f3d0", + "variable": "var(--colors-emerald-200)" + }, + "colors.emerald.300": { + "value": "#6ee7b7", + "variable": "var(--colors-emerald-300)" + }, + "colors.emerald.400": { + "value": "#34d399", + "variable": "var(--colors-emerald-400)" + }, + "colors.emerald.500": { + "value": "#10b981", + "variable": "var(--colors-emerald-500)" + }, + "colors.emerald.600": { + "value": "#059669", + "variable": "var(--colors-emerald-600)" + }, + "colors.emerald.700": { + "value": "#047857", + "variable": "var(--colors-emerald-700)" + }, + "colors.emerald.800": { + "value": "#065f46", + "variable": "var(--colors-emerald-800)" + }, + "colors.emerald.900": { + "value": "#064e3b", + "variable": "var(--colors-emerald-900)" + }, + "colors.emerald.950": { + "value": "#022c22", + "variable": "var(--colors-emerald-950)" + }, + "colors.lime.50": { + "value": "#f7fee7", + "variable": "var(--colors-lime-50)" + }, + "colors.lime.100": { + "value": "#ecfccb", + "variable": "var(--colors-lime-100)" + }, + "colors.lime.200": { + "value": "#d9f99d", + "variable": "var(--colors-lime-200)" + }, + "colors.lime.300": { + "value": "#bef264", + "variable": "var(--colors-lime-300)" + }, + "colors.lime.400": { + "value": "#a3e635", + "variable": "var(--colors-lime-400)" + }, + "colors.lime.500": { + "value": "#84cc16", + "variable": "var(--colors-lime-500)" + }, + "colors.lime.600": { + "value": "#65a30d", + "variable": "var(--colors-lime-600)" + }, + "colors.lime.700": { + "value": "#4d7c0f", + "variable": "var(--colors-lime-700)" + }, + "colors.lime.800": { + "value": "#3f6212", + "variable": "var(--colors-lime-800)" + }, + "colors.lime.900": { + "value": "#365314", + "variable": "var(--colors-lime-900)" + }, + "colors.lime.950": { + "value": "#1a2e05", + "variable": "var(--colors-lime-950)" + }, + "colors.yellow.50": { + "value": "#fefce8", + "variable": "var(--colors-yellow-50)" + }, + "colors.yellow.100": { + "value": "#fef9c3", + "variable": "var(--colors-yellow-100)" + }, + "colors.yellow.200": { + "value": "#fef08a", + "variable": "var(--colors-yellow-200)" + }, + "colors.yellow.300": { + "value": "#fde047", + "variable": "var(--colors-yellow-300)" + }, + "colors.yellow.400": { + "value": "#facc15", + "variable": "var(--colors-yellow-400)" + }, + "colors.yellow.500": { + "value": "#eab308", + "variable": "var(--colors-yellow-500)" + }, + "colors.yellow.600": { + "value": "#ca8a04", + "variable": "var(--colors-yellow-600)" + }, + "colors.yellow.700": { + "value": "#a16207", + "variable": "var(--colors-yellow-700)" + }, + "colors.yellow.800": { + "value": "#854d0e", + "variable": "var(--colors-yellow-800)" + }, + "colors.yellow.900": { + "value": "#713f12", + "variable": "var(--colors-yellow-900)" + }, + "colors.yellow.950": { + "value": "#422006", + "variable": "var(--colors-yellow-950)" + }, + "colors.amber.50": { + "value": "#fffbeb", + "variable": "var(--colors-amber-50)" + }, + "colors.amber.100": { + "value": "#fef3c7", + "variable": "var(--colors-amber-100)" + }, + "colors.amber.200": { + "value": "#fde68a", + "variable": "var(--colors-amber-200)" + }, + "colors.amber.300": { + "value": "#fcd34d", + "variable": "var(--colors-amber-300)" + }, + "colors.amber.400": { + "value": "#fbbf24", + "variable": "var(--colors-amber-400)" + }, + "colors.amber.500": { + "value": "#f59e0b", + "variable": "var(--colors-amber-500)" + }, + "colors.amber.600": { + "value": "#d97706", + "variable": "var(--colors-amber-600)" + }, + "colors.amber.700": { + "value": "#b45309", + "variable": "var(--colors-amber-700)" + }, + "colors.amber.800": { + "value": "#92400e", + "variable": "var(--colors-amber-800)" + }, + "colors.amber.900": { + "value": "#78350f", + "variable": "var(--colors-amber-900)" + }, + "colors.amber.950": { + "value": "#451a03", + "variable": "var(--colors-amber-950)" + }, + "colors.orange.50": { + "value": "#fff7ed", + "variable": "var(--colors-orange-50)" + }, + "colors.orange.100": { + "value": "#ffedd5", + "variable": "var(--colors-orange-100)" + }, + "colors.orange.200": { + "value": "#fed7aa", + "variable": "var(--colors-orange-200)" + }, + "colors.orange.300": { + "value": "#fdba74", + "variable": "var(--colors-orange-300)" + }, + "colors.orange.400": { + "value": "#fb923c", + "variable": "var(--colors-orange-400)" + }, + "colors.orange.500": { + "value": "#f97316", + "variable": "var(--colors-orange-500)" + }, + "colors.orange.600": { + "value": "#ea580c", + "variable": "var(--colors-orange-600)" + }, + "colors.orange.700": { + "value": "#c2410c", + "variable": "var(--colors-orange-700)" + }, + "colors.orange.800": { + "value": "#9a3412", + "variable": "var(--colors-orange-800)" + }, + "colors.orange.900": { + "value": "#7c2d12", + "variable": "var(--colors-orange-900)" + }, + "colors.orange.950": { + "value": "#431407", + "variable": "var(--colors-orange-950)" + }, + "colors.red.50": { + "value": "#fef2f2", + "variable": "var(--colors-red-50)" + }, + "colors.red.100": { + "value": "#fee2e2", + "variable": "var(--colors-red-100)" + }, + "colors.red.200": { + "value": "#fecaca", + "variable": "var(--colors-red-200)" + }, + "colors.red.300": { + "value": "#fca5a5", + "variable": "var(--colors-red-300)" + }, + "colors.red.400": { + "value": "#f87171", + "variable": "var(--colors-red-400)" + }, + "colors.red.500": { + "value": "#ef4444", + "variable": "var(--colors-red-500)" + }, + "colors.red.600": { + "value": "#dc2626", + "variable": "var(--colors-red-600)" + }, + "colors.red.700": { + "value": "#b91c1c", + "variable": "var(--colors-red-700)" + }, + "colors.red.800": { + "value": "#991b1b", + "variable": "var(--colors-red-800)" + }, + "colors.red.900": { + "value": "#7f1d1d", + "variable": "var(--colors-red-900)" + }, + "colors.red.950": { + "value": "#450a0a", + "variable": "var(--colors-red-950)" + }, + "colors.neutral.50": { + "value": "#fafafa", + "variable": "var(--colors-neutral-50)" + }, + "colors.neutral.100": { + "value": "#f5f5f5", + "variable": "var(--colors-neutral-100)" + }, + "colors.neutral.200": { + "value": "#e5e5e5", + "variable": "var(--colors-neutral-200)" + }, + "colors.neutral.300": { + "value": "#d4d4d4", + "variable": "var(--colors-neutral-300)" + }, + "colors.neutral.400": { + "value": "#a3a3a3", + "variable": "var(--colors-neutral-400)" + }, + "colors.neutral.500": { + "value": "#737373", + "variable": "var(--colors-neutral-500)" + }, + "colors.neutral.600": { + "value": "#525252", + "variable": "var(--colors-neutral-600)" + }, + "colors.neutral.700": { + "value": "#404040", + "variable": "var(--colors-neutral-700)" + }, + "colors.neutral.800": { + "value": "#262626", + "variable": "var(--colors-neutral-800)" + }, + "colors.neutral.900": { + "value": "#171717", + "variable": "var(--colors-neutral-900)" + }, + "colors.neutral.950": { + "value": "#0a0a0a", + "variable": "var(--colors-neutral-950)" + }, + "colors.stone.50": { + "value": "#fafaf9", + "variable": "var(--colors-stone-50)" + }, + "colors.stone.100": { + "value": "#f5f5f4", + "variable": "var(--colors-stone-100)" + }, + "colors.stone.200": { + "value": "#e7e5e4", + "variable": "var(--colors-stone-200)" + }, + "colors.stone.300": { + "value": "#d6d3d1", + "variable": "var(--colors-stone-300)" + }, + "colors.stone.400": { + "value": "#a8a29e", + "variable": "var(--colors-stone-400)" + }, + "colors.stone.500": { + "value": "#78716c", + "variable": "var(--colors-stone-500)" + }, + "colors.stone.600": { + "value": "#57534e", + "variable": "var(--colors-stone-600)" + }, + "colors.stone.700": { + "value": "#44403c", + "variable": "var(--colors-stone-700)" + }, + "colors.stone.800": { + "value": "#292524", + "variable": "var(--colors-stone-800)" + }, + "colors.stone.900": { + "value": "#1c1917", + "variable": "var(--colors-stone-900)" + }, + "colors.stone.950": { + "value": "#0c0a09", + "variable": "var(--colors-stone-950)" + }, + "colors.zinc.50": { + "value": "#fafafa", + "variable": "var(--colors-zinc-50)" + }, + "colors.zinc.100": { + "value": "#f4f4f5", + "variable": "var(--colors-zinc-100)" + }, + "colors.zinc.200": { + "value": "#e4e4e7", + "variable": "var(--colors-zinc-200)" + }, + "colors.zinc.300": { + "value": "#d4d4d8", + "variable": "var(--colors-zinc-300)" + }, + "colors.zinc.400": { + "value": "#a1a1aa", + "variable": "var(--colors-zinc-400)" + }, + "colors.zinc.500": { + "value": "#71717a", + "variable": "var(--colors-zinc-500)" + }, + "colors.zinc.600": { + "value": "#52525b", + "variable": "var(--colors-zinc-600)" + }, + "colors.zinc.700": { + "value": "#3f3f46", + "variable": "var(--colors-zinc-700)" + }, + "colors.zinc.800": { + "value": "#27272a", + "variable": "var(--colors-zinc-800)" + }, + "colors.zinc.900": { + "value": "#18181b", + "variable": "var(--colors-zinc-900)" + }, + "colors.zinc.950": { + "value": "#09090b", + "variable": "var(--colors-zinc-950)" + }, + "colors.gray.50": { + "value": "#f9fafb", + "variable": "var(--colors-gray-50)" + }, + "colors.gray.100": { + "value": "#f3f4f6", + "variable": "var(--colors-gray-100)" + }, + "colors.gray.200": { + "value": "#e5e7eb", + "variable": "var(--colors-gray-200)" + }, + "colors.gray.300": { + "value": "#d1d5db", + "variable": "var(--colors-gray-300)" + }, + "colors.gray.400": { + "value": "#9ca3af", + "variable": "var(--colors-gray-400)" + }, + "colors.gray.500": { + "value": "#6b7280", + "variable": "var(--colors-gray-500)" + }, + "colors.gray.600": { + "value": "#4b5563", + "variable": "var(--colors-gray-600)" + }, + "colors.gray.700": { + "value": "#374151", + "variable": "var(--colors-gray-700)" + }, + "colors.gray.800": { + "value": "#1f2937", + "variable": "var(--colors-gray-800)" + }, + "colors.gray.900": { + "value": "#111827", + "variable": "var(--colors-gray-900)" + }, + "colors.gray.950": { + "value": "#030712", + "variable": "var(--colors-gray-950)" + }, + "colors.slate.50": { + "value": "#f8fafc", + "variable": "var(--colors-slate-50)" + }, + "colors.slate.100": { + "value": "#f1f5f9", + "variable": "var(--colors-slate-100)" + }, + "colors.slate.200": { + "value": "#e2e8f0", + "variable": "var(--colors-slate-200)" + }, + "colors.slate.300": { + "value": "#cbd5e1", + "variable": "var(--colors-slate-300)" + }, + "colors.slate.400": { + "value": "#94a3b8", + "variable": "var(--colors-slate-400)" + }, + "colors.slate.500": { + "value": "#64748b", + "variable": "var(--colors-slate-500)" + }, + "colors.slate.600": { + "value": "#475569", + "variable": "var(--colors-slate-600)" + }, + "colors.slate.700": { + "value": "#334155", + "variable": "var(--colors-slate-700)" + }, + "colors.slate.800": { + "value": "#1e293b", + "variable": "var(--colors-slate-800)" + }, + "colors.slate.900": { + "value": "#0f172a", + "variable": "var(--colors-slate-900)" + }, + "colors.slate.950": { + "value": "#020617", + "variable": "var(--colors-slate-950)" + }, + "colors.grayscale.0": { + "value": "var(--colors-white)", + "variable": "var(--colors-grayscale-0)" + }, + "colors.grayscale.50": { + "value": "var(--colors-zinc-50)", + "variable": "var(--colors-grayscale-50)" + }, + "colors.grayscale.100": { + "value": "var(--colors-zinc-100)", + "variable": "var(--colors-grayscale-100)" + }, + "colors.grayscale.200": { + "value": "var(--colors-zinc-200)", + "variable": "var(--colors-grayscale-200)" + }, + "colors.grayscale.300": { + "value": "var(--colors-zinc-300)", + "variable": "var(--colors-grayscale-300)" + }, + "colors.grayscale.400": { + "value": "var(--colors-zinc-400)", + "variable": "var(--colors-grayscale-400)" + }, + "colors.grayscale.500": { + "value": "var(--colors-zinc-500)", + "variable": "var(--colors-grayscale-500)" + }, + "colors.grayscale.600": { + "value": "var(--colors-zinc-600)", + "variable": "var(--colors-grayscale-600)" + }, + "colors.grayscale.700": { + "value": "var(--colors-zinc-700)", + "variable": "var(--colors-grayscale-700)" + }, + "colors.grayscale.800": { + "value": "var(--colors-zinc-800)", + "variable": "var(--colors-grayscale-800)" + }, + "colors.grayscale.900": { + "value": "var(--colors-zinc-900)", + "variable": "var(--colors-grayscale-900)" + }, + "colors.grayscale.950": { + "value": "var(--colors-zinc-950)", + "variable": "var(--colors-grayscale-950)" + }, + "colors.black": { + "value": "#000000", + "variable": "var(--colors-black)" + }, + "colors.black_100": { + "value": "rgba(0, 0, 0, 1)", + "variable": "var(--colors-black_100)" + }, + "colors.black_90": { + "value": "rgba(0, 0, 0, 0.9)", + "variable": "var(--colors-black_90)" + }, + "colors.black_75": { + "value": "rgba(0, 0, 0, 0.75)", + "variable": "var(--colors-black_75)" + }, + "colors.black_50": { + "value": "rgba(0, 0, 0, 0.5)", + "variable": "var(--colors-black_50)" + }, + "colors.black_25": { + "value": "rgba(0, 0, 0, 0.25)", + "variable": "var(--colors-black_25)" + }, + "colors.black_10": { + "value": "rgba(0, 0, 0, 0.1)", + "variable": "var(--colors-black_10)" + }, + "colors.black_5": { + "value": "rgba(0, 0, 0, 0.05)", + "variable": "var(--colors-black_5)" + }, + "colors.white": { + "value": "#FFFFFF", + "variable": "var(--colors-white)" + }, + "colors.white_100": { + "value": "rgba(255, 255, 255, 1)", + "variable": "var(--colors-white_100)" + }, + "colors.white_90": { + "value": "rgba(255, 255, 255, 0.9)", + "variable": "var(--colors-white_90)" + }, + "colors.white_75": { + "value": "rgba(255, 255, 255, 0.75)", + "variable": "var(--colors-white_75)" + }, + "colors.white_50": { + "value": "rgba(255, 255, 255, 0.5)", + "variable": "var(--colors-white_50)" + }, + "colors.white_25": { + "value": "rgba(255, 255, 255, 0.25)", + "variable": "var(--colors-white_25)" + }, + "colors.white_10": { + "value": "rgba(255, 255, 255, 0.1)", + "variable": "var(--colors-white_10)" + }, + "colors.white_5": { + "value": "rgba(255, 255, 255, 0.05)", + "variable": "var(--colors-white_5)" + }, + "colors.sky.50": { + "value": "#f0f9ff", + "variable": "var(--colors-sky-50)" + }, + "colors.sky.100": { + "value": "#e0f2fe", + "variable": "var(--colors-sky-100)" + }, + "colors.sky.200": { + "value": "#bae6fd", + "variable": "var(--colors-sky-200)" + }, + "colors.sky.300": { + "value": "#7dd3fc", + "variable": "var(--colors-sky-300)" + }, + "colors.sky.400": { + "value": "#38bdf8", + "variable": "var(--colors-sky-400)" + }, + "colors.sky.500": { + "value": "#0ea5e9", + "variable": "var(--colors-sky-500)" + }, + "colors.sky.600": { + "value": "#0284c7", + "variable": "var(--colors-sky-600)" + }, + "colors.sky.700": { + "value": "#0369a1", + "variable": "var(--colors-sky-700)" + }, + "colors.sky.800": { + "value": "#075985", + "variable": "var(--colors-sky-800)" + }, + "colors.sky.900": { + "value": "#0c4a6e", + "variable": "var(--colors-sky-900)" + }, + "colors.sky.950": { + "value": "#082f49", + "variable": "var(--colors-sky-950)" + }, + "colors.sky": { + "value": "#C4F2F7", + "variable": "var(--colors-sky)" + }, + "colors.mint": { + "value": "#DAFDEC", + "variable": "var(--colors-mint)" + }, + "colors.blush": { + "value": "#FFE6DB", + "variable": "var(--colors-blush)" + }, + "colors.lavender": { + "value": "#F5EDFD", + "variable": "var(--colors-lavender)" + }, + "colors.pink.50": { + "value": "#fdf2f8", + "variable": "var(--colors-pink-50)" + }, + "colors.pink.100": { + "value": "#fce7f3", + "variable": "var(--colors-pink-100)" + }, + "colors.pink.200": { + "value": "#fbcfe8", + "variable": "var(--colors-pink-200)" + }, + "colors.pink.300": { + "value": "#f9a8d4", + "variable": "var(--colors-pink-300)" + }, + "colors.pink.400": { + "value": "#f472b6", + "variable": "var(--colors-pink-400)" + }, + "colors.pink.500": { + "value": "#ec4899", + "variable": "var(--colors-pink-500)" + }, + "colors.pink.600": { + "value": "#db2777", + "variable": "var(--colors-pink-600)" + }, + "colors.pink.700": { + "value": "#be185d", + "variable": "var(--colors-pink-700)" + }, + "colors.pink.800": { + "value": "#9d174d", + "variable": "var(--colors-pink-800)" + }, + "colors.pink.900": { + "value": "#831843", + "variable": "var(--colors-pink-900)" + }, + "colors.pink.950": { + "value": "#500724", + "variable": "var(--colors-pink-950)" + }, + "colors.pink": { + "value": "#FFDBEE", + "variable": "var(--colors-pink)" + }, + "colors.lemon": { + "value": "#FEFEE1", + "variable": "var(--colors-lemon)" + }, + "colors.turquoise": { + "value": "#3CD3E4", + "variable": "var(--colors-turquoise)" + }, + "colors.aquamarine": { + "value": "#85FAC1", + "variable": "var(--colors-aquamarine)" + }, + "colors.peach": { + "value": "#FFCC91", + "variable": "var(--colors-peach)" + }, + "colors.orchid": { + "value": "#DCC2F9", + "variable": "var(--colors-orchid)" + }, + "colors.mauve": { + "value": "#F9C2ED", + "variable": "var(--colors-mauve)" + }, + "colors.canary": { + "value": "#FCFD9C", + "variable": "var(--colors-canary)" + }, + "colors.apricot": { + "value": "#E7BEAA", + "variable": "var(--colors-apricot)" + }, + "colors.thistle": { + "value": "#DAB6D6", + "variable": "var(--colors-thistle)" + }, + "colors.ocean": { + "value": "#5B97B6", + "variable": "var(--colors-ocean)" + }, + "colors.fern": { + "value": "#719B8A", + "variable": "var(--colors-fern)" + }, + "colors.navy": { + "value": "#0000BB", + "variable": "var(--colors-navy)" + }, + "colors.green.50": { + "value": "#f0fdf4", + "variable": "var(--colors-green-50)" + }, + "colors.green.100": { + "value": "#dcfce7", + "variable": "var(--colors-green-100)" + }, + "colors.green.200": { + "value": "#bbf7d0", + "variable": "var(--colors-green-200)" + }, + "colors.green.300": { + "value": "#86efac", + "variable": "var(--colors-green-300)" + }, + "colors.green.400": { + "value": "#4ade80", + "variable": "var(--colors-green-400)" + }, + "colors.green.500": { + "value": "#22c55e", + "variable": "var(--colors-green-500)" + }, + "colors.green.600": { + "value": "#16a34a", + "variable": "var(--colors-green-600)" + }, + "colors.green.700": { + "value": "#15803d", + "variable": "var(--colors-green-700)" + }, + "colors.green.800": { + "value": "#166534", + "variable": "var(--colors-green-800)" + }, + "colors.green.900": { + "value": "#14532d", + "variable": "var(--colors-green-900)" + }, + "colors.green.950": { + "value": "#052e16", + "variable": "var(--colors-green-950)" + }, + "colors.green": { + "value": "#00894D", + "variable": "var(--colors-green)" + }, + "colors.coral": { + "value": "#FF6B56", + "variable": "var(--colors-coral)" + }, + "colors.claret": { + "value": "#611848", + "variable": "var(--colors-claret)" + }, + "colors.periwinkle": { + "value": "#BDBBD7", + "variable": "var(--colors-periwinkle)" + }, + "colors.safe": { + "value": "#A0B8AE", + "variable": "var(--colors-safe)" + }, + "colors.glacier": { + "value": "#96C0D6", + "variable": "var(--colors-glacier)" + }, + "colors.moss": { + "value": "#E6E6B9", + "variable": "var(--colors-moss)" + }, + "colors.beige": { + "value": "#F4F3EC", + "variable": "var(--colors-beige)" + }, + "colors.gray_900": { + "value": "#F0F0F0", + "variable": "var(--colors-gray_900)" + }, + "colors.gray_800": { + "value": "#D8D9DD", + "variable": "var(--colors-gray_800)" + }, + "colors.gray_700": { + "value": "#B5B8C0", + "variable": "var(--colors-gray_700)" + }, + "colors.gray_600": { + "value": "#9295A1", + "variable": "var(--colors-gray_600)" + }, + "colors.gray_500": { + "value": "#6B6F7C", + "variable": "var(--colors-gray_500)" + }, + "colors.gray_400": { + "value": "#464B56", + "variable": "var(--colors-gray_400)" + }, + "colors.gray_300": { + "value": "#3C3F47", + "variable": "var(--colors-gray_300)" + }, + "colors.gray_200": { + "value": "#2F3238", + "variable": "var(--colors-gray_200)" + }, + "colors.gray_150": { + "value": "#2A2C33", + "variable": "var(--colors-gray_150)" + }, + "colors.gray_100": { + "value": "#212429", + "variable": "var(--colors-gray_100)" + }, + "colors.gray_050": { + "value": "#181A1D", + "variable": "var(--colors-gray_050)" + }, + "colors.gray_000": { + "value": "#141517", + "variable": "var(--colors-gray_000)" + }, + "fonts.serif": { + "value": "ui-serif, Georgia, Cambria, \"Times New Roman\", Times, serif", + "variable": "var(--fonts-serif)" + }, + "fonts.sans": { + "value": "var(--font-inter, Inter), ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"", + "variable": "var(--fonts-sans)" + }, + "fonts.body": { + "value": "system-ui, sans-serif", + "variable": "var(--fonts-body)" + }, + "fonts.mono": { + "value": "Menlo, monospace", + "variable": "var(--fonts-mono)" + }, + "fonts.dnf": { + "value": "DNFBitBitv2, monospace", + "variable": "var(--fonts-dnf)" + }, + "fonts.product": { + "value": "Product Sans, system-ui, sans-serif", + "variable": "var(--fonts-product)" + }, + "fonts.dosgothic": { + "value": "DOSGothic, system-ui, sans-serif", + "variable": "var(--fonts-dosgothic)" + }, + "zIndex.hide": { + "value": "-1", + "variable": "var(--z-index-hide)" + }, + "zIndex.base": { + "value": "0", + "variable": "var(--z-index-base)" + }, + "zIndex.aboveDefault": { + "value": "1", + "variable": "var(--z-index-above-default)" + }, + "zIndex.floating": { + "value": "2", + "variable": "var(--z-index-floating)" + }, + "zIndex.dropdown": { + "value": "1000", + "variable": "var(--z-index-dropdown)" + }, + "zIndex.sticky": { + "value": "1100", + "variable": "var(--z-index-sticky)" + }, + "zIndex.header": { + "value": "1200", + "variable": "var(--z-index-header)" + }, + "zIndex.overlay": { + "value": "1300", + "variable": "var(--z-index-overlay)" + }, + "zIndex.drawer": { + "value": "1400", + "variable": "var(--z-index-drawer)" + }, + "zIndex.modal": { + "value": "1500", + "variable": "var(--z-index-modal)" + }, + "zIndex.popover": { + "value": "1600", + "variable": "var(--z-index-popover)" + }, + "zIndex.toast": { + "value": "1700", + "variable": "var(--z-index-toast)" + }, + "zIndex.tooltip": { + "value": "1800", + "variable": "var(--z-index-tooltip)" + }, + "zIndex.loading": { + "value": "9999", + "variable": "var(--z-index-loading)" + }, + "breakpoints.sm": { + "value": "640px", + "variable": "var(--breakpoints-sm)" + }, + "breakpoints.md": { + "value": "768px", + "variable": "var(--breakpoints-md)" + }, + "breakpoints.lg": { + "value": "1024px", + "variable": "var(--breakpoints-lg)" + }, + "breakpoints.xl": { + "value": "1280px", + "variable": "var(--breakpoints-xl)" + }, + "breakpoints.2xl": { + "value": "1536px", + "variable": "var(--breakpoints-2xl)" + }, + "borders.base": { + "value": "1px solid var(--colors-border)", + "variable": "var(--borders-base)" + }, + "borders.input": { + "value": "1px solid var(--colors-input)", + "variable": "var(--borders-input)" + }, + "borders.primary": { + "value": "1px solid var(--colors-primary)", + "variable": "var(--borders-primary)" + }, + "borders.destructive": { + "value": "1px solid var(--colors-destructive)", + "variable": "var(--borders-destructive)" + }, + "animations.accordion-down": { + "value": "accordion-down 0.2s ease-out", + "variable": "var(--animations-accordion-down)" + }, + "animations.accordion-up": { + "value": "accordion-up 0.2s ease-out", + "variable": "var(--animations-accordion-up)" + }, + "colors.background": { + "value": "var(--colors-background)", + "variable": "var(--colors-background)" + }, + "colors.foreground": { + "value": "var(--colors-foreground)", + "variable": "var(--colors-foreground)" + }, + "colors.muted": { + "value": "var(--colors-muted)", + "variable": "var(--colors-muted)" + }, + "colors.muted.foreground": { + "value": "var(--colors-muted-foreground)", + "variable": "var(--colors-muted-foreground)" + }, + "colors.card": { + "value": "var(--colors-card)", + "variable": "var(--colors-card)" + }, + "colors.card.foreground": { + "value": "var(--colors-card-foreground)", + "variable": "var(--colors-card-foreground)" + }, + "colors.popover": { + "value": "var(--colors-popover)", + "variable": "var(--colors-popover)" + }, + "colors.popover.foreground": { + "value": "var(--colors-popover-foreground)", + "variable": "var(--colors-popover-foreground)" + }, + "colors.border": { + "value": "var(--colors-border)", + "variable": "var(--colors-border)" + }, + "colors.input": { + "value": "var(--colors-input)", + "variable": "var(--colors-input)" + }, + "colors.primary": { + "value": "var(--colors-primary)", + "variable": "var(--colors-primary)" + }, + "colors.primary.foreground": { + "value": "var(--colors-primary-foreground)", + "variable": "var(--colors-primary-foreground)" + }, + "colors.secondary": { + "value": "var(--colors-secondary)", + "variable": "var(--colors-secondary)" + }, + "colors.secondary.foreground": { + "value": "var(--colors-secondary-foreground)", + "variable": "var(--colors-secondary-foreground)" + }, + "colors.accent": { + "value": "var(--colors-accent)", + "variable": "var(--colors-accent)" + }, + "colors.accent.foreground": { + "value": "var(--colors-accent-foreground)", + "variable": "var(--colors-accent-foreground)" + }, + "colors.destructive": { + "value": "var(--colors-destructive)", + "variable": "var(--colors-destructive)" + }, + "colors.destructive.foreground": { + "value": "var(--colors-destructive-foreground)", + "variable": "var(--colors-destructive-foreground)" + }, + "colors.ring": { + "value": "var(--colors-ring)", + "variable": "var(--colors-ring)" + }, + "colors.brand": { + "value": "#C4F2F7", + "variable": "var(--colors-brand)" + }, + "colors.brand.sky": { + "value": "#C4F2F7", + "variable": "var(--colors-brand-sky)" + }, + "colors.brand.mint": { + "value": "#DAFDEC", + "variable": "var(--colors-brand-mint)" + }, + "colors.brand.blush": { + "value": "#FFE6DB", + "variable": "var(--colors-brand-blush)" + }, + "colors.brand.lavender": { + "value": "#F5EDFD", + "variable": "var(--colors-brand-lavender)" + }, + "colors.brand.pink": { + "value": "#FFDBEE", + "variable": "var(--colors-brand-pink)" + }, + "colors.brand.lemon": { + "value": "#FEFEE1", + "variable": "var(--colors-brand-lemon)" + }, + "colors.brand.turquoise": { + "value": "#3CD3E4", + "variable": "var(--colors-brand-turquoise)" + }, + "colors.brand.aquamarine": { + "value": "#85FAC1", + "variable": "var(--colors-brand-aquamarine)" + }, + "colors.brand.peach": { + "value": "#FFCC91", + "variable": "var(--colors-brand-peach)" + }, + "colors.brand.orchid": { + "value": "#DCC2F9", + "variable": "var(--colors-brand-orchid)" + }, + "colors.brand.mauve": { + "value": "#F9C2ED", + "variable": "var(--colors-brand-mauve)" + }, + "colors.brand.canary": { + "value": "#FCFD9C", + "variable": "var(--colors-brand-canary)" + }, + "colors.brand.apricot": { + "value": "#E7BEAA", + "variable": "var(--colors-brand-apricot)" + }, + "colors.brand.thistle": { + "value": "#DAB6D6", + "variable": "var(--colors-brand-thistle)" + }, + "colors.brand.ocean": { + "value": "#5B97B6", + "variable": "var(--colors-brand-ocean)" + }, + "colors.brand.fern": { + "value": "#719B8A", + "variable": "var(--colors-brand-fern)" + }, + "colors.brand.navy": { + "value": "#0000BB", + "variable": "var(--colors-brand-navy)" + }, + "colors.brand.green": { + "value": "#00894D", + "variable": "var(--colors-brand-green)" + }, + "colors.brand.coral": { + "value": "#FF6B56", + "variable": "var(--colors-brand-coral)" + }, + "colors.brand.claret": { + "value": "#611848", + "variable": "var(--colors-brand-claret)" + }, + "colors.brand.periwinkle": { + "value": "#BDBBD7", + "variable": "var(--colors-brand-periwinkle)" + }, + "colors.brand.safe": { + "value": "#A0B8AE", + "variable": "var(--colors-brand-safe)" + }, + "colors.brand.glacier": { + "value": "#96C0D6", + "variable": "var(--colors-brand-glacier)" + }, + "colors.brand.moss": { + "value": "#E6E6B9", + "variable": "var(--colors-brand-moss)" + }, + "colors.brand.beige": { + "value": "#F4F3EC", + "variable": "var(--colors-brand-beige)" + }, + "colors.black.black": { + "value": "#000000", + "variable": "var(--colors-black-black)" + }, + "colors.black.black_100": { + "value": "rgba(0, 0, 0, 1)", + "variable": "var(--colors-black-black_100)" + }, + "colors.black.black_90": { + "value": "rgba(0, 0, 0, 0.9)", + "variable": "var(--colors-black-black_90)" + }, + "colors.black.black_75": { + "value": "rgba(0, 0, 0, 0.75)", + "variable": "var(--colors-black-black_75)" + }, + "colors.black.black_50": { + "value": "rgba(0, 0, 0, 0.5)", + "variable": "var(--colors-black-black_50)" + }, + "colors.black.black_25": { + "value": "rgba(0, 0, 0, 0.25)", + "variable": "var(--colors-black-black_25)" + }, + "colors.black.black_10": { + "value": "rgba(0, 0, 0, 0.1)", + "variable": "var(--colors-black-black_10)" + }, + "colors.black.black_5": { + "value": "rgba(0, 0, 0, 0.05)", + "variable": "var(--colors-black-black_5)" + }, + "colors.white.white": { + "value": "#FFFFFF", + "variable": "var(--colors-white-white)" + }, + "colors.white.white_100": { + "value": "rgba(255, 255, 255, 1)", + "variable": "var(--colors-white-white_100)" + }, + "colors.white.white_90": { + "value": "rgba(255, 255, 255, 0.9)", + "variable": "var(--colors-white-white_90)" + }, + "colors.white.white_75": { + "value": "rgba(255, 255, 255, 0.75)", + "variable": "var(--colors-white-white_75)" + }, + "colors.white.white_50": { + "value": "rgba(255, 255, 255, 0.5)", + "variable": "var(--colors-white-white_50)" + }, + "colors.white.white_25": { + "value": "rgba(255, 255, 255, 0.25)", + "variable": "var(--colors-white-white_25)" + }, + "colors.white.white_10": { + "value": "rgba(255, 255, 255, 0.1)", + "variable": "var(--colors-white-white_10)" + }, + "colors.white.white_5": { + "value": "rgba(255, 255, 255, 0.05)", + "variable": "var(--colors-white-white_5)" + }, + "colors.gray": { + "value": "#141517", + "variable": "var(--colors-gray)" + }, + "colors.gray.gray_900": { + "value": "#F0F0F0", + "variable": "var(--colors-gray-gray_900)" + }, + "colors.gray.gray_800": { + "value": "#D8D9DD", + "variable": "var(--colors-gray-gray_800)" + }, + "colors.gray.gray_700": { + "value": "#B5B8C0", + "variable": "var(--colors-gray-gray_700)" + }, + "colors.gray.gray_600": { + "value": "#9295A1", + "variable": "var(--colors-gray-gray_600)" + }, + "colors.gray.gray_500": { + "value": "#6B6F7C", + "variable": "var(--colors-gray-gray_500)" + }, + "colors.gray.gray_400": { + "value": "#464B56", + "variable": "var(--colors-gray-gray_400)" + }, + "colors.gray.gray_300": { + "value": "#3C3F47", + "variable": "var(--colors-gray-gray_300)" + }, + "colors.gray.gray_200": { + "value": "#2F3238", + "variable": "var(--colors-gray-gray_200)" + }, + "colors.gray.gray_150": { + "value": "#2A2C33", + "variable": "var(--colors-gray-gray_150)" + }, + "colors.gray.gray_100": { + "value": "#212429", + "variable": "var(--colors-gray-gray_100)" + }, + "colors.gray.gray_050": { + "value": "#181A1D", + "variable": "var(--colors-gray-gray_050)" + }, + "colors.gray.gray_000": { + "value": "#141517", + "variable": "var(--colors-gray-gray_000)" + }, + "spacing.-1": { + "value": "calc(var(--spacing-1) * -1)", + "variable": "var(--spacing-1)" + }, + "spacing.-2": { + "value": "calc(var(--spacing-2) * -1)", + "variable": "var(--spacing-2)" + }, + "spacing.-3": { + "value": "calc(var(--spacing-3) * -1)", + "variable": "var(--spacing-3)" + }, + "spacing.-4": { + "value": "calc(var(--spacing-4) * -1)", + "variable": "var(--spacing-4)" + }, + "spacing.-5": { + "value": "calc(var(--spacing-5) * -1)", + "variable": "var(--spacing-5)" + }, + "spacing.-6": { + "value": "calc(var(--spacing-6) * -1)", + "variable": "var(--spacing-6)" + }, + "spacing.-7": { + "value": "calc(var(--spacing-7) * -1)", + "variable": "var(--spacing-7)" + }, + "spacing.-8": { + "value": "calc(var(--spacing-8) * -1)", + "variable": "var(--spacing-8)" + }, + "spacing.-9": { + "value": "calc(var(--spacing-9) * -1)", + "variable": "var(--spacing-9)" + }, + "spacing.-10": { + "value": "calc(var(--spacing-10) * -1)", + "variable": "var(--spacing-10)" + }, + "spacing.-11": { + "value": "calc(var(--spacing-11) * -1)", + "variable": "var(--spacing-11)" + }, + "spacing.-12": { + "value": "calc(var(--spacing-12) * -1)", + "variable": "var(--spacing-12)" + }, + "spacing.-14": { + "value": "calc(var(--spacing-14) * -1)", + "variable": "var(--spacing-14)" + }, + "spacing.-16": { + "value": "calc(var(--spacing-16) * -1)", + "variable": "var(--spacing-16)" + }, + "spacing.-20": { + "value": "calc(var(--spacing-20) * -1)", + "variable": "var(--spacing-20)" + }, + "spacing.-24": { + "value": "calc(var(--spacing-24) * -1)", + "variable": "var(--spacing-24)" + }, + "spacing.-28": { + "value": "calc(var(--spacing-28) * -1)", + "variable": "var(--spacing-28)" + }, + "spacing.-32": { + "value": "calc(var(--spacing-32) * -1)", + "variable": "var(--spacing-32)" + }, + "spacing.-36": { + "value": "calc(var(--spacing-36) * -1)", + "variable": "var(--spacing-36)" + }, + "spacing.-40": { + "value": "calc(var(--spacing-40) * -1)", + "variable": "var(--spacing-40)" + }, + "spacing.-44": { + "value": "calc(var(--spacing-44) * -1)", + "variable": "var(--spacing-44)" + }, + "spacing.-48": { + "value": "calc(var(--spacing-48) * -1)", + "variable": "var(--spacing-48)" + }, + "spacing.-52": { + "value": "calc(var(--spacing-52) * -1)", + "variable": "var(--spacing-52)" + }, + "spacing.-56": { + "value": "calc(var(--spacing-56) * -1)", + "variable": "var(--spacing-56)" + }, + "spacing.-60": { + "value": "calc(var(--spacing-60) * -1)", + "variable": "var(--spacing-60)" + }, + "spacing.-64": { + "value": "calc(var(--spacing-64) * -1)", + "variable": "var(--spacing-64)" + }, + "spacing.-72": { + "value": "calc(var(--spacing-72) * -1)", + "variable": "var(--spacing-72)" + }, + "spacing.-80": { + "value": "calc(var(--spacing-80) * -1)", + "variable": "var(--spacing-80)" + }, + "spacing.-96": { + "value": "calc(var(--spacing-96) * -1)", + "variable": "var(--spacing-96)" + }, + "spacing.-0.5": { + "value": "calc(var(--spacing-0\\.5) * -1)", + "variable": "var(--spacing-0\\.5)" + }, + "spacing.-1.5": { + "value": "calc(var(--spacing-1\\.5) * -1)", + "variable": "var(--spacing-1\\.5)" + }, + "spacing.-2.5": { + "value": "calc(var(--spacing-2\\.5) * -1)", + "variable": "var(--spacing-2\\.5)" + }, + "spacing.-3.5": { + "value": "calc(var(--spacing-3\\.5) * -1)", + "variable": "var(--spacing-3\\.5)" + }, + "colors.colorPalette": { + "value": "var(--colors-color-palette)", + "variable": "var(--colors-color-palette)" + }, + "colors.colorPalette.50": { + "value": "var(--colors-color-palette-50)", + "variable": "var(--colors-color-palette-50)" + }, + "colors.colorPalette.100": { + "value": "var(--colors-color-palette-100)", + "variable": "var(--colors-color-palette-100)" + }, + "colors.colorPalette.200": { + "value": "var(--colors-color-palette-200)", + "variable": "var(--colors-color-palette-200)" + }, + "colors.colorPalette.300": { + "value": "var(--colors-color-palette-300)", + "variable": "var(--colors-color-palette-300)" + }, + "colors.colorPalette.400": { + "value": "var(--colors-color-palette-400)", + "variable": "var(--colors-color-palette-400)" + }, + "colors.colorPalette.500": { + "value": "var(--colors-color-palette-500)", + "variable": "var(--colors-color-palette-500)" + }, + "colors.colorPalette.600": { + "value": "var(--colors-color-palette-600)", + "variable": "var(--colors-color-palette-600)" + }, + "colors.colorPalette.700": { + "value": "var(--colors-color-palette-700)", + "variable": "var(--colors-color-palette-700)" + }, + "colors.colorPalette.800": { + "value": "var(--colors-color-palette-800)", + "variable": "var(--colors-color-palette-800)" + }, + "colors.colorPalette.900": { + "value": "var(--colors-color-palette-900)", + "variable": "var(--colors-color-palette-900)" + }, + "colors.colorPalette.950": { + "value": "var(--colors-color-palette-950)", + "variable": "var(--colors-color-palette-950)" + }, + "colors.colorPalette.0": { + "value": "var(--colors-color-palette-0)", + "variable": "var(--colors-color-palette-0)" + }, + "colors.colorPalette.foreground": { + "value": "var(--colors-color-palette-foreground)", + "variable": "var(--colors-color-palette-foreground)" + }, + "colors.colorPalette.sky": { + "value": "var(--colors-color-palette-sky)", + "variable": "var(--colors-color-palette-sky)" + }, + "colors.colorPalette.mint": { + "value": "var(--colors-color-palette-mint)", + "variable": "var(--colors-color-palette-mint)" + }, + "colors.colorPalette.blush": { + "value": "var(--colors-color-palette-blush)", + "variable": "var(--colors-color-palette-blush)" + }, + "colors.colorPalette.lavender": { + "value": "var(--colors-color-palette-lavender)", + "variable": "var(--colors-color-palette-lavender)" + }, + "colors.colorPalette.pink": { + "value": "var(--colors-color-palette-pink)", + "variable": "var(--colors-color-palette-pink)" + }, + "colors.colorPalette.lemon": { + "value": "var(--colors-color-palette-lemon)", + "variable": "var(--colors-color-palette-lemon)" + }, + "colors.colorPalette.turquoise": { + "value": "var(--colors-color-palette-turquoise)", + "variable": "var(--colors-color-palette-turquoise)" + }, + "colors.colorPalette.aquamarine": { + "value": "var(--colors-color-palette-aquamarine)", + "variable": "var(--colors-color-palette-aquamarine)" + }, + "colors.colorPalette.peach": { + "value": "var(--colors-color-palette-peach)", + "variable": "var(--colors-color-palette-peach)" + }, + "colors.colorPalette.orchid": { + "value": "var(--colors-color-palette-orchid)", + "variable": "var(--colors-color-palette-orchid)" + }, + "colors.colorPalette.mauve": { + "value": "var(--colors-color-palette-mauve)", + "variable": "var(--colors-color-palette-mauve)" + }, + "colors.colorPalette.canary": { + "value": "var(--colors-color-palette-canary)", + "variable": "var(--colors-color-palette-canary)" + }, + "colors.colorPalette.apricot": { + "value": "var(--colors-color-palette-apricot)", + "variable": "var(--colors-color-palette-apricot)" + }, + "colors.colorPalette.thistle": { + "value": "var(--colors-color-palette-thistle)", + "variable": "var(--colors-color-palette-thistle)" + }, + "colors.colorPalette.ocean": { + "value": "var(--colors-color-palette-ocean)", + "variable": "var(--colors-color-palette-ocean)" + }, + "colors.colorPalette.fern": { + "value": "var(--colors-color-palette-fern)", + "variable": "var(--colors-color-palette-fern)" + }, + "colors.colorPalette.navy": { + "value": "var(--colors-color-palette-navy)", + "variable": "var(--colors-color-palette-navy)" + }, + "colors.colorPalette.green": { + "value": "var(--colors-color-palette-green)", + "variable": "var(--colors-color-palette-green)" + }, + "colors.colorPalette.coral": { + "value": "var(--colors-color-palette-coral)", + "variable": "var(--colors-color-palette-coral)" + }, + "colors.colorPalette.claret": { + "value": "var(--colors-color-palette-claret)", + "variable": "var(--colors-color-palette-claret)" + }, + "colors.colorPalette.periwinkle": { + "value": "var(--colors-color-palette-periwinkle)", + "variable": "var(--colors-color-palette-periwinkle)" + }, + "colors.colorPalette.safe": { + "value": "var(--colors-color-palette-safe)", + "variable": "var(--colors-color-palette-safe)" + }, + "colors.colorPalette.glacier": { + "value": "var(--colors-color-palette-glacier)", + "variable": "var(--colors-color-palette-glacier)" + }, + "colors.colorPalette.moss": { + "value": "var(--colors-color-palette-moss)", + "variable": "var(--colors-color-palette-moss)" + }, + "colors.colorPalette.beige": { + "value": "var(--colors-color-palette-beige)", + "variable": "var(--colors-color-palette-beige)" + }, + "colors.colorPalette.black": { + "value": "var(--colors-color-palette-black)", + "variable": "var(--colors-color-palette-black)" + }, + "colors.colorPalette.black_100": { + "value": "var(--colors-color-palette-black_100)", + "variable": "var(--colors-color-palette-black_100)" + }, + "colors.colorPalette.black_90": { + "value": "var(--colors-color-palette-black_90)", + "variable": "var(--colors-color-palette-black_90)" + }, + "colors.colorPalette.black_75": { + "value": "var(--colors-color-palette-black_75)", + "variable": "var(--colors-color-palette-black_75)" + }, + "colors.colorPalette.black_50": { + "value": "var(--colors-color-palette-black_50)", + "variable": "var(--colors-color-palette-black_50)" + }, + "colors.colorPalette.black_25": { + "value": "var(--colors-color-palette-black_25)", + "variable": "var(--colors-color-palette-black_25)" + }, + "colors.colorPalette.black_10": { + "value": "var(--colors-color-palette-black_10)", + "variable": "var(--colors-color-palette-black_10)" + }, + "colors.colorPalette.black_5": { + "value": "var(--colors-color-palette-black_5)", + "variable": "var(--colors-color-palette-black_5)" + }, + "colors.colorPalette.white": { + "value": "var(--colors-color-palette-white)", + "variable": "var(--colors-color-palette-white)" + }, + "colors.colorPalette.white_100": { + "value": "var(--colors-color-palette-white_100)", + "variable": "var(--colors-color-palette-white_100)" + }, + "colors.colorPalette.white_90": { + "value": "var(--colors-color-palette-white_90)", + "variable": "var(--colors-color-palette-white_90)" + }, + "colors.colorPalette.white_75": { + "value": "var(--colors-color-palette-white_75)", + "variable": "var(--colors-color-palette-white_75)" + }, + "colors.colorPalette.white_50": { + "value": "var(--colors-color-palette-white_50)", + "variable": "var(--colors-color-palette-white_50)" + }, + "colors.colorPalette.white_25": { + "value": "var(--colors-color-palette-white_25)", + "variable": "var(--colors-color-palette-white_25)" + }, + "colors.colorPalette.white_10": { + "value": "var(--colors-color-palette-white_10)", + "variable": "var(--colors-color-palette-white_10)" + }, + "colors.colorPalette.white_5": { + "value": "var(--colors-color-palette-white_5)", + "variable": "var(--colors-color-palette-white_5)" + }, + "colors.colorPalette.gray_900": { + "value": "var(--colors-color-palette-gray_900)", + "variable": "var(--colors-color-palette-gray_900)" + }, + "colors.colorPalette.gray_800": { + "value": "var(--colors-color-palette-gray_800)", + "variable": "var(--colors-color-palette-gray_800)" + }, + "colors.colorPalette.gray_700": { + "value": "var(--colors-color-palette-gray_700)", + "variable": "var(--colors-color-palette-gray_700)" + }, + "colors.colorPalette.gray_600": { + "value": "var(--colors-color-palette-gray_600)", + "variable": "var(--colors-color-palette-gray_600)" + }, + "colors.colorPalette.gray_500": { + "value": "var(--colors-color-palette-gray_500)", + "variable": "var(--colors-color-palette-gray_500)" + }, + "colors.colorPalette.gray_400": { + "value": "var(--colors-color-palette-gray_400)", + "variable": "var(--colors-color-palette-gray_400)" + }, + "colors.colorPalette.gray_300": { + "value": "var(--colors-color-palette-gray_300)", + "variable": "var(--colors-color-palette-gray_300)" + }, + "colors.colorPalette.gray_200": { + "value": "var(--colors-color-palette-gray_200)", + "variable": "var(--colors-color-palette-gray_200)" + }, + "colors.colorPalette.gray_150": { + "value": "var(--colors-color-palette-gray_150)", + "variable": "var(--colors-color-palette-gray_150)" + }, + "colors.colorPalette.gray_100": { + "value": "var(--colors-color-palette-gray_100)", + "variable": "var(--colors-color-palette-gray_100)" + }, + "colors.colorPalette.gray_050": { + "value": "var(--colors-color-palette-gray_050)", + "variable": "var(--colors-color-palette-gray_050)" + }, + "colors.colorPalette.gray_000": { + "value": "var(--colors-color-palette-gray_000)", + "variable": "var(--colors-color-palette-gray_000)" + } +} + +export function token(path, fallback) { + return tokens[path]?.value || fallback +} + +function tokenVar(path, fallback) { + return tokens[path]?.variable || fallback +} + +token.var = tokenVar \ No newline at end of file diff --git a/apps/web/_panda/tokens/tokens.d.ts b/apps/web/_panda/tokens/tokens.d.ts new file mode 100644 index 00000000..c7fd5ca4 --- /dev/null +++ b/apps/web/_panda/tokens/tokens.d.ts @@ -0,0 +1,60 @@ +/* eslint-disable */ +export type Token = "borders.none" | "easings.default" | "easings.linear" | "easings.in" | "easings.out" | "easings.in-out" | "durations.fastest" | "durations.faster" | "durations.fast" | "durations.normal" | "durations.slow" | "durations.slower" | "durations.slowest" | "fontWeights.thin" | "fontWeights.extralight" | "fontWeights.light" | "fontWeights.normal" | "fontWeights.medium" | "fontWeights.semibold" | "fontWeights.bold" | "fontWeights.extrabold" | "fontWeights.black" | "letterSpacings.tighter" | "letterSpacings.tight" | "letterSpacings.normal" | "letterSpacings.wide" | "letterSpacings.wider" | "letterSpacings.widest" | "fontSizes.2xs" | "fontSizes.xs" | "fontSizes.sm" | "fontSizes.md" | "fontSizes.lg" | "fontSizes.xl" | "fontSizes.2xl" | "fontSizes.3xl" | "fontSizes.4xl" | "fontSizes.5xl" | "fontSizes.6xl" | "fontSizes.7xl" | "fontSizes.8xl" | "fontSizes.9xl" | "shadows.xs" | "shadows.sm" | "shadows.md" | "shadows.lg" | "shadows.xl" | "shadows.2xl" | "shadows.inner" | "blurs.sm" | "blurs.base" | "blurs.md" | "blurs.lg" | "blurs.xl" | "blurs.2xl" | "blurs.3xl" | "spacing.0" | "spacing.1" | "spacing.2" | "spacing.3" | "spacing.4" | "spacing.5" | "spacing.6" | "spacing.7" | "spacing.8" | "spacing.9" | "spacing.10" | "spacing.11" | "spacing.12" | "spacing.14" | "spacing.16" | "spacing.20" | "spacing.24" | "spacing.28" | "spacing.32" | "spacing.36" | "spacing.40" | "spacing.44" | "spacing.48" | "spacing.52" | "spacing.56" | "spacing.60" | "spacing.64" | "spacing.72" | "spacing.80" | "spacing.96" | "spacing.0.5" | "spacing.1.5" | "spacing.2.5" | "spacing.3.5" | "sizes.0" | "sizes.1" | "sizes.2" | "sizes.3" | "sizes.4" | "sizes.5" | "sizes.6" | "sizes.7" | "sizes.8" | "sizes.9" | "sizes.10" | "sizes.11" | "sizes.12" | "sizes.14" | "sizes.16" | "sizes.20" | "sizes.24" | "sizes.28" | "sizes.32" | "sizes.36" | "sizes.40" | "sizes.44" | "sizes.48" | "sizes.52" | "sizes.56" | "sizes.60" | "sizes.64" | "sizes.72" | "sizes.80" | "sizes.96" | "sizes.0.5" | "sizes.1.5" | "sizes.2.5" | "sizes.3.5" | "sizes.xs" | "sizes.sm" | "sizes.md" | "sizes.lg" | "sizes.xl" | "sizes.2xl" | "sizes.3xl" | "sizes.4xl" | "sizes.5xl" | "sizes.6xl" | "sizes.7xl" | "sizes.8xl" | "sizes.prose" | "sizes.full" | "sizes.min" | "sizes.max" | "sizes.fit" | "sizes.breakpoint-sm" | "sizes.breakpoint-md" | "sizes.breakpoint-lg" | "sizes.breakpoint-xl" | "sizes.breakpoint-2xl" | "animations.spin" | "animations.ping" | "animations.pulse" | "animations.bounce" | "lineHeights.3" | "lineHeights.4" | "lineHeights.5" | "lineHeights.6" | "lineHeights.7" | "lineHeights.8" | "lineHeights.9" | "lineHeights.10" | "lineHeights.none" | "lineHeights.tight" | "lineHeights.snug" | "lineHeights.normal" | "lineHeights.relaxed" | "lineHeights.loose" | "radii.xs" | "radii.sm" | "radii.md" | "radii.lg" | "radii.xl" | "radii.2xl" | "radii.3xl" | "radii.full" | "radii.radius" | "colors.current" | "colors.transparent" | "colors.rose.50" | "colors.rose.100" | "colors.rose.200" | "colors.rose.300" | "colors.rose.400" | "colors.rose.500" | "colors.rose.600" | "colors.rose.700" | "colors.rose.800" | "colors.rose.900" | "colors.rose.950" | "colors.fuchsia.50" | "colors.fuchsia.100" | "colors.fuchsia.200" | "colors.fuchsia.300" | "colors.fuchsia.400" | "colors.fuchsia.500" | "colors.fuchsia.600" | "colors.fuchsia.700" | "colors.fuchsia.800" | "colors.fuchsia.900" | "colors.fuchsia.950" | "colors.purple.50" | "colors.purple.100" | "colors.purple.200" | "colors.purple.300" | "colors.purple.400" | "colors.purple.500" | "colors.purple.600" | "colors.purple.700" | "colors.purple.800" | "colors.purple.900" | "colors.purple.950" | "colors.violet.50" | "colors.violet.100" | "colors.violet.200" | "colors.violet.300" | "colors.violet.400" | "colors.violet.500" | "colors.violet.600" | "colors.violet.700" | "colors.violet.800" | "colors.violet.900" | "colors.violet.950" | "colors.indigo.50" | "colors.indigo.100" | "colors.indigo.200" | "colors.indigo.300" | "colors.indigo.400" | "colors.indigo.500" | "colors.indigo.600" | "colors.indigo.700" | "colors.indigo.800" | "colors.indigo.900" | "colors.indigo.950" | "colors.blue.50" | "colors.blue.100" | "colors.blue.200" | "colors.blue.300" | "colors.blue.400" | "colors.blue.500" | "colors.blue.600" | "colors.blue.700" | "colors.blue.800" | "colors.blue.900" | "colors.blue.950" | "colors.cyan.50" | "colors.cyan.100" | "colors.cyan.200" | "colors.cyan.300" | "colors.cyan.400" | "colors.cyan.500" | "colors.cyan.600" | "colors.cyan.700" | "colors.cyan.800" | "colors.cyan.900" | "colors.cyan.950" | "colors.teal.50" | "colors.teal.100" | "colors.teal.200" | "colors.teal.300" | "colors.teal.400" | "colors.teal.500" | "colors.teal.600" | "colors.teal.700" | "colors.teal.800" | "colors.teal.900" | "colors.teal.950" | "colors.emerald.50" | "colors.emerald.100" | "colors.emerald.200" | "colors.emerald.300" | "colors.emerald.400" | "colors.emerald.500" | "colors.emerald.600" | "colors.emerald.700" | "colors.emerald.800" | "colors.emerald.900" | "colors.emerald.950" | "colors.lime.50" | "colors.lime.100" | "colors.lime.200" | "colors.lime.300" | "colors.lime.400" | "colors.lime.500" | "colors.lime.600" | "colors.lime.700" | "colors.lime.800" | "colors.lime.900" | "colors.lime.950" | "colors.yellow.50" | "colors.yellow.100" | "colors.yellow.200" | "colors.yellow.300" | "colors.yellow.400" | "colors.yellow.500" | "colors.yellow.600" | "colors.yellow.700" | "colors.yellow.800" | "colors.yellow.900" | "colors.yellow.950" | "colors.amber.50" | "colors.amber.100" | "colors.amber.200" | "colors.amber.300" | "colors.amber.400" | "colors.amber.500" | "colors.amber.600" | "colors.amber.700" | "colors.amber.800" | "colors.amber.900" | "colors.amber.950" | "colors.orange.50" | "colors.orange.100" | "colors.orange.200" | "colors.orange.300" | "colors.orange.400" | "colors.orange.500" | "colors.orange.600" | "colors.orange.700" | "colors.orange.800" | "colors.orange.900" | "colors.orange.950" | "colors.red.50" | "colors.red.100" | "colors.red.200" | "colors.red.300" | "colors.red.400" | "colors.red.500" | "colors.red.600" | "colors.red.700" | "colors.red.800" | "colors.red.900" | "colors.red.950" | "colors.neutral.50" | "colors.neutral.100" | "colors.neutral.200" | "colors.neutral.300" | "colors.neutral.400" | "colors.neutral.500" | "colors.neutral.600" | "colors.neutral.700" | "colors.neutral.800" | "colors.neutral.900" | "colors.neutral.950" | "colors.stone.50" | "colors.stone.100" | "colors.stone.200" | "colors.stone.300" | "colors.stone.400" | "colors.stone.500" | "colors.stone.600" | "colors.stone.700" | "colors.stone.800" | "colors.stone.900" | "colors.stone.950" | "colors.zinc.50" | "colors.zinc.100" | "colors.zinc.200" | "colors.zinc.300" | "colors.zinc.400" | "colors.zinc.500" | "colors.zinc.600" | "colors.zinc.700" | "colors.zinc.800" | "colors.zinc.900" | "colors.zinc.950" | "colors.gray.50" | "colors.gray.100" | "colors.gray.200" | "colors.gray.300" | "colors.gray.400" | "colors.gray.500" | "colors.gray.600" | "colors.gray.700" | "colors.gray.800" | "colors.gray.900" | "colors.gray.950" | "colors.slate.50" | "colors.slate.100" | "colors.slate.200" | "colors.slate.300" | "colors.slate.400" | "colors.slate.500" | "colors.slate.600" | "colors.slate.700" | "colors.slate.800" | "colors.slate.900" | "colors.slate.950" | "colors.grayscale.0" | "colors.grayscale.50" | "colors.grayscale.100" | "colors.grayscale.200" | "colors.grayscale.300" | "colors.grayscale.400" | "colors.grayscale.500" | "colors.grayscale.600" | "colors.grayscale.700" | "colors.grayscale.800" | "colors.grayscale.900" | "colors.grayscale.950" | "colors.black" | "colors.black_100" | "colors.black_90" | "colors.black_75" | "colors.black_50" | "colors.black_25" | "colors.black_10" | "colors.black_5" | "colors.white" | "colors.white_100" | "colors.white_90" | "colors.white_75" | "colors.white_50" | "colors.white_25" | "colors.white_10" | "colors.white_5" | "colors.sky.50" | "colors.sky.100" | "colors.sky.200" | "colors.sky.300" | "colors.sky.400" | "colors.sky.500" | "colors.sky.600" | "colors.sky.700" | "colors.sky.800" | "colors.sky.900" | "colors.sky.950" | "colors.sky" | "colors.mint" | "colors.blush" | "colors.lavender" | "colors.pink.50" | "colors.pink.100" | "colors.pink.200" | "colors.pink.300" | "colors.pink.400" | "colors.pink.500" | "colors.pink.600" | "colors.pink.700" | "colors.pink.800" | "colors.pink.900" | "colors.pink.950" | "colors.pink" | "colors.lemon" | "colors.turquoise" | "colors.aquamarine" | "colors.peach" | "colors.orchid" | "colors.mauve" | "colors.canary" | "colors.apricot" | "colors.thistle" | "colors.ocean" | "colors.fern" | "colors.navy" | "colors.green.50" | "colors.green.100" | "colors.green.200" | "colors.green.300" | "colors.green.400" | "colors.green.500" | "colors.green.600" | "colors.green.700" | "colors.green.800" | "colors.green.900" | "colors.green.950" | "colors.green" | "colors.coral" | "colors.claret" | "colors.periwinkle" | "colors.safe" | "colors.glacier" | "colors.moss" | "colors.beige" | "colors.gray_900" | "colors.gray_800" | "colors.gray_700" | "colors.gray_600" | "colors.gray_500" | "colors.gray_400" | "colors.gray_300" | "colors.gray_200" | "colors.gray_150" | "colors.gray_100" | "colors.gray_050" | "colors.gray_000" | "fonts.serif" | "fonts.sans" | "fonts.body" | "fonts.mono" | "fonts.dnf" | "fonts.product" | "fonts.dosgothic" | "zIndex.hide" | "zIndex.base" | "zIndex.aboveDefault" | "zIndex.floating" | "zIndex.dropdown" | "zIndex.sticky" | "zIndex.header" | "zIndex.overlay" | "zIndex.drawer" | "zIndex.modal" | "zIndex.popover" | "zIndex.toast" | "zIndex.tooltip" | "zIndex.loading" | "breakpoints.sm" | "breakpoints.md" | "breakpoints.lg" | "breakpoints.xl" | "breakpoints.2xl" | "borders.base" | "borders.input" | "borders.primary" | "borders.destructive" | "animations.accordion-down" | "animations.accordion-up" | "colors.background" | "colors.foreground" | "colors.muted" | "colors.muted.foreground" | "colors.card" | "colors.card.foreground" | "colors.popover" | "colors.popover.foreground" | "colors.border" | "colors.input" | "colors.primary" | "colors.primary.foreground" | "colors.secondary" | "colors.secondary.foreground" | "colors.accent" | "colors.accent.foreground" | "colors.destructive" | "colors.destructive.foreground" | "colors.ring" | "colors.brand" | "colors.brand.sky" | "colors.brand.mint" | "colors.brand.blush" | "colors.brand.lavender" | "colors.brand.pink" | "colors.brand.lemon" | "colors.brand.turquoise" | "colors.brand.aquamarine" | "colors.brand.peach" | "colors.brand.orchid" | "colors.brand.mauve" | "colors.brand.canary" | "colors.brand.apricot" | "colors.brand.thistle" | "colors.brand.ocean" | "colors.brand.fern" | "colors.brand.navy" | "colors.brand.green" | "colors.brand.coral" | "colors.brand.claret" | "colors.brand.periwinkle" | "colors.brand.safe" | "colors.brand.glacier" | "colors.brand.moss" | "colors.brand.beige" | "colors.black.black" | "colors.black.black_100" | "colors.black.black_90" | "colors.black.black_75" | "colors.black.black_50" | "colors.black.black_25" | "colors.black.black_10" | "colors.black.black_5" | "colors.white.white" | "colors.white.white_100" | "colors.white.white_90" | "colors.white.white_75" | "colors.white.white_50" | "colors.white.white_25" | "colors.white.white_10" | "colors.white.white_5" | "colors.gray" | "colors.gray.gray_900" | "colors.gray.gray_800" | "colors.gray.gray_700" | "colors.gray.gray_600" | "colors.gray.gray_500" | "colors.gray.gray_400" | "colors.gray.gray_300" | "colors.gray.gray_200" | "colors.gray.gray_150" | "colors.gray.gray_100" | "colors.gray.gray_050" | "colors.gray.gray_000" | "spacing.-1" | "spacing.-2" | "spacing.-3" | "spacing.-4" | "spacing.-5" | "spacing.-6" | "spacing.-7" | "spacing.-8" | "spacing.-9" | "spacing.-10" | "spacing.-11" | "spacing.-12" | "spacing.-14" | "spacing.-16" | "spacing.-20" | "spacing.-24" | "spacing.-28" | "spacing.-32" | "spacing.-36" | "spacing.-40" | "spacing.-44" | "spacing.-48" | "spacing.-52" | "spacing.-56" | "spacing.-60" | "spacing.-64" | "spacing.-72" | "spacing.-80" | "spacing.-96" | "spacing.-0.5" | "spacing.-1.5" | "spacing.-2.5" | "spacing.-3.5" | "colors.colorPalette" | "colors.colorPalette.50" | "colors.colorPalette.100" | "colors.colorPalette.200" | "colors.colorPalette.300" | "colors.colorPalette.400" | "colors.colorPalette.500" | "colors.colorPalette.600" | "colors.colorPalette.700" | "colors.colorPalette.800" | "colors.colorPalette.900" | "colors.colorPalette.950" | "colors.colorPalette.0" | "colors.colorPalette.foreground" | "colors.colorPalette.sky" | "colors.colorPalette.mint" | "colors.colorPalette.blush" | "colors.colorPalette.lavender" | "colors.colorPalette.pink" | "colors.colorPalette.lemon" | "colors.colorPalette.turquoise" | "colors.colorPalette.aquamarine" | "colors.colorPalette.peach" | "colors.colorPalette.orchid" | "colors.colorPalette.mauve" | "colors.colorPalette.canary" | "colors.colorPalette.apricot" | "colors.colorPalette.thistle" | "colors.colorPalette.ocean" | "colors.colorPalette.fern" | "colors.colorPalette.navy" | "colors.colorPalette.green" | "colors.colorPalette.coral" | "colors.colorPalette.claret" | "colors.colorPalette.periwinkle" | "colors.colorPalette.safe" | "colors.colorPalette.glacier" | "colors.colorPalette.moss" | "colors.colorPalette.beige" | "colors.colorPalette.black" | "colors.colorPalette.black_100" | "colors.colorPalette.black_90" | "colors.colorPalette.black_75" | "colors.colorPalette.black_50" | "colors.colorPalette.black_25" | "colors.colorPalette.black_10" | "colors.colorPalette.black_5" | "colors.colorPalette.white" | "colors.colorPalette.white_100" | "colors.colorPalette.white_90" | "colors.colorPalette.white_75" | "colors.colorPalette.white_50" | "colors.colorPalette.white_25" | "colors.colorPalette.white_10" | "colors.colorPalette.white_5" | "colors.colorPalette.gray_900" | "colors.colorPalette.gray_800" | "colors.colorPalette.gray_700" | "colors.colorPalette.gray_600" | "colors.colorPalette.gray_500" | "colors.colorPalette.gray_400" | "colors.colorPalette.gray_300" | "colors.colorPalette.gray_200" | "colors.colorPalette.gray_150" | "colors.colorPalette.gray_100" | "colors.colorPalette.gray_050" | "colors.colorPalette.gray_000" + +export type ColorPalette = "current" | "transparent" | "rose" | "fuchsia" | "purple" | "violet" | "indigo" | "blue" | "cyan" | "teal" | "emerald" | "lime" | "yellow" | "amber" | "orange" | "red" | "neutral" | "stone" | "zinc" | "gray" | "slate" | "grayscale" | "black" | "black_100" | "black_90" | "black_75" | "black_50" | "black_25" | "black_10" | "black_5" | "white" | "white_100" | "white_90" | "white_75" | "white_50" | "white_25" | "white_10" | "white_5" | "sky" | "mint" | "blush" | "lavender" | "pink" | "lemon" | "turquoise" | "aquamarine" | "peach" | "orchid" | "mauve" | "canary" | "apricot" | "thistle" | "ocean" | "fern" | "navy" | "green" | "coral" | "claret" | "periwinkle" | "safe" | "glacier" | "moss" | "beige" | "gray_900" | "gray_800" | "gray_700" | "gray_600" | "gray_500" | "gray_400" | "gray_300" | "gray_200" | "gray_150" | "gray_100" | "gray_050" | "gray_000" | "background" | "foreground" | "muted" | "card" | "popover" | "border" | "input" | "primary" | "secondary" | "accent" | "destructive" | "ring" | "brand" + +export type BorderToken = "none" | "base" | "input" | "primary" | "destructive" + +export type EasingToken = "default" | "linear" | "in" | "out" | "in-out" + +export type DurationToken = "fastest" | "faster" | "fast" | "normal" | "slow" | "slower" | "slowest" + +export type FontWeightToken = "thin" | "extralight" | "light" | "normal" | "medium" | "semibold" | "bold" | "extrabold" | "black" + +export type LetterSpacingToken = "tighter" | "tight" | "normal" | "wide" | "wider" | "widest" + +export type FontSizeToken = "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" + +export type ShadowToken = "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "inner" + +export type BlurToken = "sm" | "base" | "md" | "lg" | "xl" | "2xl" | "3xl" + +export type SpacingToken = "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "0.5" | "1.5" | "2.5" | "3.5" | "-1" | "-2" | "-3" | "-4" | "-5" | "-6" | "-7" | "-8" | "-9" | "-10" | "-11" | "-12" | "-14" | "-16" | "-20" | "-24" | "-28" | "-32" | "-36" | "-40" | "-44" | "-48" | "-52" | "-56" | "-60" | "-64" | "-72" | "-80" | "-96" | "-0.5" | "-1.5" | "-2.5" | "-3.5" + +export type SizeToken = "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "0.5" | "1.5" | "2.5" | "3.5" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "prose" | "full" | "min" | "max" | "fit" | "breakpoint-sm" | "breakpoint-md" | "breakpoint-lg" | "breakpoint-xl" | "breakpoint-2xl" + +export type AnimationToken = "spin" | "ping" | "pulse" | "bounce" | "accordion-down" | "accordion-up" + +export type LineHeightToken = "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "none" | "tight" | "snug" | "normal" | "relaxed" | "loose" + +export type RadiusToken = "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full" | "radius" + +export type ColorToken = "current" | "transparent" | "rose.50" | "rose.100" | "rose.200" | "rose.300" | "rose.400" | "rose.500" | "rose.600" | "rose.700" | "rose.800" | "rose.900" | "rose.950" | "fuchsia.50" | "fuchsia.100" | "fuchsia.200" | "fuchsia.300" | "fuchsia.400" | "fuchsia.500" | "fuchsia.600" | "fuchsia.700" | "fuchsia.800" | "fuchsia.900" | "fuchsia.950" | "purple.50" | "purple.100" | "purple.200" | "purple.300" | "purple.400" | "purple.500" | "purple.600" | "purple.700" | "purple.800" | "purple.900" | "purple.950" | "violet.50" | "violet.100" | "violet.200" | "violet.300" | "violet.400" | "violet.500" | "violet.600" | "violet.700" | "violet.800" | "violet.900" | "violet.950" | "indigo.50" | "indigo.100" | "indigo.200" | "indigo.300" | "indigo.400" | "indigo.500" | "indigo.600" | "indigo.700" | "indigo.800" | "indigo.900" | "indigo.950" | "blue.50" | "blue.100" | "blue.200" | "blue.300" | "blue.400" | "blue.500" | "blue.600" | "blue.700" | "blue.800" | "blue.900" | "blue.950" | "cyan.50" | "cyan.100" | "cyan.200" | "cyan.300" | "cyan.400" | "cyan.500" | "cyan.600" | "cyan.700" | "cyan.800" | "cyan.900" | "cyan.950" | "teal.50" | "teal.100" | "teal.200" | "teal.300" | "teal.400" | "teal.500" | "teal.600" | "teal.700" | "teal.800" | "teal.900" | "teal.950" | "emerald.50" | "emerald.100" | "emerald.200" | "emerald.300" | "emerald.400" | "emerald.500" | "emerald.600" | "emerald.700" | "emerald.800" | "emerald.900" | "emerald.950" | "lime.50" | "lime.100" | "lime.200" | "lime.300" | "lime.400" | "lime.500" | "lime.600" | "lime.700" | "lime.800" | "lime.900" | "lime.950" | "yellow.50" | "yellow.100" | "yellow.200" | "yellow.300" | "yellow.400" | "yellow.500" | "yellow.600" | "yellow.700" | "yellow.800" | "yellow.900" | "yellow.950" | "amber.50" | "amber.100" | "amber.200" | "amber.300" | "amber.400" | "amber.500" | "amber.600" | "amber.700" | "amber.800" | "amber.900" | "amber.950" | "orange.50" | "orange.100" | "orange.200" | "orange.300" | "orange.400" | "orange.500" | "orange.600" | "orange.700" | "orange.800" | "orange.900" | "orange.950" | "red.50" | "red.100" | "red.200" | "red.300" | "red.400" | "red.500" | "red.600" | "red.700" | "red.800" | "red.900" | "red.950" | "neutral.50" | "neutral.100" | "neutral.200" | "neutral.300" | "neutral.400" | "neutral.500" | "neutral.600" | "neutral.700" | "neutral.800" | "neutral.900" | "neutral.950" | "stone.50" | "stone.100" | "stone.200" | "stone.300" | "stone.400" | "stone.500" | "stone.600" | "stone.700" | "stone.800" | "stone.900" | "stone.950" | "zinc.50" | "zinc.100" | "zinc.200" | "zinc.300" | "zinc.400" | "zinc.500" | "zinc.600" | "zinc.700" | "zinc.800" | "zinc.900" | "zinc.950" | "gray.50" | "gray.100" | "gray.200" | "gray.300" | "gray.400" | "gray.500" | "gray.600" | "gray.700" | "gray.800" | "gray.900" | "gray.950" | "slate.50" | "slate.100" | "slate.200" | "slate.300" | "slate.400" | "slate.500" | "slate.600" | "slate.700" | "slate.800" | "slate.900" | "slate.950" | "grayscale.0" | "grayscale.50" | "grayscale.100" | "grayscale.200" | "grayscale.300" | "grayscale.400" | "grayscale.500" | "grayscale.600" | "grayscale.700" | "grayscale.800" | "grayscale.900" | "grayscale.950" | "black" | "black_100" | "black_90" | "black_75" | "black_50" | "black_25" | "black_10" | "black_5" | "white" | "white_100" | "white_90" | "white_75" | "white_50" | "white_25" | "white_10" | "white_5" | "sky.50" | "sky.100" | "sky.200" | "sky.300" | "sky.400" | "sky.500" | "sky.600" | "sky.700" | "sky.800" | "sky.900" | "sky.950" | "sky" | "mint" | "blush" | "lavender" | "pink.50" | "pink.100" | "pink.200" | "pink.300" | "pink.400" | "pink.500" | "pink.600" | "pink.700" | "pink.800" | "pink.900" | "pink.950" | "pink" | "lemon" | "turquoise" | "aquamarine" | "peach" | "orchid" | "mauve" | "canary" | "apricot" | "thistle" | "ocean" | "fern" | "navy" | "green.50" | "green.100" | "green.200" | "green.300" | "green.400" | "green.500" | "green.600" | "green.700" | "green.800" | "green.900" | "green.950" | "green" | "coral" | "claret" | "periwinkle" | "safe" | "glacier" | "moss" | "beige" | "gray_900" | "gray_800" | "gray_700" | "gray_600" | "gray_500" | "gray_400" | "gray_300" | "gray_200" | "gray_150" | "gray_100" | "gray_050" | "gray_000" | "background" | "foreground" | "muted" | "muted.foreground" | "card" | "card.foreground" | "popover" | "popover.foreground" | "border" | "input" | "primary" | "primary.foreground" | "secondary" | "secondary.foreground" | "accent" | "accent.foreground" | "destructive" | "destructive.foreground" | "ring" | "brand" | "brand.sky" | "brand.mint" | "brand.blush" | "brand.lavender" | "brand.pink" | "brand.lemon" | "brand.turquoise" | "brand.aquamarine" | "brand.peach" | "brand.orchid" | "brand.mauve" | "brand.canary" | "brand.apricot" | "brand.thistle" | "brand.ocean" | "brand.fern" | "brand.navy" | "brand.green" | "brand.coral" | "brand.claret" | "brand.periwinkle" | "brand.safe" | "brand.glacier" | "brand.moss" | "brand.beige" | "black.black" | "black.black_100" | "black.black_90" | "black.black_75" | "black.black_50" | "black.black_25" | "black.black_10" | "black.black_5" | "white.white" | "white.white_100" | "white.white_90" | "white.white_75" | "white.white_50" | "white.white_25" | "white.white_10" | "white.white_5" | "gray" | "gray.gray_900" | "gray.gray_800" | "gray.gray_700" | "gray.gray_600" | "gray.gray_500" | "gray.gray_400" | "gray.gray_300" | "gray.gray_200" | "gray.gray_150" | "gray.gray_100" | "gray.gray_050" | "gray.gray_000" | "colorPalette" | "colorPalette.50" | "colorPalette.100" | "colorPalette.200" | "colorPalette.300" | "colorPalette.400" | "colorPalette.500" | "colorPalette.600" | "colorPalette.700" | "colorPalette.800" | "colorPalette.900" | "colorPalette.950" | "colorPalette.0" | "colorPalette.foreground" | "colorPalette.sky" | "colorPalette.mint" | "colorPalette.blush" | "colorPalette.lavender" | "colorPalette.pink" | "colorPalette.lemon" | "colorPalette.turquoise" | "colorPalette.aquamarine" | "colorPalette.peach" | "colorPalette.orchid" | "colorPalette.mauve" | "colorPalette.canary" | "colorPalette.apricot" | "colorPalette.thistle" | "colorPalette.ocean" | "colorPalette.fern" | "colorPalette.navy" | "colorPalette.green" | "colorPalette.coral" | "colorPalette.claret" | "colorPalette.periwinkle" | "colorPalette.safe" | "colorPalette.glacier" | "colorPalette.moss" | "colorPalette.beige" | "colorPalette.black" | "colorPalette.black_100" | "colorPalette.black_90" | "colorPalette.black_75" | "colorPalette.black_50" | "colorPalette.black_25" | "colorPalette.black_10" | "colorPalette.black_5" | "colorPalette.white" | "colorPalette.white_100" | "colorPalette.white_90" | "colorPalette.white_75" | "colorPalette.white_50" | "colorPalette.white_25" | "colorPalette.white_10" | "colorPalette.white_5" | "colorPalette.gray_900" | "colorPalette.gray_800" | "colorPalette.gray_700" | "colorPalette.gray_600" | "colorPalette.gray_500" | "colorPalette.gray_400" | "colorPalette.gray_300" | "colorPalette.gray_200" | "colorPalette.gray_150" | "colorPalette.gray_100" | "colorPalette.gray_050" | "colorPalette.gray_000" + +export type FontToken = "serif" | "sans" | "body" | "mono" | "dnf" | "product" | "dosgothic" + +export type ZIndexToken = "hide" | "base" | "aboveDefault" | "floating" | "dropdown" | "sticky" | "header" | "overlay" | "drawer" | "modal" | "popover" | "toast" | "tooltip" | "loading" + +export type BreakpointToken = "sm" | "md" | "lg" | "xl" | "2xl" + +export type Tokens = { + borders: BorderToken + easings: EasingToken + durations: DurationToken + fontWeights: FontWeightToken + letterSpacings: LetterSpacingToken + fontSizes: FontSizeToken + shadows: ShadowToken + blurs: BlurToken + spacing: SpacingToken + sizes: SizeToken + animations: AnimationToken + lineHeights: LineHeightToken + radii: RadiusToken + colors: ColorToken + fonts: FontToken + zIndex: ZIndexToken + breakpoints: BreakpointToken +} & { [token: string]: never } + +export type TokenCategory = "aspectRatios" | "zIndex" | "opacity" | "colors" | "fonts" | "fontSizes" | "fontWeights" | "lineHeights" | "letterSpacings" | "sizes" | "shadows" | "spacing" | "radii" | "borders" | "borderWidths" | "durations" | "easings" | "animations" | "blurs" | "gradients" | "breakpoints" | "assets" \ No newline at end of file diff --git a/apps/web/_panda/types/composition.d.ts b/apps/web/_panda/types/composition.d.ts new file mode 100644 index 00000000..62d63dec --- /dev/null +++ b/apps/web/_panda/types/composition.d.ts @@ -0,0 +1,138 @@ +/* eslint-disable */ +import type { CompositionStyleObject } from './system-types'; + +interface Token { + value: T + description?: string +} + +interface Recursive { + [key: string]: Recursive | T +} + +/* ----------------------------------------------------------------------------- + * Text styles + * -----------------------------------------------------------------------------*/ + +type TextStyleProperty = + | 'font' + | 'fontFamily' + | 'fontFeatureSettings' + | 'fontKerning' + | 'fontLanguageOverride' + | 'fontOpticalSizing' + | 'fontPalette' + | 'fontSize' + | 'fontSizeAdjust' + | 'fontStretch' + | 'fontStyle' + | 'fontSynthesis' + | 'fontVariant' + | 'fontVariantAlternates' + | 'fontVariantCaps' + | 'fontVariantLigatures' + | 'fontVariantNumeric' + | 'fontVariantPosition' + | 'fontVariationSettings' + | 'fontWeight' + | 'hypens' + | 'hyphenateCharacter' + | 'hyphenateLimitChars' + | 'letterSpacing' + | 'lineBreak' + | 'lineHeight' + | 'quotes' + | 'overflowWrap' + | 'textCombineUpright' + | 'textDecoration' + | 'textDecorationColor' + | 'textDecorationLine' + | 'textDecorationSkipInk' + | 'textDecorationStyle' + | 'textDecorationThickness' + | 'textEmphasis' + | 'textEmphasisColor' + | 'textEmphasisPosition' + | 'textEmphasisStyle' + | 'textIndent' + | 'textJustify' + | 'textOrientation' + | 'textOverflow' + | 'textRendering' + | 'textShadow' + | 'textTransform' + | 'textUnderlineOffset' + | 'textUnderlinePosition' + | 'textWrap' + | 'textWrapMode' + | 'textWrapStyle' + | 'verticalAlign' + | 'whiteSpace' + | 'wordBreak' + | 'wordSpacing' + +export type TextStyle = CompositionStyleObject + +export type TextStyles = Recursive> + +/* ----------------------------------------------------------------------------- + * Layer styles + * -----------------------------------------------------------------------------*/ + +type Placement = + | 'Top' + | 'Right' + | 'Bottom' + | 'Left' + | 'Inline' + | 'Block' + | 'InlineStart' + | 'InlineEnd' + | 'BlockStart' + | 'BlockEnd' + +type Radius = + | `Top${'Right' | 'Left'}` + | `Bottom${'Right' | 'Left'}` + | `Start${'Start' | 'End'}` + | `End${'Start' | 'End'}` + +type LayerStyleProperty = + | 'background' + | 'backgroundColor' + | 'backgroundImage' + | 'borderRadius' + | 'border' + | 'borderWidth' + | 'borderColor' + | 'borderStyle' + | 'boxShadow' + | 'filter' + | 'backdropFilter' + | 'transform' + | 'color' + | 'opacity' + | 'backgroundBlendMode' + | 'backgroundAttachment' + | 'backgroundClip' + | 'backgroundOrigin' + | 'backgroundPosition' + | 'backgroundRepeat' + | 'backgroundSize' + | `border${Placement}` + | `border${Placement}Width` + | 'borderRadius' + | `border${Radius}Radius` + | `border${Placement}Color` + | `border${Placement}Style` + | 'padding' + | `padding${Placement}` + +export type LayerStyle = CompositionStyleObject + +export type LayerStyles = Recursive> + +export interface CompositionStyles { + textStyles: TextStyles + layerStyles: LayerStyles +} diff --git a/apps/web/_panda/types/conditions.d.ts b/apps/web/_panda/types/conditions.d.ts new file mode 100644 index 00000000..04c5acd0 --- /dev/null +++ b/apps/web/_panda/types/conditions.d.ts @@ -0,0 +1,258 @@ +/* eslint-disable */ +import type { AnySelector, Selectors } from './selectors'; + +export interface Conditions { + /** `&:is(:hover, [data-hover])` */ + "_hover": string + /** `&:is(:focus, [data-focus])` */ + "_focus": string + /** `&:focus-within` */ + "_focusWithin": string + /** `&:is(:focus-visible, [data-focus-visible])` */ + "_focusVisible": string + /** `&:is(:disabled, [disabled], [data-disabled])` */ + "_disabled": string + /** `&:is(:active, [data-active])` */ + "_active": string + /** `&:visited` */ + "_visited": string + /** `&:target` */ + "_target": string + /** `&:is(:read-only, [data-read-only])` */ + "_readOnly": string + /** `&:read-write` */ + "_readWrite": string + /** `&:is(:empty, [data-empty])` */ + "_empty": string + /** `&:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"])` */ + "_checked": string + /** `&:enabled` */ + "_enabled": string + /** `&:is([aria-expanded=true], [data-expanded], [data-state="expanded"])` */ + "_expanded": string + /** `&[data-highlighted]` */ + "_highlighted": string + /** `&::before` */ + "_before": string + /** `&::after` */ + "_after": string + /** `&::first-letter` */ + "_firstLetter": string + /** `&::first-line` */ + "_firstLine": string + /** `&::marker` */ + "_marker": string + /** `&::selection` */ + "_selection": string + /** `&::file-selector-button` */ + "_file": string + /** `&::backdrop` */ + "_backdrop": string + /** `&:first-child` */ + "_first": string + /** `&:last-child` */ + "_last": string + /** `&:only-child` */ + "_only": string + /** `&:nth-child(even)` */ + "_even": string + /** `&:nth-child(odd)` */ + "_odd": string + /** `&:first-of-type` */ + "_firstOfType": string + /** `&:last-of-type` */ + "_lastOfType": string + /** `&:only-of-type` */ + "_onlyOfType": string + /** `.peer:is(:focus, [data-focus]) ~ &` */ + "_peerFocus": string + /** `.peer:is(:hover, [data-hover]) ~ &` */ + "_peerHover": string + /** `.peer:is(:active, [data-active]) ~ &` */ + "_peerActive": string + /** `.peer:focus-within ~ &` */ + "_peerFocusWithin": string + /** `.peer:is(:focus-visible, [data-focus-visible]) ~ &` */ + "_peerFocusVisible": string + /** `.peer:is(:disabled, [disabled], [data-disabled]) ~ &` */ + "_peerDisabled": string + /** `.peer:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]) ~ &` */ + "_peerChecked": string + /** `.peer:is(:invalid, [data-invalid], [aria-invalid=true]) ~ &` */ + "_peerInvalid": string + /** `.peer:is([aria-expanded=true], [data-expanded], [data-state="expanded"]) ~ &` */ + "_peerExpanded": string + /** `.peer:placeholder-shown ~ &` */ + "_peerPlaceholderShown": string + /** `.group:is(:focus, [data-focus]) &` */ + "_groupFocus": string + /** `.group:is(:hover, [data-hover]) &` */ + "_groupHover": string + /** `.group:is(:active, [data-active]) &` */ + "_groupActive": string + /** `.group:focus-within &` */ + "_groupFocusWithin": string + /** `.group:is(:focus-visible, [data-focus-visible]) &` */ + "_groupFocusVisible": string + /** `.group:is(:disabled, [disabled], [data-disabled]) &` */ + "_groupDisabled": string + /** `.group:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]) &` */ + "_groupChecked": string + /** `.group:is([aria-expanded=true], [data-expanded], [data-state="expanded"]) &` */ + "_groupExpanded": string + /** `.group:invalid &` */ + "_groupInvalid": string + /** `&:is(:indeterminate, [data-indeterminate], [aria-checked=mixed], [data-state="indeterminate"])` */ + "_indeterminate": string + /** `&:is(:required, [data-required], [aria-required=true])` */ + "_required": string + /** `&:is(:valid, [data-valid])` */ + "_valid": string + /** `&:is(:invalid, [data-invalid])` */ + "_invalid": string + /** `&:autofill` */ + "_autofill": string + /** `&:in-range` */ + "_inRange": string + /** `&:out-of-range` */ + "_outOfRange": string + /** `&::placeholder, &[data-placeholder]` */ + "_placeholder": string + /** `&:is(:placeholder-shown, [data-placeholder-shown])` */ + "_placeholderShown": string + /** `&:is([aria-pressed=true], [data-pressed])` */ + "_pressed": string + /** `&:is([aria-selected=true], [data-selected])` */ + "_selected": string + /** `&:default` */ + "_default": string + /** `&:optional` */ + "_optional": string + /** `&:is([open], [data-open], [data-state="open"])` */ + "_open": string + /** `&:is([closed], [data-closed], [data-state="closed"])` */ + "_closed": string + /** `&:fullscreen` */ + "_fullscreen": string + /** `&:is([data-loading], [aria-busy=true])` */ + "_loading": string + /** `&[aria-current=page]` */ + "_currentPage": string + /** `&[aria-current=step]` */ + "_currentStep": string + /** `@media (prefers-reduced-motion: reduce)` */ + "_motionReduce": string + /** `@media (prefers-reduced-motion: no-preference)` */ + "_motionSafe": string + /** `@media print` */ + "_print": string + /** `@media (orientation: landscape)` */ + "_landscape": string + /** `@media (orientation: portrait)` */ + "_portrait": string + /** `.dark &` */ + "_dark": string + /** `.light &` */ + "_light": string + /** `@media (prefers-color-scheme: dark)` */ + "_osDark": string + /** `@media (prefers-color-scheme: light)` */ + "_osLight": string + /** `@media (forced-colors: active)` */ + "_highContrast": string + /** `@media (prefers-contrast: less)` */ + "_lessContrast": string + /** `@media (prefers-contrast: more)` */ + "_moreContrast": string + /** `[dir=ltr] &` */ + "_ltr": string + /** `[dir=rtl] &` */ + "_rtl": string + /** `&::-webkit-scrollbar` */ + "_scrollbar": string + /** `&::-webkit-scrollbar-thumb` */ + "_scrollbarThumb": string + /** `&::-webkit-scrollbar-track` */ + "_scrollbarTrack": string + /** `&[data-orientation=horizontal]` */ + "_horizontal": string + /** `&[data-orientation=vertical]` */ + "_vertical": string + /** `@starting-style` */ + "_starting": string + /** `@media (max-width: 768px)` */ + "_mobile": string + /** `@media (min-width: 768px)` */ + "_desktop": string + /** `@media (max-width: 1024px)` */ + "_tablet": string + /** `@media (max-width: 1440px)` */ + "_pc": string + /** `@media screen and (min-width: 40rem)` */ + "sm": string + /** `@media screen and (min-width: 40rem) and (max-width: 47.9975rem)` */ + "smOnly": string + /** `@media screen and (max-width: 39.9975rem)` */ + "smDown": string + /** `@media screen and (min-width: 48rem)` */ + "md": string + /** `@media screen and (min-width: 48rem) and (max-width: 63.9975rem)` */ + "mdOnly": string + /** `@media screen and (max-width: 47.9975rem)` */ + "mdDown": string + /** `@media screen and (min-width: 64rem)` */ + "lg": string + /** `@media screen and (min-width: 64rem) and (max-width: 79.9975rem)` */ + "lgOnly": string + /** `@media screen and (max-width: 63.9975rem)` */ + "lgDown": string + /** `@media screen and (min-width: 80rem)` */ + "xl": string + /** `@media screen and (min-width: 80rem) and (max-width: 95.9975rem)` */ + "xlOnly": string + /** `@media screen and (max-width: 79.9975rem)` */ + "xlDown": string + /** `@media screen and (min-width: 96rem)` */ + "2xl": string + /** `@media screen and (min-width: 96rem)` */ + "2xlOnly": string + /** `@media screen and (max-width: 95.9975rem)` */ + "2xlDown": string + /** `@media screen and (min-width: 40rem) and (max-width: 47.9975rem)` */ + "smToMd": string + /** `@media screen and (min-width: 40rem) and (max-width: 63.9975rem)` */ + "smToLg": string + /** `@media screen and (min-width: 40rem) and (max-width: 79.9975rem)` */ + "smToXl": string + /** `@media screen and (min-width: 40rem) and (max-width: 95.9975rem)` */ + "smTo2xl": string + /** `@media screen and (min-width: 48rem) and (max-width: 63.9975rem)` */ + "mdToLg": string + /** `@media screen and (min-width: 48rem) and (max-width: 79.9975rem)` */ + "mdToXl": string + /** `@media screen and (min-width: 48rem) and (max-width: 95.9975rem)` */ + "mdTo2xl": string + /** `@media screen and (min-width: 64rem) and (max-width: 79.9975rem)` */ + "lgToXl": string + /** `@media screen and (min-width: 64rem) and (max-width: 95.9975rem)` */ + "lgTo2xl": string + /** `@media screen and (min-width: 80rem) and (max-width: 95.9975rem)` */ + "xlTo2xl": string + /** The base (=no conditions) styles to apply */ + "base": string +} + +export type ConditionalValue = + | V + | Array + | { + [K in keyof Conditions]?: ConditionalValue + } + +export type Nested

= P & { + [K in Selectors]?: Nested

+} & { + [K in AnySelector]?: Nested

+} & { + [K in keyof Conditions]?: Nested

+} diff --git a/apps/web/_panda/types/csstype.d.ts b/apps/web/_panda/types/csstype.d.ts new file mode 100644 index 00000000..2c9b3fcd --- /dev/null +++ b/apps/web/_panda/types/csstype.d.ts @@ -0,0 +1,21298 @@ +/* eslint-disable */ +export {}; + +export type PropertyValue = TValue extends Array + ? Array + : TValue extends infer TUnpacked & {} + ? TUnpacked + : TValue; + +export type Fallback = { [P in keyof T]: T[P] | readonly NonNullable[] }; + +export interface StandardLonghandProperties { + /** + * The **`accent-color`** CSS property sets the accent color for user-interface controls generated by some elements. + * + * **Syntax**: `auto | ` + * + * **Initial value**: `auto` + * + * | Chrome | Firefox | Safari | Edge | IE | + * | :----: | :-----: | :------: | :--: | :-: | + * | **93** | **92** | **15.4** | n/a | No | + * + * @see https://developer.mozilla.org/docs/Web/CSS/accent-color + */ + accentColor?: Property.AccentColor | undefined; + /** + * The CSS **`align-content`** property sets the distribution of space between and around content items along a flexbox's cross-axis or a grid's block axis. + * + * **Syntax**: `normal | | | ? ` + * + * **Initial value**: `normal` + * + * | Chrome | Firefox | Safari | Edge | IE | + * | :------: | :-----: | :-----: | :----: | :----: | + * | **29** | **28** | **9** | **12** | **11** | + * | 21 _-x-_ | | 7 _-x-_ | | | + * + * @see https://developer.mozilla.org/docs/Web/CSS/align-content + */ + alignContent?: Property.AlignContent | undefined; + /** + * The CSS **`align-items`** property sets the `align-self` value on all direct children as a group. In Flexbox, it controls the alignment of items on the Cross Axis. In Grid Layout, it controls the alignment of items on the Block Axis within their grid area. + * + * **Syntax**: `normal | stretch | | [ ? ]` + * + * **Initial value**: `normal` + * + * | Chrome | Firefox | Safari | Edge | IE | + * | :------: | :-----: | :-----: | :----: | :----: | + * | **29** | **20** | **9** | **12** | **11** | + * | 21 _-x-_ | | 7 _-x-_ | | | + * + * @see https://developer.mozilla.org/docs/Web/CSS/align-items + */ + alignItems?: Property.AlignItems | undefined; + /** + * The **`align-self`** CSS property overrides a grid or flex item's `align-items` value. In Grid, it aligns the item inside the grid area. In Flexbox, it aligns the item on the cross axis. + * + * **Syntax**: `auto | normal | stretch | | ? ` + * + * **Initial value**: `auto` + * + * | Chrome | Firefox | Safari | Edge | IE | + * | :------: | :-----: | :-----: | :----: | :----: | + * | **29** | **20** | **9** | **12** | **10** | + * | 21 _-x-_ | | 7 _-x-_ | | | + * + * @see https://developer.mozilla.org/docs/Web/CSS/align-self + */ + alignSelf?: Property.AlignSelf | undefined; + /** + * The **`align-tracks`** CSS property sets the alignment in the masonry axis for grid containers that have masonry in their block axis. + * + * **Syntax**: `[ normal | | | ? ]#` + * + * **Initial value**: `normal` + * + * | Chrome | Firefox | Safari | Edge | IE | + * | :----: | :-----: | :----: | :--: | :-: | + * | No | n/a | No | n/a | No | + * + * @see https://developer.mozilla.org/docs/Web/CSS/align-tracks + */ + alignTracks?: Property.AlignTracks | undefined; + /** + * The **`animation-composition`** CSS property specifies the composite operation to use when multiple animations affect the same property simultaneously. + * + * **Syntax**: `#` + * + * **Initial value**: `replace` + * + * | Chrome | Firefox | Safari | Edge | IE | + * | :-----: | :-----: | :----: | :--: | :-: | + * | **112** | **115** | **16** | n/a | No | + * + * @see https://developer.mozilla.org/docs/Web/CSS/animation-composition + */ + animationComposition?: Property.AnimationComposition | undefined; + /** + * The **`animation-delay`** CSS property specifies the amount of time to wait from applying the animation to an element before beginning to perform the animation. The animation can start later, immediately from its beginning, or immediately and partway through the animation. + * + * **Syntax**: `