@stylix/core 6.1.1 → 6.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +140 -280
- package/dist/index.d.ts +85 -60
- package/dist/index.js +351 -301
- package/dist/index.js.map +1 -1
- package/docs/CLAUDE_CONTEXT.md +156 -0
- package/docs/cheatsheet.md +354 -0
- package/docs/patterns.md +754 -0
- package/docs/performance.md +291 -0
- package/docs/philosophy.md +168 -0
- package/package.json +23 -20
- package/tsconfig.json +0 -0
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../src/classifyProps.ts","../src/util/isEmpty.ts","../src/util/isPlainObject.ts","../src/plugins/cleanStyles.ts","../src/util/mapObject.ts","../src/plugins/defaultUnits.ts","../src/plugins/hoistKeyframes.ts","../src/plugins/mediaObjects.ts","../src/plugins/mergeArrays.ts","../src/plugins/prepareStyles.ts","../src/plugins/propCasing.ts","../src/plugins/replace$$class.ts","../src/plugins/customProps.ts","../src/plugins/index.ts","../src/StyleElement.tsx","../src/styleCollector.tsx","../src/util/useIsoLayoutEffect.ts","../src/StylixProvider.tsx","../src/applyRules.ts","../src/getParentComponentName.ts","../src/stylesToRuleArray.ts","../src/useStyles.ts","../src/Stylix.tsx","../src/elements.tsx","../src/RenderServerStyles.tsx","../src/util/cx.ts"],"sourcesContent":["export function classifyProps(props: any, knownProps: Record<string, string>): [any, any] {\n const styles = {} as any;\n const other = {} as any;\n\n for (const prop in props) {\n // If prop is not a valid JSX prop, it must be a CSS selector.\n // If prop has a style prop name and the value is likely a style value, it's a style prop.\n if (!isValidJSXProp(prop) || isStyleProp(prop, knownProps)) {\n styles[prop] = props[prop];\n } else {\n other[prop] = props[prop];\n }\n }\n\n return [styles, other];\n}\n\n/**\n * Determines if `value` is a recognized CSS property (can be standard CSS or custom Stylix prop).\n * If it is, the simplified prop name is returned. Otherwise, false is returned.\n */\nexport function isStyleProp(prop: unknown, knownProps: Record<string, string>): string | false {\n if (isValidJSXProp(prop)) {\n const simplified = simplifyStylePropName(prop);\n return simplified in knownProps ? simplified : false;\n }\n return false;\n}\n\nexport function isValidJSXProp(value: unknown): value is string {\n // Not an exact check, but mostly rules out complex css selectors\n return typeof value === 'string' && /^[a-z$][a-z0-9_-]*$/i.test(value);\n}\n\nexport function simplifyStylePropName(value: string) {\n return value.toLowerCase().replace(/[^a-z]/g, '');\n}\n","export function isEmpty(obj: unknown) {\n if (!obj) return true;\n if (Array.isArray(obj)) return obj.length === 0;\n for (const _ in obj) return false;\n if (typeof obj === 'object') return true;\n return false;\n}\n","/**\n * Indicates that an object is most likely just an object literal.\n */\nexport function isPlainObject(value: any): value is Record<string, any> {\n if (!value || typeof value !== 'object') return false;\n return Object.getPrototypeOf(value) === Object.prototype;\n}\n","import { isEmpty } from '../util/isEmpty';\nimport { isPlainObject } from '../util/isPlainObject';\nimport type { StylixPlugin } from './index';\n\nexport function _cleanStyles(object: any): void {\n for (const key in object) {\n const value = object[key];\n if (value === null || value === undefined || value === '' || value === false)\n delete object[key];\n else if (isPlainObject(value) || Array.isArray(value)) {\n _cleanStyles(value);\n if (isEmpty(value)) delete object[key];\n }\n }\n}\n\n/**\n * Removes null, undefined, and empty string values from style objects.\n */\nexport const cleanStyles: StylixPlugin = {\n name: 'cleanStyles',\n type: 'processStyles',\n plugin(_ctx, styles) {\n _cleanStyles(styles);\n return styles;\n },\n};\n","export type MapObjectFunction = (\n key: string | number,\n value: any,\n source: unknown,\n context: any,\n mapRecursive: (value: unknown) => unknown,\n) => unknown;\n\n/**\n * Returns a new object or array, generated by invoking `map` on each key-value pair in `source` and merging the returned value into\n * the result. The return value should be an object or array (to match `source`), or undefined to omit the key-value pair from the result.\n *\n * If `source` is an object, Object.assign() will be used to merge the response into the result object.\n *\n * If `source` is an array, the returned array entries will be pushed onto the result array (i.e. it will be flattened, one level deep).\n *\n * The `map` function will receive the following arguments:\n * - The current key or index\n * - The current value\n * - The current object/array being mapped\n * - A context object. This is a plain object that you can modify as needed. The value will be shallow cloned for each key, and the clone\n * will be passed into the `mapRecursive` method in order to persist it in recursive mapping.\n * - A `mapRecursive` function that can be used to recursively map nested objects or arrays. You can call this by passing the current value,\n * which will run the same mapping function on the value and return the result. If the value is not an object or array, it will just\n * return the value. The mapping function will receive the context object for the current key, and any modifications made to the context\n * object will be persisted into the recursive call. This could be used, for example, to keep track of the current depth of the recursion\n * or the full path of the current value.\n *\n * Example:\n *\n * ```ts\n * const value = {\n * ignoreMe: null,\n * string: 'value',\n * object: {\n * a: 1,\n * b: 2,\n * },\n * array: [1, 2, 3, 4],\n * }\n * const result = mapObjectRecursive(value, (key, value, source, context) => {\n * if (key === 'ignoreMe')\n * return undefined; // will omit key from result\n * if (typeof key === 'string' && typeof value === 'string')\n * return { [key]: value + '-mapped' }; // will append '-mapped' to string values\n * if (typeof key === 'string' && typeof value === 'number')\n * return { [key]: value, [`${key}-mapped`]: value * 2 }; // will add a new key with the value doubled\n * if (typeof value === 'object')\n * return { [key]: value }; // will leave object unchanged\n * if (Array.isArray(source) && typeof value === 'number')\n * return [value, value * 2]; // will add the value and the value doubled to the array\n * });\n * // result:\n * // {\n * // string: 'value-mapped',\n * // object: {\n * // a: 1,\n * // 'a-mapped': 2,\n * // b: 2,\n * // 'b-mapped': 4,\n * // },\n * // array: [1, 2, 2, 4, 3, 6, 4, 8],\n * // }\n * ```\n */\nexport function mapObject<TSource>(\n source: TSource,\n map: MapObjectFunction,\n context: any = {},\n): TSource {\n if (typeof source !== 'object') return source;\n const result = Array.isArray(source) ? ([] as unknown[]) : ({} as Record<string, unknown>);\n for (const _key in source) {\n const key = Array.isArray(source) ? +_key : _key;\n const value = (source as any)[key];\n\n const contextClone = { ...context };\n const mapResult = map(key, value, source, contextClone, (value) =>\n mapObject(value, map, contextClone),\n );\n\n if (typeof mapResult === 'undefined') continue;\n\n if (Array.isArray(mapResult) && Array.isArray(source)) {\n (result as unknown[]).push(...mapResult);\n continue;\n }\n\n if (\n typeof mapResult === 'object' &&\n !Array.isArray(mapResult) &&\n typeof source === 'object' &&\n !Array.isArray(source)\n ) {\n Object.assign(result as object, mapResult);\n continue;\n }\n\n throw new Error(\n `mapObjectRecursive: return value of map function must be an object, array, or undefined, and must match the type of the source value. Type of source value was ${typeof source}, and type of returned value was ${typeof mapResult}.`,\n );\n }\n\n return result as TSource;\n}\n","import { type MapObjectFunction, mapObject } from '../util/mapObject';\nimport type { StylixPlugin } from './index';\n\nexport const defaultIgnoreUnits = [\n 'aspect-ratio',\n 'columns',\n 'column-count',\n 'fill-opacity',\n 'flex',\n 'flex-grow',\n 'flex-shrink',\n 'font-weight',\n 'line-height',\n 'opacity',\n 'orphans',\n 'stroke-opacity',\n 'widows',\n 'z-index',\n 'zoom',\n 'order',\n];\n\n/**\n * Adds unit (px, em, etc) to numeric values for any style properties not included in `ignoreProps`..\n */\nexport const defaultUnits = (unit = 'px', ignoreProps = defaultIgnoreUnits): StylixPlugin => {\n return {\n name: 'defaultUnits',\n type: 'processStyles',\n plugin(_ctx, styles) {\n return mapObject(styles, defaultUnitsMap, { unit, ignoreProps });\n },\n };\n};\n\nconst defaultUnitsMap: MapObjectFunction = (key, value, _object, ctx, mapRecursive) => {\n if (typeof value === 'number' && !ctx.ignoreProps.includes(key as string)) {\n return { [key]: String(value) + ctx.unit };\n }\n return { [key]: mapRecursive(value) };\n};\n\nexport const defaultPixelUnits = defaultUnits();\n","import { isPlainObject } from '../util/isPlainObject';\nimport type { StylixPlugin } from './index';\n\nfunction _hoistKeyframes(styles: any, root: any) {\n for (const key in styles) {\n const value = styles[key];\n if (key.startsWith('@keyframes')) {\n // Add keyframe rules as-is directly to root object\n root[key] = value;\n if (styles !== root) delete styles[key];\n } else if (isPlainObject(value)) {\n // Recursively flatten nested styles\n _hoistKeyframes(value, root);\n }\n }\n return styles;\n}\n\n/**\n * Hoists @keyframe declarations to root of styles object.\n */\nexport const hoistKeyframes: StylixPlugin = {\n name: 'hoistKeyframes',\n type: 'processStyles',\n plugin(_ctx, styles) {\n return _hoistKeyframes(styles, styles);\n },\n};\n","import { isStyleProp } from '../classifyProps';\nimport type { StylixObject, StylixStyles } from '../index';\nimport type { StylixPlugin, StylixPluginFunctionContext } from './index';\n\ntype OpaqueMediaStyles = { __opaqueMediaStyles: true };\n\nexport type StylixMediaValue = {\n [key: string]: OpaqueMediaStyles | StylixMediaValue;\n};\n\ntype StylixMediaFunc = (styles: OpaqueMediaStyles) => StylixMediaValue;\n\nexport type StylixMediaDefinition = Record<string, StylixMediaFunc>;\n\n/**\n * Expands media objects using the media definitions from the Stylix context.\n */\nexport const mediaObjects: StylixPlugin = {\n name: 'mediaObjects',\n type: 'processStyles',\n plugin: mediaObjectsPlugin,\n};\n\nfunction mediaObjectsPlugin(ctx: StylixPluginFunctionContext, styles: StylixStyles): StylixObject {\n if (!ctx.media) return styles as StylixObject;\n return processMediaStyles(ctx.media, ctx.styleProps, styles);\n}\n\nexport function processMediaStyles(\n mediaDef: StylixMediaDefinition,\n styleProps: Record<string, string>,\n styles: any,\n): any {\n if (!styles || typeof styles !== 'object') return styles;\n\n // If styles is an array, just recursively map it\n if (Array.isArray(styles)) {\n return styles.map((style: any) => processMediaStyles(mediaDef, styleProps, style));\n }\n\n mediaDef.default ||= (styles: any) => styles;\n\n const result = { default: [] } as Record<string, any[]>;\n\n for (const styleKey in styles) {\n const styleValue = styles[styleKey];\n\n if (isStyleProp(styleKey, styleProps)) {\n if (typeof styleValue !== 'object') {\n // Regular style prop\n result.default.push({ [styleKey]: styleValue });\n continue;\n }\n\n // An object for a style prop is definitely a media object\n for (const mediaKey in styleValue) {\n result[mediaKey] ||= [];\n result[mediaKey].push(\n mediaDef[mediaKey]({\n // process recursively\n [styleKey]: processMediaStyles(mediaDef, styleProps, styleValue[mediaKey]),\n } as OpaqueMediaStyles),\n );\n }\n continue;\n }\n\n if (styleKey in mediaDef) {\n result[styleKey] ||= [];\n result[styleKey].push(\n mediaDef[styleKey](\n // process recursively\n processMediaStyles(mediaDef, styleProps, styleValue),\n ),\n );\n continue;\n }\n\n // Key is a selector, just process recursively and add to plain styles\n result.default.push({ [styleKey]: processMediaStyles(mediaDef, styleProps, styleValue) });\n }\n\n const results = Object.values(result);\n return results.length === 1 ? results[0] : results.length === 0 ? null : results;\n}\n","import type { StylixObject, StylixStyles } from '../types';\nimport { isEmpty } from '../util/isEmpty';\nimport type { StylixPlugin } from './index';\n\n/**\n * Merges arrays into flat objects, recursively throughout the styles object.\n */\nexport const mergeArrays: StylixPlugin = {\n name: 'mergeArrays',\n type: 'processStyles',\n plugin: (_ctx, styles) => _mergeArrays(styles),\n};\n\nexport function _mergeArrays(obj: StylixStyles) {\n if (Array.isArray(obj)) return reduceArray(obj);\n return reduceObjectProperties(obj);\n}\n\nfunction reduceArray(arr: StylixStyles[]): StylixObject | undefined {\n arr = arr.flat();\n let target = arr[0] as StylixObject;\n\n if (Array.isArray(target)) {\n target = reduceArray(target) as StylixObject;\n }\n\n for (let i = 1; i < arr.length; i++) {\n let source = arr[i] as StylixObject | undefined;\n\n if (Array.isArray(source)) {\n source = reduceArray(source);\n }\n\n // ignore falsy values\n if (typeof source === 'undefined') continue;\n\n // if both values are primitives, the source value takes precedence\n if (typeof target !== 'object' && typeof source !== 'object') {\n target = source;\n continue;\n }\n\n // if target is primitive but source is object, replace target with source\n if (typeof target !== 'object') {\n target = source;\n continue;\n }\n\n for (const key in source) {\n const value = source[key] as StylixStyles;\n // if the key does not exist in target, just add it\n if (!(key in target)) target[key] = value;\n // else, if the target value is an object or array:\n else if (typeof target[key] === 'object') {\n // if the source value is an object or array, convert target to array if necessary and push source value\n if (typeof value === 'object') {\n if (!Array.isArray(target[key])) target[key] = [target[key]];\n (target[key] as StylixStyles[]).push(value);\n }\n // else, ignore the source value (it's primitive; object values take precedence)\n }\n // else, target value is primitive, overwrite target value\n else {\n target[key] = value;\n }\n }\n }\n\n return reduceObjectProperties(target);\n}\n\nconst _reduced = Symbol('reduced');\n\nfunction reduceObjectProperties(\n obj: Exclude<StylixStyles, StylixStyles[]>,\n): StylixObject | undefined {\n if (!obj || isEmpty(obj)) return undefined;\n if (typeof obj !== 'object') return obj;\n if (obj?.[_reduced as any]) {\n return obj;\n }\n\n for (const k in obj) {\n if (!obj[k] || typeof obj[k] !== 'object') continue;\n obj[k] = _mergeArrays(obj[k] as StylixStyles);\n }\n\n Object.defineProperty(obj, _reduced as any, { value: true, enumerable: false });\n return obj;\n}\n","import { isPlainObject } from '../util/isPlainObject';\nimport type { StylixPlugin } from './index';\n\n/**\n * Removes null, undefined, and empty string values from style objects.\n */\nexport const prepareStyles: StylixPlugin = {\n name: 'prepareStyles',\n type: 'preprocessStyles',\n plugin(_ctx, styles) {\n while (Array.isArray(styles) && styles.length === 1) styles = styles[0];\n if (Array.isArray(styles) && !styles.length) return null;\n if (isPlainObject(styles) && Object.values(styles).every((v) => v === undefined)) return null;\n return styles;\n },\n};\n","import { isStyleProp } from '../classifyProps';\nimport type { StylixContext } from '../StylixProvider';\nimport { type MapObjectFunction, mapObject } from '../util/mapObject';\nimport type { StylixPlugin } from './index';\n\n/**\n * Fixes casing and hyphenation on known style props\n */\nexport const propCasing: StylixPlugin = {\n name: 'propCasing',\n type: 'processStyles',\n plugin(ctx, styles) {\n return mapObject(styles, propCasingMap, { ctx });\n },\n};\n\nconst propCasingMap: MapObjectFunction = (\n key,\n value,\n _object,\n context: { ctx: StylixContext },\n mapRecursive,\n) => {\n if (typeof key !== 'string' || key === '&') return { [key]: mapRecursive(value) };\n const simpleKey = isStyleProp(key, context.ctx.styleProps);\n if (simpleKey) {\n return { [context.ctx.styleProps[simpleKey]]: mapRecursive(value) };\n }\n return { [key]: mapRecursive(value) };\n};\n","import { type MapObjectFunction, mapObject } from '../util/mapObject';\nimport type { StylixPlugin, StylixPluginFunctionContext } from './index';\n\n/**\n * Replaces $$class with class name in string values\n */\nexport const replace$$class: StylixPlugin = {\n name: 'replace$$class',\n type: 'processStyles',\n plugin(ctx, styles) {\n return mapObject(styles, replace$$classMap, { ctx });\n },\n};\n\nconst replace$$classMap: MapObjectFunction = (\n key,\n value,\n _object,\n context: { ctx: StylixPluginFunctionContext },\n mapRecursive,\n) => {\n value =\n typeof value === 'string'\n ? value.replaceAll('$$class', context.ctx.className || '')\n : mapRecursive(value);\n key = typeof key === 'string' ? key.replaceAll('$$class', context.ctx.className || '') : key;\n return { [key]: value };\n};\n","import { isValidJSXProp, simplifyStylePropName } from '../classifyProps';\nimport type { StylixStyles } from '../types';\nimport { isPlainObject } from '../util/isPlainObject';\nimport { mapObject } from '../util/mapObject';\nimport type { StylixPlugin } from './index';\nimport { mergeArrays } from './mergeArrays';\n\nexport function _customPropsProcess(styles: StylixStyles, customProps: Record<string, any>): any {\n return mapObject(styles, (key, value, source, _ctx, mapRecursive) => {\n if (!isValidJSXProp(key) || isPlainObject(value))\n return Array.isArray(source) ? [mapRecursive(value)] : { [key]: mapRecursive(value) };\n\n const simpleKey = simplifyStylePropName(key);\n const propValue = customProps[simpleKey];\n if (!propValue) return { [key]: mapRecursive(value) };\n\n if (typeof propValue === 'object') {\n if (value) return mapRecursive(propValue);\n return undefined;\n }\n if (typeof propValue === 'string') {\n return { [propValue]: mapRecursive(value) };\n }\n if (typeof propValue === 'function') {\n return mapRecursive(propValue(value));\n }\n\n return { [key]: mapRecursive(value) };\n });\n}\n\nexport const customProps = (customProps: Record<string, any>): StylixPlugin[] => {\n for (const key in customProps) {\n customProps[simplifyStylePropName(key)] = customProps[key];\n }\n\n return [\n {\n name: 'customPropsInit',\n type: 'initialize',\n plugin(ctx) {\n for (const key in customProps) {\n ctx.styleProps[simplifyStylePropName(key)] = key;\n }\n },\n },\n {\n name: 'customPropsProcess',\n type: 'processStyles',\n before: mergeArrays,\n plugin(_ctx, styles) {\n return _customPropsProcess(styles, customProps);\n },\n },\n ];\n};\n","import type { StylixContext, StylixPublicContext } from '../StylixProvider';\nimport type { StylixStyles } from '../types';\nimport { cleanStyles } from './cleanStyles';\nimport { defaultPixelUnits } from './defaultUnits';\nimport { hoistKeyframes } from './hoistKeyframes';\nimport { mediaObjects } from './mediaObjects';\nimport { mergeArrays } from './mergeArrays';\nimport { prepareStyles } from './prepareStyles';\nimport { propCasing } from './propCasing';\nimport { replace$$class } from './replace$$class';\n\n/**\n * Stylix plugin function context object\n */\nexport type StylixPluginFunctionContext = StylixPublicContext & { className: string | null };\n\n/**\n * Stylix plugin interface\n */\nexport type StylixPlugin = {\n name: string;\n before?: StylixPlugin;\n after?: StylixPlugin;\n atIndex?: number;\n} & (\n | {\n name: string;\n type: 'initialize';\n plugin(ctx: StylixPluginFunctionContext): void;\n }\n | {\n type: 'processStyles' | 'preprocessStyles';\n plugin(ctx: StylixPluginFunctionContext, styles: StylixStyles): StylixStyles;\n }\n);\n\nexport function applyPlugins(\n type: 'initialize',\n styles: null,\n className: null,\n context: StylixContext,\n): void;\n\nexport function applyPlugins(\n type: 'processStyles' | 'preprocessStyles',\n styles: StylixStyles,\n className: string | null,\n context: StylixContext,\n): StylixStyles;\n\nexport function applyPlugins(\n type: StylixPlugin['type'],\n styles: StylixStyles | null,\n className: string | null,\n context: StylixContext,\n): StylixStyles {\n const pluginContext: StylixPluginFunctionContext = {\n id: context.id,\n devMode: context.devMode,\n media: context.media,\n stylesheet: context.stylesheet,\n styleElement: context.styleElement,\n styleProps: context.styleProps,\n className,\n };\n\n let processedStyles: StylixStyles = styles || {};\n for (const i in context.plugins) {\n const plugin = context.plugins[i];\n if (plugin.type === type)\n processedStyles = plugin.plugin(pluginContext, processedStyles) as StylixStyles;\n }\n return processedStyles;\n}\n\nexport { customProps } from './customProps';\n\nexport const defaultPlugins: StylixPlugin[] = [\n prepareStyles,\n mediaObjects,\n mergeArrays,\n propCasing,\n hoistKeyframes,\n replace$$class,\n defaultPixelUnits,\n cleanStyles,\n];\n","import type { HTMLProps } from './elements';\n\nexport function StyleElement(props: { styles: string[] } & Partial<HTMLProps<'style'>>) {\n const { styles, ...other } = props;\n return (\n <style type=\"text/css\" {...other} dangerouslySetInnerHTML={{ __html: styles.join('\\n') }} />\n );\n}\n","import type React from 'react';\nimport { createContext } from 'react';\n\nimport { StyleElement } from './StyleElement';\n\nexport interface StyleCollector {\n collect: (element: React.ReactElement) => React.ReactElement;\n render: React.FC<React.ComponentProps<'style'>>;\n styles: string[];\n}\n\nexport const styleCollectorContext = createContext<string[] | undefined>(undefined);\n\nexport function createStyleCollector() {\n const styles: string[] = [];\n const collector: StyleCollector = {\n collect: (element) => (\n <styleCollectorContext.Provider value={styles}>{element}</styleCollectorContext.Provider>\n ),\n render: (props: React.ComponentProps<'style'>) => (\n <StyleElement key={props.id || 'stylix'} styles={collector.styles} />\n ),\n styles,\n };\n collector.render.displayName = 'StylixStyleCollectorRenderer';\n return collector;\n}\n","import { useLayoutEffect } from 'react';\n\nexport const detectSSR = () =>\n !(typeof window !== 'undefined' && window.document?.head?.appendChild);\n\nexport default function useIsoLayoutEffect(\n fn: () => void | (() => void),\n deps?: unknown[],\n runOnSsr?: boolean,\n isSsr = detectSSR(),\n) {\n if (isSsr) {\n if (runOnSsr) return fn();\n } else {\n // biome-ignore lint/correctness/useHookAtTopLevel: isSsr should never change\n // biome-ignore lint/correctness/useExhaustiveDependencies: dependencies are passed as-is\n useLayoutEffect(fn, deps);\n }\n}\n","import type React from 'react';\nimport { createContext, useContext, useEffect, useRef } from 'react';\n\nimport { classifyProps, simplifyStylePropName } from './classifyProps';\nimport cssProps from './css-props.json';\nimport { applyPlugins, defaultPlugins, type StylixPlugin } from './plugins';\nimport type { StylixMediaDefinition } from './plugins/mediaObjects';\nimport { styleCollectorContext } from './styleCollector';\nimport { detectSSR } from './util/useIsoLayoutEffect';\n\n/**\n * Stylix context\n *\n * The <StylixProvider> wrapper represents an \"instance\" of Stylix - a configuration, set of plugins, and reference to\n * the <style> element where css is output. All nodes contained within a <StylixProvider> element will share this\n * Stylix instance's configuration.\n *\n * See the README for more details.\n */\n\n// StylixProvider component props\ntype StylixProviderProps = {\n id?: string;\n devMode?: boolean;\n plugins?: StylixPlugin[] | StylixPlugin[][];\n styleElement?: HTMLStyleElement;\n media?: StylixMediaDefinition;\n ssr?: boolean;\n children: any;\n};\n\n// StylixContext object interface\nexport type StylixContext = {\n id: string;\n devMode: boolean;\n media: StylixMediaDefinition | undefined;\n plugins: StylixPlugin[];\n stylesheet?: CSSStyleSheet;\n styleElement?: HTMLStyleElement;\n styleCollector?: string[];\n styleCounter: number;\n rules: {\n [key: string]:\n | undefined\n | {\n className: string;\n rules: string[];\n refs: number;\n };\n };\n styleProps: Record<string, string>;\n ssr?: boolean;\n cleanupRequest?: number;\n requestApply: boolean;\n\n classifyProps(props: Record<string, unknown>): [Record<string, unknown>, Record<string, unknown>];\n};\n\nexport type StylixPublicContext = Pick<\n StylixContext,\n 'id' | 'devMode' | 'media' | 'stylesheet' | 'styleElement' | 'styleProps'\n>;\n\nlet defaultStyleProps: Record<string, string> | undefined;\n\nexport function createStylixContext(userValues = {} as Partial<StylixProviderProps>) {\n if (!defaultStyleProps) {\n defaultStyleProps = {};\n for (const value of cssProps) {\n defaultStyleProps[simplifyStylePropName(value)] = value;\n }\n }\n\n const ctx = {\n id: userValues.id || '$default',\n devMode: !!userValues.devMode,\n styleProps: defaultStyleProps,\n media: userValues.media,\n styleElement: userValues.styleElement,\n plugins: defaultPlugins.flat(),\n styleCounter: 0,\n rules: {},\n ssr: userValues.ssr ?? detectSSR(),\n cleanupRequest: undefined,\n requestApply: false,\n\n classifyProps(props: Record<string, unknown>) {\n const [styles, other] = classifyProps(props, this.styleProps);\n return [styles, other];\n },\n } as StylixContext;\n\n if (userValues.plugins?.length) {\n const flatPlugins = userValues.plugins.flat();\n for (const i in flatPlugins) {\n const plugin = flatPlugins[i];\n let pluginIndex = -1;\n if (plugin.before && ctx.plugins.includes(plugin.before))\n pluginIndex = ctx.plugins.indexOf(plugin.before);\n else if (plugin.after && ctx.plugins.includes(plugin.after))\n pluginIndex = ctx.plugins.indexOf(plugin.after) + 1;\n else if (plugin.atIndex !== undefined) pluginIndex = plugin.atIndex;\n\n if (pluginIndex === -1) ctx.plugins.push(plugin);\n else ctx.plugins.splice(pluginIndex, 0, plugin);\n }\n }\n applyPlugins('initialize', null, null, ctx);\n\n return ctx;\n}\n\n// The React context object\nconst stylixContext = createContext<StylixContext | undefined>(undefined);\n\nlet defaultStylixContext: StylixContext | undefined;\n\n/**\n * Gets the current Stylix context.\n */\nexport function useStylixContext(): StylixContext {\n const ctx = useContext(stylixContext);\n if (!ctx) {\n if (!defaultStylixContext) defaultStylixContext = createStylixContext();\n return defaultStylixContext;\n }\n return ctx;\n}\n\nexport function StylixProvider({\n id,\n devMode,\n plugins,\n media,\n styleElement,\n children,\n ssr,\n}: StylixProviderProps): React.ReactElement {\n const ctx = useRef<StylixContext | null>(null);\n if (!ctx.current)\n ctx.current = createStylixContext({ id, devMode, plugins, media, styleElement, ssr });\n\n ctx.current.styleCollector = useContext(styleCollectorContext);\n\n // When the component is unmounted, remove the style element, if any\n useEffect(() => {\n return () => {\n ctx.current?.styleElement?.remove();\n };\n }, []);\n\n return <stylixContext.Provider value={ctx.current}>{children}</stylixContext.Provider>;\n}\n","import type { StylixContext } from './StylixProvider';\n\nexport function flattenRules(ctx: StylixContext): string[] {\n return Object.values(ctx.rules)\n .flatMap((val) => (val && val.refs > 0 ? val.rules : []))\n .filter(Boolean);\n}\n\n/**\n * Applies rules from given StylixContext to the <style> element.\n */\nexport default function applyRules(ctx: StylixContext): void {\n if (ctx.styleCollector) {\n const flattenedRules = flattenRules(ctx);\n ctx.styleCollector.length = 0;\n ctx.styleCollector.push(...flattenedRules);\n return;\n }\n\n if (ctx.ssr) return;\n\n const supportsAdoptedStylesheets = 'adoptedStyleSheets' in document;\n\n // If there's no style element, and we're in dev mode, create one\n if (!ctx.styleElement && (ctx.devMode || !supportsAdoptedStylesheets)) {\n ctx.styleElement = document.createElement('style');\n ctx.styleElement.className = 'stylix';\n if (ctx.id) ctx.styleElement.id = `stylix-${ctx.id}`;\n document.head.appendChild(ctx.styleElement);\n }\n\n if (ctx.styleElement) {\n // If there's a style element, use it\n const flattenedRules = flattenRules(ctx);\n ctx.styleElement.innerHTML = flattenedRules.join('\\n');\n } else {\n // Still no stylesheet yet, create one\n if (!ctx.stylesheet) {\n ctx.stylesheet = new CSSStyleSheet();\n if (supportsAdoptedStylesheets) {\n document.adoptedStyleSheets.push(ctx.stylesheet);\n } else if (ctx.stylesheet.ownerNode) {\n document.head.appendChild(ctx.stylesheet.ownerNode);\n }\n }\n\n const stylesheet = ctx.stylesheet;\n\n const flattenedRules = flattenRules(ctx);\n if (stylesheet.replaceSync) {\n try {\n stylesheet.replaceSync(flattenedRules.join('\\n'));\n } catch (e) {\n // Errors are ignored, this just means that a browser doesn't support a certain CSS feature.\n console.warn(e);\n }\n }\n }\n}\n","import React from 'react';\n\nexport function getParentComponentName(): string | undefined {\n const internals = (React as any).__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;\n const stack = internals?.ReactDebugCurrentFrame?.getStackAddendum?.()?.split('\\n') || [];\n for (const line of stack) {\n // Look for a component name like \"Component$123\", either at the start of the line (Firefox) or after \"at \" (Safari/Chrome)\n const m = line.trim().match(/^(?:at )?([A-Z][A-Za-z0-9$.]*)/);\n const res = m?.[1] && m[1] !== 'Stylix' ? m[1] : undefined;\n if (res) return res;\n }\n}\n","import { applyPlugins } from './plugins';\nimport type { StylixContext } from './StylixProvider';\nimport type { StylixObject } from './types';\nimport { isEmpty } from './util/isEmpty';\nimport { isPlainObject } from './util/isPlainObject';\n\n/**\n * Serialize selector and styles to css rule string\n */\nfunction serialize(selector: string, styles: StylixObject) {\n const lines: string[] = [];\n for (const key in styles) {\n const value = styles[key];\n if (isPlainObject(value)) lines.push(serialize(key, value));\n else lines.push(` ${key}: ${value};`);\n }\n return `${selector} {\\n${lines.join('\\n')} }`;\n}\n\n/**\n * Converts a Stylix CSS object to an array of rules, suitable for passing to StyleSheet#insertRule.\n */\nexport default function stylesToRuleArray(\n styles: StylixObject,\n className: string,\n context: StylixContext,\n): string[] {\n if (isEmpty(styles)) return [];\n try {\n const processedStyles = applyPlugins(\n 'processStyles',\n styles,\n className,\n context,\n ) as StylixObject;\n\n const result: string[] = [];\n for (const key in processedStyles) {\n const value = processedStyles[key] as StylixObject;\n result.push(serialize(key, value));\n }\n return result;\n } catch (e: any) {\n if (e.name && e.reason) {\n console.error(\n `${e.name}: ${e.reason}\\n`,\n `${e.source.replace('\\n', ' ').substring(Math.max(0, e.column - 20), Math.max(0, e.column - 20) + 100)}\\n`,\n `${' '.repeat(20)}^`,\n );\n } else {\n console.error(e);\n }\n return [];\n }\n}\n","import { useRef } from 'react';\nimport applyRules from './applyRules';\nimport { getParentComponentName } from './getParentComponentName';\nimport { applyPlugins } from './plugins';\nimport { type StylixContext, useStylixContext } from './StylixProvider';\nimport stylesToRuleArray from './stylesToRuleArray';\nimport type { StylixObject, StylixStyles } from './types';\nimport { isEmpty } from './util/isEmpty';\nimport useIsoLayoutEffect from './util/useIsoLayoutEffect';\n\nfunction cleanup(ctx: StylixContext): void {\n if (typeof ctx.cleanupRequest !== 'undefined') return;\n\n const doCleanup = () => {\n for (const i in ctx.rules) {\n const rule = ctx.rules[i];\n if (!rule || rule.refs <= 0) {\n delete ctx.rules[i];\n }\n }\n ctx.cleanupRequest = undefined;\n };\n\n if (ctx.devMode) {\n doCleanup();\n } else {\n ctx.cleanupRequest = setTimeout(doCleanup, 100) as any;\n }\n}\n\n/**\n * Accepts a Stylix CSS object and returns a unique className.\n * The styles are registered with the Stylix context and will be applied to the document.\n * If `global` is false, provided styles will be nested within the generated classname.\n * Returns the className if enabled, or an empty string.\n */\nexport function useStyles(\n styles: StylixStyles,\n options: { global?: boolean; debugLabel?: string } = { global: false },\n): string {\n const stylixCtx = useStylixContext();\n\n const prevStylesJson = useRef('');\n\n // Preprocess styles with plugins\n if (styles && !isEmpty(styles))\n styles = applyPlugins('preprocessStyles', styles, null, stylixCtx);\n\n let stylesJson = styles && !isEmpty(styles) ? JSON.stringify(styles) : '';\n if (stylesJson && options.global) stylesJson = `global:${stylesJson}`;\n\n const changed = stylesJson !== prevStylesJson.current;\n prevStylesJson.current = stylesJson;\n\n options.debugLabel ||= stylixCtx.devMode ? getParentComponentName() : '';\n\n if (stylesJson && !stylixCtx.rules[stylesJson]) {\n stylixCtx.styleCounter++;\n const className = `stylix-${(stylixCtx.styleCounter).toString(36)}${options.debugLabel ? `-${options.debugLabel}` : ''}`;\n // If not global styles, wrap original styles with classname\n if (!options.global) styles = { [`.${className}`]: styles };\n stylixCtx.rules[stylesJson] = {\n className,\n rules: stylesToRuleArray(styles as StylixObject, className, stylixCtx),\n refs: 0,\n };\n }\n\n if (changed) stylixCtx.requestApply = true;\n\n // When json changes, add/remove ref count\n const ruleSet = stylixCtx.rules[stylesJson];\n if (stylesJson && changed && ruleSet) {\n ruleSet.refs++;\n }\n\n // Apply styles if requested.\n // This runs on every render. We utilize useLayoutEffect so that it runs *after* all the other\n // renders have completed. stylixCtx.requestApply guards against multiple runs. This reduces the number of calls\n // to applyRules(), but prevents styles potentially being added to the DOM after other components force the\n // browser to compute styles.\n useIsoLayoutEffect(\n () => {\n if (!stylixCtx.requestApply) return;\n stylixCtx.requestApply = false;\n applyRules(stylixCtx);\n },\n undefined,\n true,\n stylixCtx.ssr,\n );\n\n useIsoLayoutEffect(\n () => {\n if (!stylesJson || !changed) return;\n\n return () => {\n const ruleSet = stylixCtx.rules[stylesJson];\n if (!ruleSet) return;\n ruleSet.refs--;\n if (ruleSet.refs <= 0) stylixCtx.rules[stylesJson] = undefined;\n cleanup(stylixCtx);\n };\n },\n [stylesJson],\n false,\n stylixCtx.ssr,\n );\n\n return stylixCtx.rules[stylesJson]?.className || '';\n}\n\nexport function useKeyframes(keyframes: any) {\n return useStyles({ '@keyframes $$class': keyframes }, { global: true });\n}\n\nexport function useGlobalStyles(\n styles: StylixStyles,\n options: { disabled?: boolean } = { disabled: false },\n) {\n return useStyles(styles, { ...options, global: true });\n}\n","import React from 'react';\nimport type { IntrinsicElements } from './elements';\nimport { useStylixContext } from './StylixProvider';\nimport type { Extends, StylixProps, StylixStyles } from './types';\nimport { useStyles } from './useStyles';\nimport { isEmpty } from './util/isEmpty';\n\n/**\n * Additional properties on the Stylix ($) component and its html component properties (`<$.div>`, etc).\n */\nexport type StylixComponentMeta = {\n displayName?: string;\n __isStylix: true;\n};\n\n/**\n * Defines the static meta properties and the HTML elements on the `$` object ($.div, $.span, etc).\n */\ntype Stylix$ComponentExtras = StylixComponentMeta & {\n [key in IntrinsicElements]: React.FC<\n Extends<React.JSX.IntrinsicElements[key], StylixProps> & {\n htmlContent?: string;\n htmlTranslate?: 'yes' | 'no';\n }\n >;\n};\n\nexport type StylixRenderFn<TProps = any> = (\n className: string | undefined,\n props: TProps,\n) => React.ReactNode;\n\n/**\n * The props for the Stylix ($) component when using the $render prop.\n */\ntype Stylix$renderProp = StylixProps &\n Record<string, unknown> & {\n $el?: never;\n $render: StylixRenderFn;\n children?: never;\n };\n\n/**\n * The props for the Stylix ($) component when using the $el prop as a component, intrinsic element tag, or rendered element.\n */\ntype Stylix$elAsComponentProp = StylixProps &\n Record<string, unknown> & {\n $el: React.ReactElement | React.ComponentType<any> | IntrinsicElements;\n $render?: never;\n children?: React.ReactNode | React.ReactNode[];\n };\n\n/**\n * Internal props type for the Stylix ($) component where actual types are unknown.\n */\ntype InternalStylix$Props = {\n $el?: React.ReactElement | React.ComponentType<any> | IntrinsicElements;\n $render?: StylixRenderFn;\n children?: React.ReactNode | React.ReactNode[];\n $css?: StylixProps['$css'];\n className?: string;\n};\n\ntype Stylix$props = Stylix$elAsComponentProp | Stylix$renderProp;\n\n/**\n * Type of main Stylix component ($).\n */\nexport type Stylix$Component = Stylix$ComponentExtras & ((props: Stylix$props) => React.ReactNode);\n\nexport function _Stylix<TElement extends React.ElementType>(\n props: InternalStylix$Props,\n ref: React.Ref<TElement>,\n) {\n const { $el, $render, $css, className: outerClassName, children, ...rest } = props;\n\n const ctx = useStylixContext();\n const [styleProps, otherProps] = ctx.classifyProps(rest);\n\n let styles: StylixStyles = [];\n if (!isEmpty(styleProps)) styles.push(styleProps);\n if (!isEmpty($css)) styles.push($css);\n if (styles.length === 1 && styles[0]) styles = styles[0];\n const stylixClassName = useStyles(styles);\n\n const className = `${stylixClassName} ${outerClassName || ''}`.trim() || undefined;\n\n if (React.isValidElement($el)) {\n const $elProps = {\n ...($el.props as any),\n ref,\n /**\n * `allProps` must override `$el.props` because the latter may contain default prop values provided by defaultProps.\n * The expectation is that for <$ $el={<SomeComponent />} someComponentProp=\"my value\" />,\n * the `someComponentProp` prop would override any default value specified by SomeComponent.defaultProps.\n */\n ...otherProps,\n className: `${($el.props as any).className || ''} ${className || ''}`.trim() || undefined,\n };\n return React.cloneElement(\n $el,\n $elProps,\n ...(React.Children.toArray(children as React.ReactNode) || []),\n );\n }\n\n if ($el) {\n const Component = $el as React.FC<any>;\n return (\n <Component className={className} ref={ref} {...otherProps}>\n {children}\n </Component>\n );\n }\n\n if ($render) {\n return $render(className || undefined, { children, ...otherProps, ...(ref ? { ref } : null) });\n }\n\n throw new Error('Stylix: invalid stylix component usage: must provide $el or $render prop.');\n}\n\nexport const Stylix: Stylix$Component = React.forwardRef(\n _Stylix as any,\n) as unknown as Stylix$Component;\nStylix.displayName = 'Stylix';\nStylix.__isStylix = true;\n","import React from 'react';\nimport { Stylix } from './Stylix';\n\nconst htmlTags = [\n 'a',\n 'abbr',\n 'address',\n 'area',\n 'article',\n 'aside',\n 'audio',\n 'b',\n 'bdi',\n 'bdo',\n 'blockquote',\n 'body',\n 'br',\n 'button',\n 'canvas',\n 'caption',\n 'cite',\n 'code',\n 'col',\n 'colgroup',\n 'data',\n 'dd',\n 'del',\n 'details',\n 'dfn',\n 'dialog',\n 'div',\n 'dl',\n 'dt',\n 'em',\n 'embed',\n 'fieldset',\n 'figcaption',\n 'figure',\n 'footer',\n 'form',\n 'h1',\n 'h2',\n 'h3',\n 'h4',\n 'h5',\n 'h6',\n 'header',\n 'hgroup',\n 'hr',\n 'html',\n 'i',\n 'iframe',\n 'img',\n 'input',\n 'ins',\n 'kbd',\n 'label',\n 'legend',\n 'li',\n 'main',\n 'map',\n 'mark',\n 'menu',\n 'menuitem',\n 'meter',\n 'nav',\n 'noscript',\n 'object',\n 'ol',\n 'optgroup',\n 'option',\n 'output',\n 'p',\n 'picture',\n 'pre',\n 'progress',\n 'q',\n 'rt',\n 'ruby',\n 's',\n 'samp',\n 'section',\n 'select',\n 'slot',\n 'small',\n 'source',\n 'span',\n 'strong',\n 'sub',\n 'summary',\n 'sup',\n 'svg',\n 'table',\n 'tbody',\n 'td',\n 'textarea',\n 'tfoot',\n 'th',\n 'thead',\n 'time',\n 'tr',\n 'track',\n 'u',\n 'ul',\n 'var',\n 'video',\n] as const;\n\nexport type IntrinsicElements = (typeof htmlTags)[number];\n\n/**\n * Gets the props of a given HTML tag.\n */\nexport type HTMLProps<TTag extends keyof React.JSX.IntrinsicElements> =\n React.JSX.IntrinsicElements[TTag];\n\nfor (const i in htmlTags) {\n const Tag: any = htmlTags[i];\n (Stylix as any)[Tag] = React.forwardRef(({ htmlContent, htmlTranslate, ...props }: any, ref) => (\n <Stylix\n $render={(className: string, props: object) => (\n <Tag\n className={className}\n content={htmlContent}\n translate={htmlTranslate}\n ref={ref}\n {...props}\n />\n )}\n {...props}\n />\n ));\n (Stylix as any)[Tag].__isStylix = true;\n (Stylix as any)[Tag].displayName = `$.${Tag}`;\n}\n","import { flattenRules } from './applyRules';\nimport type { HTMLProps } from './elements';\nimport { StyleElement } from './StyleElement';\nimport { useStylixContext } from './StylixProvider';\n\nexport function RenderServerStyles(props: Partial<HTMLProps<'style'>>) {\n const ctx = useStylixContext();\n return <StyleElement styles={ctx.ssr ? flattenRules(ctx) : []} {...props} />;\n}\n","type ClassNamePrimitive = string | number | boolean | null | undefined;\ntype ClassName =\n | ClassNamePrimitive\n | ClassName[]\n | { [key: string]: ClassNamePrimitive }\n | (() => ClassName);\n\n// Internal helper to collect class name parts without joining\nfunction cxArray(args: ClassName[]): string[] {\n const classNames: string[] = [];\n for (const arg of args) {\n if (arg && typeof arg === 'string') {\n classNames.push(arg);\n } else if (Array.isArray(arg)) {\n classNames.push(...cxArray(arg));\n } else if (typeof arg === 'function') {\n classNames.push(...cxArray([arg()]));\n } else if (typeof arg === 'object' && arg !== null) {\n for (const [key, value] of Object.entries(arg)) {\n if (value) {\n classNames.push(key);\n }\n }\n }\n }\n return classNames;\n}\n\n/**\n * A utility function to create a string of class names based on the provided parameters.\n * Accepts a variable number of arguments, each of which can be one of the following:\n *\n * - A string, which will be included in the class name string.\n * - An object, where the keys are class names and the values are booleans indicating whether to include the class name.\n * - An array of strings or objects, which will be flattened and processed as above.\n * - A function that returns a string, object, or array, which will be processed as above.\n * - Any other value will be ignored.\n */\nexport function cx(...args: ClassName[]): string {\n return cxArray(args).join(' ');\n}\n"],"names":["_jsx"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../src/applyRules.ts","../src/classifyProps.ts","../src/util/isEmpty.ts","../src/util/isPlainObject.ts","../src/plugins/cleanStyles.ts","../src/util/mapObject.ts","../src/plugins/defaultUnits.ts","../src/plugins/hoistKeyframes.ts","../src/plugins/hoistLayers.ts","../src/plugins/mediaObjects.ts","../src/plugins/mergeArrays.ts","../src/plugins/prepareStyles.ts","../src/plugins/propCasing.ts","../src/plugins/replace$$class.ts","../src/plugins/customProps.ts","../src/plugins/index.ts","../src/StyleElement.tsx","../src/styleCollector.tsx","../src/getParentComponentName.ts","../src/stylesToRuleArray.ts","../src/useStyles.ts","../src/util/useIsoLayoutEffect.ts","../src/stylixContext.tsx","../src/Stylix.tsx","../src/elements.tsx","../src/RenderServerStyles.tsx","../src/util/cx.ts"],"sourcesContent":["import type { StylixContext } from './stylixContext';\n\nexport function flattenRules(ctx: StylixContext): string[] {\n return Object.values(ctx.rules)\n .flatMap((val) => (val && val.refs > 0 ? val.rules : []))\n .filter(Boolean);\n}\n\n/**\n * Applies rules from given StylixContext to the <style> element.\n */\nexport default function applyRules(ctx: StylixContext): void {\n if (ctx.styleCollector) {\n const flattenedRules = flattenRules(ctx);\n ctx.styleCollector.length = 0;\n ctx.styleCollector.push(...flattenedRules);\n return;\n }\n\n if (ctx.ssr) return;\n\n const supportsAdoptedStylesheets = 'adoptedStyleSheets' in document;\n\n // If there's no style element, and we're in dev mode, create one\n if (!ctx.styleElement && (ctx.devMode || !supportsAdoptedStylesheets)) {\n ctx.styleElement = document.createElement('style');\n ctx.styleElement.className = 'stylix';\n if (ctx.id) ctx.styleElement.id = `stylix-${ctx.id}`;\n document.head.appendChild(ctx.styleElement);\n }\n\n if (ctx.styleElement) {\n // If there's a style element, use it\n const flattenedRules = flattenRules(ctx);\n ctx.styleElement.innerHTML = flattenedRules.join('\\n');\n } else {\n // Still no stylesheet yet, create one\n if (!ctx.stylesheet) {\n ctx.stylesheet = new CSSStyleSheet();\n if (supportsAdoptedStylesheets) {\n document.adoptedStyleSheets.push(ctx.stylesheet);\n } else if (ctx.stylesheet.ownerNode) {\n document.head.appendChild(ctx.stylesheet.ownerNode);\n }\n }\n\n const stylesheet = ctx.stylesheet;\n\n const flattenedRules = flattenRules(ctx);\n if (stylesheet.replaceSync) {\n try {\n stylesheet.replaceSync(flattenedRules.join('\\n'));\n } catch (e) {\n // Errors are ignored, this just means that a browser doesn't support a certain CSS feature.\n console.warn(e);\n }\n }\n }\n}\n","export function classifyProps(\n props: Record<string, unknown>,\n knownStyleProps: Record<string, string>,\n): [any, any] {\n const styles = {} as any;\n const other = {} as any;\n\n for (const prop in props) {\n // If prop is not a valid JSX prop, it must be a CSS selector.\n // If prop has a style prop name and the value is likely a style value, it's a style prop.\n if (!isValidJSXProp(prop) || isStyleProp(prop, knownStyleProps)) {\n styles[prop] = props[prop];\n } else {\n other[prop] = props[prop];\n }\n }\n\n return [styles, other];\n}\n\n/**\n * Determines if `value` is a recognized CSS property (can be standard CSS or custom Stylix prop).\n * If it is, the simplified prop name is returned. Otherwise, false is returned.\n */\nexport function isStyleProp(\n prop: unknown,\n knownStyleProps: Record<string, string>,\n): string | false {\n if (isValidJSXProp(prop)) {\n const simplified = simplifyStylePropName(prop);\n return simplified in knownStyleProps ? simplified : false;\n }\n return false;\n}\n\nexport function isValidJSXProp(value: unknown): value is string {\n // Not an exact check, but mostly rules out complex css selectors\n return typeof value === 'string' && /^[a-z$][a-z0-9_-]*$/i.test(value);\n}\n\nexport function simplifyStylePropName(value: string) {\n return value.toLowerCase().replace(/[^a-z]/g, '');\n}\n","export function isEmpty(obj: unknown) {\n if (!obj) return true;\n if (Array.isArray(obj)) return obj.length === 0;\n for (const _ in obj) return false;\n if (typeof obj === 'object') return true;\n return false;\n}\n","/**\n * Indicates that an object is most likely just an object literal.\n */\nexport function isPlainObject(value: any): value is Record<string, any> {\n if (!value || typeof value !== 'object') return false;\n return Object.getPrototypeOf(value) === Object.prototype;\n}\n","import { isEmpty } from '../util/isEmpty';\nimport { isPlainObject } from '../util/isPlainObject';\nimport type { StylixPlugin } from './index';\n\nexport function _cleanStyles(object: any): void {\n for (const key in object) {\n const value = object[key];\n if (value === null || value === undefined || value === '' || value === false)\n delete object[key];\n else if (isPlainObject(value) || Array.isArray(value)) {\n _cleanStyles(value);\n if (isEmpty(value)) delete object[key];\n }\n }\n}\n\n/**\n * Removes null, undefined, and empty string values from style objects.\n */\nexport const cleanStyles: StylixPlugin = {\n name: 'cleanStyles',\n type: 'processStyles',\n plugin(_ctx, styles) {\n _cleanStyles(styles);\n return styles;\n },\n};\n","export type ObjectOrArray = (unknown[] & Record<string, unknown>);\n\nexport type MapObjectFunction<TContext extends object = object> = (\n key: string | number,\n value: unknown,\n target: ObjectOrArray,\n context: TContext,\n mapRecursive: (value: unknown) => ObjectOrArray,\n) => void;\n\n/**\n * Returns a new object or array, generated by invoking `map` on each key-value pair in `source` and merging the returned value into\n * the result. The return value should be an object or array (to match `source`), or undefined to omit the key-value pair from the result.\n *\n * If `source` is an object, Object.assign() will be used to merge the response into the result object.\n *\n * If `source` is an array, the returned array entries will be pushed onto the result array (i.e. it will be flattened, one level deep).\n *\n * The `map` function will receive the following arguments:\n * - The current key or index\n * - The current value\n * - The current object/array being mapped\n * - A context object. This is a plain object that you can modify as needed. The value will be shallow cloned for each key, and the clone\n * will be passed into the `mapRecursive` method in order to persist it in recursive mapping.\n * - A `mapRecursive` function that can be used to recursively map nested objects or arrays. You can call this by passing the current value,\n * which will run the same mapping function on the value and return the result. If the value is not an object or array, it will just\n * return the value. The mapping function will receive the context object for the current key, and any modifications made to the context\n * object will be persisted into the recursive call. This could be used, for example, to keep track of the current depth of the recursion\n * or the full path of the current value.\n *\n * Example:\n *\n * ```ts\n * const value = {\n * ignoreMe: null,\n * string: 'value',\n * object: {\n * a: 1,\n * b: 2,\n * },\n * array: [1, 2, 3, 4],\n * }\n * const result = mapObjectRecursive(value, (key, value, source, context) => {\n * if (key === 'ignoreMe')\n * return undefined; // will omit key from result\n * if (typeof key === 'string' && typeof value === 'string')\n * return { [key]: value + '-mapped' }; // will append '-mapped' to string values\n * if (typeof key === 'string' && typeof value === 'number')\n * return { [key]: value, [`${key}-mapped`]: value * 2 }; // will add a new key with the value doubled\n * if (typeof value === 'object')\n * return { [key]: value }; // will leave object unchanged\n * if (Array.isArray(source) && typeof value === 'number')\n * return [value, value * 2]; // will add the value and the value doubled to the array\n * });\n * // result:\n * // {\n * // string: 'value-mapped',\n * // object: {\n * // a: 1,\n * // 'a-mapped': 2,\n * // b: 2,\n * // 'b-mapped': 4,\n * // },\n * // array: [1, 2, 2, 4, 3, 6, 4, 8],\n * // }\n * ```\n */\nexport function mapObject<TSource, TContext extends object>(\n source: TSource,\n mapFn: MapObjectFunction<TContext>,\n context?: TContext,\n): TSource {\n if (typeof source !== 'object') return source;\n const target = (Array.isArray(source) ? [] : {}) as ObjectOrArray;\n for (const _key in source) {\n const key: number | string = Array.isArray(source) ? +_key : _key;\n const value = (source as any)[key];\n\n const contextClone = { ...context } as TContext;\n mapFn(key, value, target, contextClone, (value) =>\n mapObject(value as ObjectOrArray, mapFn, contextClone),\n );\n }\n\n return target as TSource;\n}\n","import { type MapObjectFunction, mapObject } from '../util/mapObject';\nimport type { StylixPlugin } from './index';\n\nexport const defaultIgnoreUnits = [\n 'aspect-ratio',\n 'column-count',\n 'columns',\n 'fill-opacity',\n 'flex',\n 'flex-grow',\n 'flex-shrink',\n 'font-weight',\n 'line-height',\n 'opacity',\n 'order',\n 'orphans',\n 'stroke-opacity',\n 'widows',\n 'z-index',\n 'zoom',\n];\n\n/**\n * Adds unit (px, em, etc) to numeric values for any style properties not included in `ignoreProps`.\n */\nexport const defaultUnits = (unit = 'px', ignoreProps = defaultIgnoreUnits): StylixPlugin => {\n return {\n name: 'defaultUnits',\n type: 'processStyles',\n plugin(_ctx, styles) {\n return mapObject(styles, defaultUnitsMap, { unit, ignoreProps });\n },\n };\n};\n\nconst defaultUnitsMap: MapObjectFunction<{ unit: string; ignoreProps: string[] }> = (\n key,\n value,\n target,\n ctx,\n mapRecursive,\n) => {\n if (typeof value === 'number' && !ctx.ignoreProps.includes(key as string)) {\n target[key] = String(value) + ctx.unit;\n return;\n }\n target[key] = mapRecursive(value);\n};\n\nexport const defaultPixelUnits = defaultUnits();\n","import { isPlainObject } from '../util/isPlainObject';\nimport type { StylixPlugin } from './index';\n\nfunction _hoistKeyframes(styles: any, root: any) {\n for (const key in styles) {\n const value = styles[key];\n if (key.startsWith('@keyframes')) {\n // Add keyframe rules as-is directly to root object\n root[key] = value;\n if (styles !== root) delete styles[key];\n } else if (isPlainObject(value)) {\n // Recursively flatten nested styles\n _hoistKeyframes(value, root);\n }\n }\n return styles;\n}\n\n/**\n * Hoists @keyframe declarations to root of styles object.\n */\nexport const hoistKeyframes: StylixPlugin = {\n name: 'hoistKeyframes',\n type: 'processStyles',\n plugin(_ctx, styles) {\n return _hoistKeyframes(styles, styles);\n },\n};\n","import { isPlainObject } from '../util/isPlainObject';\nimport type { StylixPlugin } from './index';\n\nexport function _hoistLayers(styles: any, root: any) {\n for (const key in styles) {\n const value = styles[key];\n if (typeof value === 'string' && key.startsWith('@layer')) {\n // Add layer rules as-is directly to root object\n root['@layer'] ||= [];\n root['@layer'].push(value.replace('@layer', '').trim());\n if (styles !== root) delete styles[key];\n } else if (isPlainObject(value)) {\n // Recursively flatten nested styles\n _hoistLayers(value, root);\n }\n }\n return styles;\n}\n\n/**\n * Hoists @layer declarations to root of styles object.\n */\nexport const hoistLayers: StylixPlugin = {\n name: 'hoistLayers',\n type: 'processStyles',\n plugin(_ctx, styles) {\n if (styles && typeof styles === 'object' && !Array.isArray(styles)) styles['@layer'] = [];\n return _hoistLayers(styles, styles);\n },\n};\n","import { isStyleProp } from '../classifyProps';\nimport type { StylixObject, StylixStyles } from '../index';\nimport type { StylixPlugin, StylixPluginFunctionContext } from './index';\n\ntype OpaqueMediaStyles = { __opaqueMediaStyles: true };\n\nexport type StylixMediaValue = {\n [key: string]: OpaqueMediaStyles | StylixMediaValue;\n};\n\ntype StylixMediaFunc = (styles: OpaqueMediaStyles) => StylixMediaValue;\n\nexport type StylixMediaDefinition = Record<string, StylixMediaFunc>;\n\n/**\n * Expands media objects using the media definitions from the Stylix context.\n */\nexport const mediaObjects: StylixPlugin = {\n name: 'mediaObjects',\n type: 'processStyles',\n plugin: mediaObjectsPlugin,\n};\n\nfunction mediaObjectsPlugin(ctx: StylixPluginFunctionContext, styles: StylixStyles): StylixObject {\n if (!ctx.media) return styles as StylixObject;\n return processMediaStyles(ctx.media, ctx.styleProps, styles);\n}\n\nexport function processMediaStyles(\n mediaDef: StylixMediaDefinition,\n styleProps: Record<string, string>,\n styles: any,\n): any {\n if (!styles || typeof styles !== 'object') return styles;\n\n // If styles is an array, just recursively map it\n if (Array.isArray(styles)) {\n return styles.map((style: any) => processMediaStyles(mediaDef, styleProps, style));\n }\n\n mediaDef.default ||= (styles: any) => styles;\n\n const result = { default: [] } as Record<string, any[]>;\n\n for (const styleKey in styles) {\n const styleValue = styles[styleKey];\n\n if (isStyleProp(styleKey, styleProps)) {\n if (typeof styleValue !== 'object') {\n // Regular style prop\n result.default.push({ [styleKey]: styleValue });\n continue;\n }\n\n // An object for a style prop is definitely a media object\n for (const mediaKey in styleValue) {\n result[mediaKey] ||= [];\n\n // mediaKey corresponds to a media definition\n if (mediaKey in mediaDef) {\n result[mediaKey].push(\n mediaDef[mediaKey]({\n // process recursively\n [styleKey]: processMediaStyles(mediaDef, styleProps, styleValue[mediaKey]),\n } as OpaqueMediaStyles),\n );\n }\n\n // mediaKey does not correspond to a media definition, it must be a @media or @container rule\n else {\n result[mediaKey].push({\n [mediaKey]: {\n [styleKey]: processMediaStyles(mediaDef, styleProps, styleValue[mediaKey]),\n },\n });\n }\n }\n continue;\n }\n\n if (styleKey in mediaDef) {\n result[styleKey] ||= [];\n result[styleKey].push(\n mediaDef[styleKey](\n // process recursively\n processMediaStyles(mediaDef, styleProps, styleValue),\n ),\n );\n continue;\n }\n\n // Key is a selector, just process recursively and add to plain styles\n result.default.push({ [styleKey]: processMediaStyles(mediaDef, styleProps, styleValue) });\n }\n\n const results = Object.values(result);\n return results.length === 1 ? results[0] : results.length === 0 ? null : results;\n}\n","import type { StylixPlugin } from './index';\n\n/**\n * Merges arrays into flat objects, recursively throughout the styles object.\n */\nexport const mergeArrays: StylixPlugin = {\n name: 'mergeArrays',\n type: 'processStyles',\n plugin: (_ctx, styles) => reduceArrays(styles),\n};\n\nexport function reduceArrays(obj: any) {\n return _reduceArrays(obj);\n}\n\nexport function _reduceArrays(obj: any, target: any = {}) {\n if (!obj || typeof obj !== 'object') return obj;\n\n if (Array.isArray(obj)) {\n for (const item of obj) {\n if (!item || typeof item !== 'object') continue;\n _reduceArrays(item, target);\n }\n return target;\n }\n\n for (const key in obj) {\n const value = obj[key];\n\n // If target[key] is an object\n if (target[key] && typeof target[key] === 'object') {\n // If value is an object, merge them\n if (value && typeof value === 'object') {\n _reduceArrays(value, target[key]);\n }\n // If value is not undefined, replace target[key]\n else if (value !== undefined) {\n target[key] = value;\n }\n // otherwise do nothing, keep target[key] as is\n }\n // If target[key] is not an object, process normally\n else {\n target[key] = _reduceArrays(value, {});\n }\n }\n return target;\n}\n","import { isPlainObject } from '../util/isPlainObject';\nimport type { StylixPlugin } from './index';\n\n/**\n * Removes null, undefined, and empty string values from style objects.\n */\nexport const prepareStyles: StylixPlugin = {\n name: 'prepareStyles',\n type: 'preprocessStyles',\n plugin(_ctx, styles) {\n while (Array.isArray(styles) && styles.length === 1) styles = styles[0];\n if (Array.isArray(styles) && !styles.length) return null;\n if (isPlainObject(styles) && Object.values(styles).every((v) => v === undefined)) return null;\n return styles;\n },\n};\n","import { isStyleProp } from '../classifyProps';\nimport { type MapObjectFunction, mapObject } from '../util/mapObject';\nimport type { StylixPlugin, StylixPluginFunctionContext } from './index';\n\n/**\n * Fixes casing and hyphenation on known style props\n */\nexport const propCasing: StylixPlugin = {\n name: 'propCasing',\n type: 'processStyles',\n plugin(ctx, styles) {\n return mapObject(styles, propCasingMap, { ctx });\n },\n};\n\nconst propCasingMap: MapObjectFunction<{ ctx: StylixPluginFunctionContext }> = (\n key,\n value,\n target,\n context,\n mapRecursive,\n) => {\n if (typeof key !== 'string' || key === '&') {\n target[key] = mapRecursive(value);\n return;\n }\n\n const simpleKey = isStyleProp(key, context.ctx.styleProps);\n if (simpleKey) {\n target[context.ctx.styleProps[simpleKey]] = mapRecursive(value);\n return;\n }\n\n target[key] = mapRecursive(value);\n};\n","import { type MapObjectFunction, mapObject } from '../util/mapObject';\nimport type { StylixPlugin, StylixPluginFunctionContext } from './index';\n\n/**\n * Replaces $$class with class name in string values\n */\nexport const replace$$class: StylixPlugin = {\n name: 'replace$$class',\n type: 'processStyles',\n plugin(ctx, styles) {\n return mapObject(styles, replace$$classMap, { ctx });\n },\n};\n\nconst replace$$classMap: MapObjectFunction<{ ctx: StylixPluginFunctionContext }> = (\n key,\n value,\n target,\n context,\n mapRecursive,\n) => {\n value =\n typeof value === 'string'\n ? value.replaceAll('$$class', context.ctx.className || '')\n : mapRecursive(value);\n key = typeof key === 'string' ? key.replaceAll('$$class', context.ctx.className || '') : key;\n target[key] = value;\n};\n","import { isValidJSXProp, simplifyStylePropName } from '../classifyProps';\nimport type { StylixStyles } from '../types';\nimport { isPlainObject } from '../util/isPlainObject';\nimport { mapObject } from '../util/mapObject';\nimport type { StylixPlugin } from './index';\n\nexport function _customPropsProcess(styles: StylixStyles, customProps: Record<string, any>): any {\n if (typeof styles !== 'object' || styles === null) return styles;\n return mapObject(styles, (key, value, target, _ctx, mapRecursive) => {\n if (!isValidJSXProp(key) || isPlainObject(value)) {\n target[key] = mapRecursive(value);\n return;\n }\n\n const simpleKey = simplifyStylePropName(key);\n const propValue = customProps[simpleKey];\n\n if (propValue && typeof propValue === 'object') {\n // For object, merge the mapped value into target if original prop value is truthy\n if (value) {\n const mappedValue = mapRecursive(propValue);\n Object.assign(target, mappedValue);\n }\n } else if (typeof propValue === 'string') {\n // For string, just remap the prop name\n target[propValue] = mapRecursive(value);\n } else if (typeof propValue === 'function') {\n // For function, call it with the original value and merge the result\n const mappedValue = mapRecursive(propValue(value));\n Object.assign(target, mappedValue);\n } else {\n // Unknown type, just keep original\n target[key] = mapRecursive(value);\n }\n });\n}\n\nexport const customProps = (customProps: Record<string, any>): StylixPlugin[] => {\n for (const key in customProps) {\n customProps[simplifyStylePropName(key)] = customProps[key];\n }\n\n return [\n {\n name: 'customPropsInit',\n type: 'initialize',\n plugin(ctx) {\n for (const key in customProps) {\n ctx.styleProps[simplifyStylePropName(key)] = key;\n }\n },\n },\n {\n name: 'customPropsProcess',\n type: 'processStyles',\n before: 'mergeArrays',\n plugin(_ctx, styles) {\n return _customPropsProcess(styles, customProps);\n },\n },\n ];\n};\n","import type { StylixContext } from '../stylixContext';\nimport type { StylixStyles } from '../types';\nimport { cleanStyles } from './cleanStyles';\nimport { defaultPixelUnits } from './defaultUnits';\nimport { hoistKeyframes } from './hoistKeyframes';\nimport { hoistLayers } from './hoistLayers';\nimport { mediaObjects } from './mediaObjects';\nimport { mergeArrays } from './mergeArrays';\nimport { prepareStyles } from './prepareStyles';\nimport { propCasing } from './propCasing';\nimport { replace$$class } from './replace$$class';\n\n/**\n * Stylix plugin function context object\n */\nexport type StylixPluginFunctionContext = Pick<\n StylixContext,\n 'id' | 'devMode' | 'media' | 'stylesheet' | 'styleElement' | 'styleProps'\n> & { className: string | null };\n\n/**\n * Stylix plugin interface\n */\nexport type StylixPlugin = {\n name: string;\n before?: string;\n after?: string;\n atIndex?: number;\n} & (\n | {\n name: string;\n type: 'initialize';\n plugin(ctx: StylixPluginFunctionContext): void;\n }\n | {\n type: 'processStyles' | 'preprocessStyles';\n plugin(ctx: StylixPluginFunctionContext, styles: StylixStyles): StylixStyles;\n }\n);\n\nexport function applyPlugins(\n type: 'initialize',\n styles: null,\n className: null,\n context: StylixContext,\n): void;\n\nexport function applyPlugins(\n type: 'processStyles' | 'preprocessStyles',\n styles: StylixStyles,\n className: string | null,\n context: StylixContext,\n): StylixStyles;\n\nexport function applyPlugins(\n type: StylixPlugin['type'],\n styles: StylixStyles | null,\n className: string | null,\n context: StylixContext,\n): StylixStyles {\n const pluginContext: StylixPluginFunctionContext = {\n id: context.id,\n devMode: context.devMode,\n media: context.media,\n stylesheet: context.stylesheet,\n styleElement: context.styleElement,\n styleProps: context.styleProps,\n className,\n };\n\n let processedStyles: StylixStyles = styles || {};\n for (const i in context.plugins) {\n const plugin = context.plugins[i];\n if (plugin.type === type)\n processedStyles = plugin.plugin(pluginContext, processedStyles) as StylixStyles;\n }\n return processedStyles;\n}\n\nexport { customProps } from './customProps';\n\nexport const defaultPlugins: StylixPlugin[] = [\n prepareStyles,\n mediaObjects,\n mergeArrays,\n propCasing,\n hoistKeyframes,\n hoistLayers,\n replace$$class,\n defaultPixelUnits,\n cleanStyles,\n];\n","import type { HTMLProps } from './elements';\n\nexport function StyleElement(props: { styles: string[] } & Partial<HTMLProps<'style'>>) {\n const { styles, ...other } = props;\n return (\n <style type=\"text/css\" {...other} dangerouslySetInnerHTML={{ __html: styles.join('\\n') }} />\n );\n}\n","import type React from 'react';\nimport { createContext } from 'react';\n\nimport { StyleElement } from './StyleElement';\n\nexport interface StyleCollector {\n collect: (element: React.ReactElement) => React.ReactElement;\n render: React.FC<React.ComponentProps<'style'>>;\n styles: string[];\n}\n\nexport const styleCollectorContext = createContext<string[] | undefined>(undefined);\n\nexport function createStyleCollector() {\n const styles: string[] = [];\n const collector: StyleCollector = {\n collect: (element) => (\n <styleCollectorContext.Provider value={styles}>{element}</styleCollectorContext.Provider>\n ),\n render: (props: React.ComponentProps<'style'>) => (\n <StyleElement key={props.id || 'stylix'} styles={collector.styles} />\n ),\n styles,\n };\n collector.render.displayName = 'StylixStyleCollectorRenderer';\n return collector;\n}\n","import React from 'react';\n\nexport function getParentComponentName(): string | undefined {\n const internals = (React as any).__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;\n const stack = internals?.ReactDebugCurrentFrame?.getStackAddendum?.()?.split('\\n') || [];\n for (const line of stack) {\n // Look for a component name like \"Component$123\", either at the start of the line (Firefox) or after \"at \" (Safari/Chrome)\n const m = line.trim().match(/^(?:at )?([A-Z][A-Za-z0-9$.]*)/);\n const res = m?.[1] && m[1] !== 'Stylix' ? m[1] : undefined;\n if (res) return res;\n }\n}\n","import { applyPlugins } from './plugins';\nimport type { StylixContext } from './stylixContext';\nimport type { StylixObject } from './types';\nimport { isEmpty } from './util/isEmpty';\nimport { isPlainObject } from './util/isPlainObject';\n\n/**\n * Serialize selector and styles to css rule string\n */\nfunction serialize(selector: string, styles: StylixObject) {\n if (selector.startsWith('@') && Array.isArray(styles)) {\n return `${selector} ${styles.join(', ')};`;\n }\n const lines: string[] = [];\n for (const key in styles) {\n const value = styles[key];\n if (isPlainObject(value)) lines.push(serialize(key, value));\n else lines.push(` ${key}: ${value};`);\n }\n return `${selector} {\\n${lines.join('\\n')} }`;\n}\n\n/**\n * Converts a Stylix CSS object to an array of rules, suitable for passing to StyleSheet#insertRule.\n */\nexport default function stylesToRuleArray(\n styles: StylixObject,\n className: string,\n context: StylixContext,\n): string[] {\n if (isEmpty(styles)) return [];\n try {\n const processedStyles = applyPlugins(\n 'processStyles',\n styles,\n className,\n context,\n ) as StylixObject;\n\n const result: string[] = [];\n\n // Handle @layer rules first\n if (processedStyles['@layer']) {\n result.push(serialize('@layer', processedStyles['@layer'] as StylixObject));\n delete processedStyles['@layer'];\n }\n for (const key in processedStyles) {\n const value = processedStyles[key] as StylixObject;\n result.push(serialize(key, value));\n }\n return result;\n } catch (e: any) {\n if (e.name && e.reason) {\n console.error(\n `${e.name}: ${e.reason}\\n`,\n `${e.source.replace('\\n', ' ').substring(Math.max(0, e.column - 20), Math.max(0, e.column - 20) + 100)}\\n`,\n `${' '.repeat(20)}^`,\n );\n } else {\n console.error(e);\n }\n return [];\n }\n}\n","import { useInsertionEffect, useRef } from 'react';\nimport applyRules from './applyRules';\nimport { getParentComponentName } from './getParentComponentName';\nimport { applyPlugins } from './plugins';\nimport stylesToRuleArray from './stylesToRuleArray';\nimport { type StylixContext, useStylixContext } from './stylixContext';\nimport type { StylixObject, StylixStyles } from './types';\nimport { isEmpty } from './util/isEmpty';\n\nfunction cleanup(ctx: StylixContext): void {\n if (typeof ctx.cleanupRequest !== 'undefined') return;\n\n const doCleanup = () => {\n for (const i in ctx.rules) {\n const rule = ctx.rules[i];\n if (!rule || rule.refs <= 0) {\n delete ctx.rules[i];\n }\n }\n ctx.cleanupRequest = undefined;\n };\n\n if (ctx.devMode) {\n doCleanup();\n } else {\n ctx.cleanupRequest = setTimeout(doCleanup, 100) as any;\n }\n}\n\nexport function createStyles(config: {\n stylixCtx: StylixContext;\n key?: string;\n styles: StylixStyles;\n global?: boolean;\n debugLabel?: string;\n}): { className: string; key: string } {\n const { stylixCtx, global } = config;\n let styles = config.styles;\n const priorKey = config.key || '';\n\n let stylesKey = '';\n if (styles && !isEmpty(styles)) {\n // Preprocess styles with plugins\n styles = applyPlugins('preprocessStyles', styles, null, stylixCtx);\n // Generate styles key\n stylesKey = styles ? (global ? 'global:' : '') + JSON.stringify(styles) : '';\n }\n\n if (stylesKey && !stylixCtx.rules[stylesKey]) {\n stylixCtx.styleCounter++;\n const debugLabel = config.debugLabel || (stylixCtx.devMode && getParentComponentName()) || '';\n const className = `stylix-${(stylixCtx.styleCounter).toString(36)}${debugLabel ? `-${debugLabel}` : ''}`;\n // If not global styles, wrap original styles with classname\n if (!global) styles = { [`.${className}`]: styles };\n stylixCtx.rules[stylesKey] = {\n className,\n rules: stylesToRuleArray(styles as StylixObject, className, stylixCtx),\n refs: 0,\n };\n }\n\n const isChanged = stylesKey !== priorKey;\n const ruleSet = stylesKey ? stylixCtx.rules[stylesKey] : null;\n\n if (isChanged) {\n // Mark styles to be applied\n stylixCtx.requestApply = true;\n\n // When json changes, add/remove ref count\n const priorRuleSet = priorKey ? stylixCtx.rules[priorKey] : null;\n if (priorRuleSet) priorRuleSet.refs--;\n if (ruleSet) ruleSet.refs++;\n }\n\n return {\n className: ruleSet?.className || '',\n key: stylesKey,\n };\n}\n\n/**\n * Accepts a Stylix CSS object and returns a unique className.\n * The styles are registered with the Stylix context and will be applied to the document.\n * If `global` is false, provided styles will be nested within the generated classname.\n * Returns the className if enabled, or an empty string.\n */\nexport function useStyles(\n styles: StylixStyles,\n options: { global?: boolean; debugLabel?: string } = { global: false },\n): string {\n const stylixCtx = useStylixContext();\n\n const prevStylesKey = useRef('');\n\n const s = createStyles({\n stylixCtx,\n styles,\n global: options.global,\n debugLabel: options.debugLabel,\n key: prevStylesKey.current,\n });\n\n prevStylesKey.current = s.key;\n\n // Apply styles if requested.\n // This runs on every render. We utilize useInsertionEffect so that it runs *after* all the other\n // renders have completed. stylixCtx.requestApply guards against multiple runs. This reduces the number of calls\n // to applyRules(), but prevents styles potentially being added to the DOM after other components force the\n // browser to compute styles.\n // biome-ignore lint/correctness/useExhaustiveDependencies: stylixCtx is stable\n useInsertionEffect(() => {\n if (!stylixCtx.requestApply) return;\n stylixCtx.requestApply = false;\n applyRules(stylixCtx);\n\n return () => {\n cleanup(stylixCtx);\n };\n }, [s.key]);\n\n return s.className;\n}\n\nexport function useKeyframes(keyframes: any) {\n return useStyles({ '@keyframes $$class': keyframes }, { global: true });\n}\n\nexport function useGlobalStyles(\n styles: StylixStyles,\n options: { disabled?: boolean } = { disabled: false },\n) {\n return useStyles(styles, { ...options, global: true });\n}\n","import { useLayoutEffect } from 'react';\n\nexport const detectSSR = () =>\n !(typeof window !== 'undefined' && window.document?.head?.appendChild);\n\nexport default function useIsoLayoutEffect(\n fn: () => void | (() => void),\n deps?: unknown[],\n runOnSsr?: boolean,\n isSsr = detectSSR(),\n) {\n if (isSsr) {\n if (runOnSsr) return fn();\n } else {\n // biome-ignore lint/correctness/useHookAtTopLevel: isSsr should never change\n // biome-ignore lint/correctness/useExhaustiveDependencies: dependencies are passed as-is\n useLayoutEffect(fn, deps);\n }\n}\n","import type React from 'react';\nimport { createContext, useContext, useEffect, useRef } from 'react';\nimport applyRules from './applyRules';\nimport { classifyProps, simplifyStylePropName } from './classifyProps';\nimport cssProps from './css-props.json';\nimport { applyPlugins, defaultPlugins, type StylixPlugin } from './plugins';\nimport type { StylixMediaDefinition } from './plugins/mediaObjects';\nimport { styleCollectorContext } from './styleCollector';\nimport type { StylixStyles } from './types';\nimport { createStyles } from './useStyles';\nimport { detectSSR } from './util/useIsoLayoutEffect';\n\n/**\n * Stylix context\n *\n * A Stylix context represents an \"instance\" of Stylix - a configuration, set of plugins, and reference to\n * the <style> element where css is output.\n *\n * A <StylixProvider> creates a context instance and provides it via React context to its descendent elements.\n * All nodes contained within a <StylixProvider> element will share this context.\n */\n\n/**\n * The Stylix context object.\n */\nexport type StylixContext = {\n id: string;\n devMode: boolean;\n media: StylixMediaDefinition | undefined;\n plugins: StylixPlugin[];\n stylesheet?: CSSStyleSheet;\n styleElement?: HTMLStyleElement;\n styleCollector?: string[];\n styleCounter: number;\n rules: {\n [key: string]:\n | undefined\n | {\n className: string;\n rules: string[];\n refs: number;\n };\n };\n styleProps: Record<string, string>;\n ssr?: boolean;\n cleanupRequest?: number;\n requestApply: boolean;\n\n classifyProps(props: Record<string, unknown>): [Record<string, unknown>, Record<string, unknown>];\n styles(styles: StylixStyles, config?: { global: boolean }): string;\n};\n\n/**\n * Default style props mapping. This will be populated on the first call to createStylixContext.\n */\nlet defaultStyleProps: Record<string, string> | undefined;\n\n/**\n * Configuration options for creating a Stylix context.\n */\ntype CreateStylixContextConfig = {\n id?: string;\n devMode?: boolean;\n plugins?: StylixPlugin[] | StylixPlugin[][];\n styleElement?: HTMLStyleElement;\n media?: StylixMediaDefinition;\n ssr?: boolean;\n};\n\nexport function createStylixContext(userValues: CreateStylixContextConfig = {}): StylixContext {\n if (!defaultStyleProps) {\n defaultStyleProps = {};\n for (const value of cssProps) {\n defaultStyleProps[simplifyStylePropName(value)] = value;\n }\n }\n\n const ctx: StylixContext = {\n id: userValues.id || '$default',\n devMode: !!userValues.devMode,\n styleProps: defaultStyleProps,\n media: userValues.media,\n styleElement: userValues.styleElement,\n plugins: defaultPlugins.flat(),\n styleCounter: 0,\n rules: {},\n ssr: userValues.ssr ?? detectSSR(),\n cleanupRequest: undefined,\n requestApply: false,\n\n classifyProps(props: Record<string, unknown>) {\n const [styles, other] = classifyProps(props, this.styleProps);\n return [styles, other];\n },\n\n styles(styles: StylixStyles, config?: { global: boolean }): string {\n const s = createStyles({\n stylixCtx: ctx,\n styles,\n global: config?.global || false,\n });\n applyRules(ctx);\n return s.className;\n },\n };\n\n if (userValues.plugins?.length) {\n const flatPlugins = userValues.plugins.flat();\n for (const i in flatPlugins) {\n const plugin = flatPlugins[i];\n let pluginIndex = -1;\n if (plugin.before) pluginIndex = ctx.plugins.findIndex((v) => v.name === plugin.before);\n else if (plugin.after) {\n pluginIndex = ctx.plugins.findIndex((v) => v.name === plugin.before);\n if (pluginIndex !== -1) pluginIndex += 1;\n } else if (plugin.atIndex !== undefined) pluginIndex = plugin.atIndex;\n\n if (pluginIndex === -1) ctx.plugins.push(plugin);\n else ctx.plugins.splice(pluginIndex, 0, plugin);\n }\n }\n applyPlugins('initialize', null, null, ctx);\n\n return ctx;\n}\n\n/**\n * The React context object for Stylix.\n */\nconst stylixContext = createContext<StylixContext | undefined>(undefined);\n\n/**\n * Default Stylix context, used when no provider is present.\n */\nlet defaultStylixContext: StylixContext | undefined;\n\n/**\n * React hook that gets the current Stylix context.\n */\nexport function useStylixContext(): StylixContext {\n const ctx = useContext(stylixContext);\n if (!ctx) {\n if (!defaultStylixContext) defaultStylixContext = createStylixContext();\n return defaultStylixContext;\n }\n return ctx;\n}\n\n/**\n * Props for StylixProvider when passing an existing context.\n */\ntype StylixProviderPropsWithContext = {\n context: StylixContext;\n};\n\n/**\n * Props for StylixProvider when creating a new context.\n */\ntype StylixProviderPropsWithConfig = {\n id?: string;\n devMode?: boolean;\n plugins?: StylixPlugin[] | StylixPlugin[][];\n styleElement?: HTMLStyleElement;\n media?: StylixMediaDefinition;\n ssr?: boolean;\n children: any;\n};\n\n/**\n * Props for the StylixProvider component.\n */\ntype StylixProviderProps = StylixProviderPropsWithContext | StylixProviderPropsWithConfig;\n\n/**\n * StylixProvider component. Provides a Stylix context to its descendent elements.\n * Can either accept an existing context via the `context` prop, or create a new context\n * using the other configuration props.\n */\nexport function StylixProvider(props: StylixProviderProps): React.ReactElement {\n const { context, id, devMode, plugins, media, styleElement, children, ssr } =\n props as StylixProviderPropsWithContext & StylixProviderPropsWithConfig;\n\n const ctx = useRef(context);\n if (!ctx.current)\n ctx.current = createStylixContext({\n id,\n devMode,\n plugins,\n media,\n styleElement,\n ssr,\n });\n\n ctx.current.styleCollector = useContext(styleCollectorContext);\n\n // When the component is unmounted, remove the style element, if any\n useEffect(() => {\n return () => {\n ctx.current?.styleElement?.remove();\n };\n }, []);\n\n return <stylixContext.Provider value={ctx.current}>{children}</stylixContext.Provider>;\n}\n","import React from 'react';\nimport type { IntrinsicElements } from './elements';\nimport { useStylixContext } from './stylixContext';\nimport type { Extends, StylixProps, StylixStyles } from './types';\nimport { useStyles } from './useStyles';\nimport { isEmpty } from './util/isEmpty';\n\n/**\n * Additional properties on the Stylix ($) component and its html component properties (`<$.div>`, etc).\n */\nexport type StylixComponentMeta = {\n displayName?: string;\n __isStylix: true;\n};\n\n/**\n * Defines the static meta properties and the HTML elements on the `$` object ($.div, $.span, etc).\n */\ntype Stylix$ComponentExtras = StylixComponentMeta & {\n [key in IntrinsicElements]: React.FC<\n Extends<React.JSX.IntrinsicElements[key], StylixProps> & {\n htmlContent?: string;\n htmlTranslate?: 'yes' | 'no';\n }\n >;\n};\n\nexport type StylixRenderFn<TProps = any> = (\n className: string | undefined,\n props: TProps,\n) => React.ReactNode;\n\n/**\n * The props for the Stylix ($) component when using the $render prop.\n */\ntype Stylix$renderProp = StylixProps &\n Record<string, unknown> & {\n $el?: never;\n $render: StylixRenderFn;\n children?: never;\n };\n\n/**\n * The props for the Stylix ($) component when using the $el prop as a component, intrinsic element tag, or rendered element.\n */\ntype Stylix$elAsComponentProp = StylixProps &\n Record<string, unknown> & {\n $el: React.ReactElement | React.ComponentType<any> | IntrinsicElements;\n $render?: never;\n children?: React.ReactNode | React.ReactNode[];\n };\n\n/**\n * Internal props type for the Stylix ($) component where actual types are unknown.\n */\ntype InternalStylix$Props = {\n $el?: React.ReactElement | React.ComponentType<any> | IntrinsicElements;\n $render?: StylixRenderFn;\n children?: React.ReactNode | React.ReactNode[];\n $css?: StylixProps['$css'];\n className?: string;\n};\n\ntype Stylix$props = Stylix$elAsComponentProp | Stylix$renderProp;\n\n/**\n * Type of main Stylix component ($).\n */\nexport type Stylix$Component = Stylix$ComponentExtras & ((props: Stylix$props) => React.ReactNode);\n\nexport function _Stylix<TElement extends React.ElementType>(\n props: InternalStylix$Props,\n ref: React.Ref<TElement>,\n) {\n const { $el, $render, $css, className: outerClassName, children, ...rest } = props;\n\n const ctx = useStylixContext();\n const [styleProps, otherProps] = ctx.classifyProps(rest);\n\n let styles: StylixStyles = [];\n if (!isEmpty(styleProps)) styles.push(styleProps);\n if (!isEmpty($css)) styles.push($css);\n if (styles.length === 1 && styles[0]) styles = styles[0];\n const stylixClassName = useStyles(styles);\n\n const className = `${stylixClassName} ${outerClassName || ''}`.trim() || undefined;\n\n if (React.isValidElement($el)) {\n const $elProps = {\n ...($el.props as any),\n ref: ('ref' in $el && $el.ref) || ref,\n /**\n * `allProps` must override `$el.props` because the latter may contain default prop values provided by defaultProps.\n * The expectation is that for <$ $el={<SomeComponent />} someComponentProp=\"my value\" />,\n * the `someComponentProp` prop would override any default value specified by SomeComponent.defaultProps.\n */\n ...otherProps,\n className: `${($el.props as any).className || ''} ${className || ''}`.trim() || undefined,\n };\n return React.cloneElement(\n $el,\n $elProps,\n ...(React.Children.toArray(children as React.ReactNode) || []),\n );\n }\n\n if ($el) {\n const Component = $el as React.FC<any>;\n return (\n <Component className={className} ref={ref} {...otherProps}>\n {children}\n </Component>\n );\n }\n\n if ($render) {\n return $render(className || undefined, { children, ...otherProps, ...(ref ? { ref } : null) });\n }\n\n throw new Error('Stylix: invalid stylix component usage: must provide $el or $render prop.');\n}\n\nexport const Stylix: Stylix$Component = React.forwardRef(\n _Stylix as any,\n) as unknown as Stylix$Component;\nStylix.displayName = 'Stylix';\nStylix.__isStylix = true;\n","import React from 'react';\nimport { Stylix } from './Stylix';\n\nconst htmlTags = [\n 'a',\n 'abbr',\n 'address',\n 'area',\n 'article',\n 'aside',\n 'audio',\n 'b',\n 'bdi',\n 'bdo',\n 'blockquote',\n 'body',\n 'br',\n 'button',\n 'canvas',\n 'caption',\n 'cite',\n 'code',\n 'col',\n 'colgroup',\n 'data',\n 'dd',\n 'del',\n 'details',\n 'dfn',\n 'dialog',\n 'div',\n 'dl',\n 'dt',\n 'em',\n 'embed',\n 'fieldset',\n 'figcaption',\n 'figure',\n 'footer',\n 'form',\n 'h1',\n 'h2',\n 'h3',\n 'h4',\n 'h5',\n 'h6',\n 'header',\n 'hgroup',\n 'hr',\n 'html',\n 'i',\n 'iframe',\n 'img',\n 'input',\n 'ins',\n 'kbd',\n 'label',\n 'legend',\n 'li',\n 'main',\n 'map',\n 'mark',\n 'menu',\n 'menuitem',\n 'meter',\n 'nav',\n 'noscript',\n 'object',\n 'ol',\n 'optgroup',\n 'option',\n 'output',\n 'p',\n 'picture',\n 'pre',\n 'progress',\n 'q',\n 'rt',\n 'ruby',\n 's',\n 'samp',\n 'section',\n 'select',\n 'slot',\n 'small',\n 'source',\n 'span',\n 'strong',\n 'sub',\n 'summary',\n 'sup',\n 'svg',\n 'table',\n 'tbody',\n 'td',\n 'textarea',\n 'tfoot',\n 'th',\n 'thead',\n 'time',\n 'tr',\n 'track',\n 'u',\n 'ul',\n 'var',\n 'video',\n] as const;\n\nexport type IntrinsicElements = (typeof htmlTags)[number];\n\n/**\n * Gets the props of a given HTML tag.\n */\nexport type HTMLProps<TTag extends keyof React.JSX.IntrinsicElements> =\n React.JSX.IntrinsicElements[TTag];\n\nfor (const i in htmlTags) {\n const Tag: any = htmlTags[i];\n (Stylix as any)[Tag] = React.forwardRef(({ htmlContent, htmlTranslate, ...props }: any, ref) => (\n <Stylix\n $render={(className: string, props: object) => (\n <Tag\n className={className}\n content={htmlContent}\n translate={htmlTranslate}\n ref={ref}\n {...props}\n />\n )}\n {...props}\n />\n ));\n (Stylix as any)[Tag].__isStylix = true;\n (Stylix as any)[Tag].displayName = `$.${Tag}`;\n}\n","import { flattenRules } from './applyRules';\nimport type { HTMLProps } from './elements';\nimport { StyleElement } from './StyleElement';\nimport { useStylixContext } from './stylixContext';\n\nexport function RenderServerStyles(props: Partial<HTMLProps<'style'>>) {\n const ctx = useStylixContext();\n return <StyleElement styles={ctx.ssr ? flattenRules(ctx) : []} {...props} />;\n}\n","type ClassNamePrimitive = string | number | boolean | null | undefined;\ntype ClassName =\n | ClassNamePrimitive\n | ClassName[]\n | { [key: string]: ClassNamePrimitive }\n | (() => ClassName);\n\n// Internal helper to collect class name parts without joining\nfunction cxArray(args: ClassName[]): string[] {\n const classNames: string[] = [];\n for (const arg of args) {\n if (arg && typeof arg === 'string') {\n classNames.push(arg);\n } else if (Array.isArray(arg)) {\n classNames.push(...cxArray(arg));\n } else if (typeof arg === 'function') {\n classNames.push(...cxArray([arg()]));\n } else if (typeof arg === 'object' && arg !== null) {\n for (const [key, value] of Object.entries(arg)) {\n if (value) {\n classNames.push(key);\n }\n }\n }\n }\n return classNames;\n}\n\n/**\n * A utility function to create a string of class names based on the provided parameters.\n * Accepts a variable number of arguments, each of which can be one of the following:\n *\n * - A string, which will be included in the class name string.\n * - An object, where the keys are class names and the values are booleans indicating whether to include the class name.\n * - An array of strings or objects, which will be flattened and processed as above.\n * - A function that returns a string, object, or array, which will be processed as above.\n * - Any other value will be ignored.\n */\nexport function cx(...args: ClassName[]): string {\n return cxArray(args).join(' ');\n}\n"],"names":["_jsx"],"mappings":"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"}
|
|
@@ -0,0 +1,156 @@
|
|
|
1
|
+
# Stylix Documentation Context
|
|
2
|
+
|
|
3
|
+
This document summarizes decisions and context from a documentation session, for reference in future Claude sessions.
|
|
4
|
+
|
|
5
|
+
---
|
|
6
|
+
|
|
7
|
+
## Project Overview
|
|
8
|
+
|
|
9
|
+
**Stylix** (`@stylix/core`) is a props-based CSS-in-JS library for React. It allows writing CSS as JSX props on elements like `<$.div color="red" padding={16} />`.
|
|
10
|
+
|
|
11
|
+
### Positioning
|
|
12
|
+
|
|
13
|
+
- **Not trying to compete** with modern build-time solutions (Tailwind, CSS Modules, vanilla-extract)
|
|
14
|
+
- **Honest about tradeoffs** — runtime CSS-in-JS has overhead, but it's negligible for most apps
|
|
15
|
+
- **Target audience**: Developers maintaining existing Stylix codebases, or those who prefer colocated styles
|
|
16
|
+
- The documentation should help newcomers appreciate Stylix's simplicity without overselling it
|
|
17
|
+
|
|
18
|
+
---
|
|
19
|
+
|
|
20
|
+
## Documentation Structure
|
|
21
|
+
|
|
22
|
+
```
|
|
23
|
+
/README.md — Homepage: value prop, quick start, links to docs
|
|
24
|
+
/docs/
|
|
25
|
+
cheatsheet.md — Quick reference for common patterns
|
|
26
|
+
philosophy.md — "Why Stylix?", honest positioning, when to use/not use
|
|
27
|
+
patterns.md — Detailed examples and best practices
|
|
28
|
+
performance.md — How Stylix works internally, do's and don'ts
|
|
29
|
+
CLAUDE_CONTEXT.md — This file
|
|
30
|
+
```
|
|
31
|
+
|
|
32
|
+
---
|
|
33
|
+
|
|
34
|
+
## Key Technical Details
|
|
35
|
+
|
|
36
|
+
### How Stylix Works (for performance.md accuracy)
|
|
37
|
+
|
|
38
|
+
1. Style props collected and combined with `$css`
|
|
39
|
+
2. Preprocessing: minimal normalization (falsy removal)
|
|
40
|
+
3. Cache key created via `JSON.stringify(styles)` — **not a hash**
|
|
41
|
+
4. If key is new: className generated from counter (`stylix-${counter.toString(36)}`), `processStyles` plugins run (media keywords, units, etc.), rules stored
|
|
42
|
+
5. If key exists: existing className reused
|
|
43
|
+
6. Reference counting tracks usage
|
|
44
|
+
7. `useInsertionEffect` batches stylesheet updates
|
|
45
|
+
|
|
46
|
+
### Plugin Phases
|
|
47
|
+
|
|
48
|
+
- `preprocessStyles`: Only `prepareStyles` — normalizes arrays, removes empties
|
|
49
|
+
- `processStyles`: Most plugins — `mediaObjects`, `propCasing`, `defaultPixelUnits`, `hoistKeyframes`, `hoistLayers`, `replace$$class`, `cleanStyles`
|
|
50
|
+
|
|
51
|
+
### The `$el` Prop
|
|
52
|
+
|
|
53
|
+
- Pass an **element instance**: `$el={<Component />}` — component must support `className`
|
|
54
|
+
- **Do not document** passing a component type directly (`$el={Component}`) — being removed
|
|
55
|
+
- Unrecognized props automatically pass through to the element via `classifyProps`
|
|
56
|
+
|
|
57
|
+
### Handling Prop Conflicts with Third-Party Components
|
|
58
|
+
|
|
59
|
+
Use `Extends` utility for typing. Later types override earlier:
|
|
60
|
+
|
|
61
|
+
```tsx
|
|
62
|
+
// StylixProps wins for conflicts (typical for styling wrappers)
|
|
63
|
+
type DialogProps = Extends<RadixDialog.ContentProps, StylixProps, { children: React.ReactNode }>;
|
|
64
|
+
|
|
65
|
+
// ThirdPartyProps wins for conflicts (when you need component's prop type)
|
|
66
|
+
type WidgetProps = Extends<StylixProps, ThirdPartyProps, { cssColor?: string }>;
|
|
67
|
+
```
|
|
68
|
+
|
|
69
|
+
For runtime conflicts, destructure the component prop and pass it on the element instance.
|
|
70
|
+
|
|
71
|
+
### `useGlobalStyles`
|
|
72
|
+
|
|
73
|
+
- Styles only applied while component is **mounted**
|
|
74
|
+
- Use sparingly — primarily when you need **media keywords** or plugin features
|
|
75
|
+
- For static resets/typography, recommend plain CSS instead
|
|
76
|
+
|
|
77
|
+
### `StylixValue<T>`
|
|
78
|
+
|
|
79
|
+
Use for custom component props that should accept media objects:
|
|
80
|
+
|
|
81
|
+
```tsx
|
|
82
|
+
interface StackProps extends StylixProps {
|
|
83
|
+
direction?: StylixValue<'row' | 'column'>;
|
|
84
|
+
gap?: StylixValue<number>;
|
|
85
|
+
}
|
|
86
|
+
```
|
|
87
|
+
|
|
88
|
+
---
|
|
89
|
+
|
|
90
|
+
## Documentation Style Guidelines
|
|
91
|
+
|
|
92
|
+
### Tone
|
|
93
|
+
|
|
94
|
+
- Honest, not defensive about runtime CSS-in-JS
|
|
95
|
+
- Practical, focused on helping people use it well
|
|
96
|
+
- Not overselling — acknowledge when other tools might be better
|
|
97
|
+
|
|
98
|
+
### Examples Should
|
|
99
|
+
|
|
100
|
+
- Be complete (no undefined variables like `items` without context)
|
|
101
|
+
- Use `StylixValue` for custom props that accept media objects
|
|
102
|
+
- Destructure `$css` when merging in arrays to avoid double-spreading
|
|
103
|
+
- Follow the recommendation they're illustrating (e.g., `useGlobalStyles` examples should use media keywords)
|
|
104
|
+
|
|
105
|
+
### Common Patterns to Get Right
|
|
106
|
+
|
|
107
|
+
**Allowing style overrides via `$css`:**
|
|
108
|
+
```tsx
|
|
109
|
+
function Card({ $css, ...props }: StylixProps) {
|
|
110
|
+
return (
|
|
111
|
+
<$.div
|
|
112
|
+
$css={[{ /* defaults */ }, $css]} // $css destructured, not props.$css
|
|
113
|
+
{...props} // Doesn't include $css anymore
|
|
114
|
+
/>
|
|
115
|
+
);
|
|
116
|
+
}
|
|
117
|
+
```
|
|
118
|
+
|
|
119
|
+
**Wrapping third-party components:**
|
|
120
|
+
```tsx
|
|
121
|
+
function Dialog({ $css, children, ...allProps }: DialogProps) {
|
|
122
|
+
return (
|
|
123
|
+
<$
|
|
124
|
+
$el={<RadixDialog.Content />}
|
|
125
|
+
{...allProps} // Non-style props pass through automatically
|
|
126
|
+
$css={[{ /* defaults */ }, $css]}
|
|
127
|
+
>
|
|
128
|
+
{children}
|
|
129
|
+
</$>
|
|
130
|
+
);
|
|
131
|
+
}
|
|
132
|
+
```
|
|
133
|
+
|
|
134
|
+
---
|
|
135
|
+
|
|
136
|
+
## Things NOT to Document
|
|
137
|
+
|
|
138
|
+
- `$el={Component}` (passing component type directly) — being removed
|
|
139
|
+
- Complex `useGlobalStyles` examples for static content — recommend plain CSS instead
|
|
140
|
+
|
|
141
|
+
---
|
|
142
|
+
|
|
143
|
+
## Future Documentation Ideas
|
|
144
|
+
|
|
145
|
+
- SSR guide (user mentioned planning a larger write-up)
|
|
146
|
+
- Plugin authoring guide
|
|
147
|
+
- Migration guide from other CSS-in-JS libraries
|
|
148
|
+
- More real-world component examples
|
|
149
|
+
|
|
150
|
+
---
|
|
151
|
+
|
|
152
|
+
## Repository Info
|
|
153
|
+
|
|
154
|
+
- Main branch: `main`
|
|
155
|
+
- Package: `@stylix/core`
|
|
156
|
+
- GitHub: `https://github.com/brombal/stylix`
|