@seed-design/lynx-react 0.1.1-alpha.0 → 0.2.0-alpha.2

package/lib/components/List/List.jsx

@@ -1,17 +0,0 @@
-import { forwardRef, memo } from "react";
-import { Slot } from "@seed-design/lynx-primitive";
-import { useStyleProps } from "../../utils/styled";
-const ListImpl = forwardRef((props, ref) => {
-    const { style, restProps } = useStyleProps(props);
-    const { asChild = false, className, children, ...nativeProps } = restProps;
-    if (asChild) {
-        return (<Slot {...(ref ? { ref } : {})} className={className} style={style} {...nativeProps}>
-        {children}
-      </Slot>);
-    }
-    return (<list {...(ref ? { ref } : {})} className={className} style={style} {...nativeProps}>
-      {children}
-    </list>);
-});
-ListImpl.displayName = "List";
-export const List = memo(ListImpl);

package/lib/components/List/index.d.ts

@@ -1,2 +0,0 @@
-export { List, type ListProps } from "./List";
-//# sourceMappingURL=index.d.ts.map

package/lib/components/List/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/List/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,QAAQ,CAAC"}

package/lib/components/List/index.js

@@ -1 +0,0 @@
-export { List } from "./List";

package/lib/components/ListItem/ListItem.d.ts

@@ -1,8 +0,0 @@
-import type { ReactNode } from "react";
-import { type StyleProps } from "../../utils/styled";
-import type { ListItemProps as LynxListItemProps } from "@lynx-js/types";
-export interface ListItemProps extends StyleProps, Omit<LynxListItemProps, "style"> {
-    children?: ReactNode;
-}
-export declare const ListItem: import("react").NamedExoticComponent<Omit<ListItemProps, "ref"> & import("react").RefAttributes<any>>;
-//# sourceMappingURL=ListItem.d.ts.map

package/lib/components/ListItem/ListItem.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ListItem.d.ts","sourceRoot":"","sources":["../../../src/components/ListItem/ListItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAiB,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AACpE,OAAO,KAAK,EAAE,aAAa,IAAI,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAEzE,MAAM,WAAW,aAAc,SAAQ,UAAU,EAAE,IAAI,CAAC,iBAAiB,EAAE,OAAO,CAAC;IACjF,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAoBD,eAAO,MAAM,QAAQ,uGAAqB,CAAC"}

package/lib/components/ListItem/ListItem.jsx

@@ -1,11 +0,0 @@
-import { forwardRef, memo } from "react";
-import { useStyleProps } from "../../utils/styled";
-const ListItemImpl = forwardRef((props, ref) => {
-    const { style, restProps } = useStyleProps(props);
-    const { className, children, ...nativeProps } = restProps;
-    return (<list-item {...(ref ? { ref } : {})} className={className} style={style} {...nativeProps}>
-      {children}
-    </list-item>);
-});
-ListItemImpl.displayName = "ListItem";
-export const ListItem = memo(ListItemImpl);

package/lib/components/ListItem/index.d.ts

@@ -1,2 +0,0 @@
-export { ListItem, type ListItemProps } from "./ListItem";
-//# sourceMappingURL=index.d.ts.map

package/lib/components/ListItem/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ListItem/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,YAAY,CAAC"}

package/lib/components/ListItem/index.js

@@ -1 +0,0 @@
-export { ListItem } from "./ListItem";

package/lib/components/ScrollView/ScrollView.d.ts

@@ -1,9 +0,0 @@
-import type { ReactNode } from "react";
-import { type StyleProps } from "../../utils/styled";
-import type { ScrollViewProps as LynxScrollViewProps } from "@lynx-js/types";
-export interface ScrollViewProps extends StyleProps, Omit<LynxScrollViewProps, "style"> {
-    asChild?: boolean;
-    children?: ReactNode;
-}
-export declare const ScrollView: import("react").NamedExoticComponent<Omit<ScrollViewProps, "ref"> & import("react").RefAttributes<any>>;
-//# sourceMappingURL=ScrollView.d.ts.map

package/lib/components/ScrollView/ScrollView.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ScrollView.d.ts","sourceRoot":"","sources":["../../../src/components/ScrollView/ScrollView.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAiB,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AACpE,OAAO,KAAK,EAAE,eAAe,IAAI,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAE7E,MAAM,WAAW,eAAgB,SAAQ,UAAU,EAAE,IAAI,CAAC,mBAAmB,EAAE,OAAO,CAAC;IACrF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AA4BD,eAAO,MAAM,UAAU,yGAAuB,CAAC"}

package/lib/components/ScrollView/ScrollView.jsx

@@ -1,17 +0,0 @@
-import { forwardRef, memo } from "react";
-import { Slot } from "@seed-design/lynx-primitive";
-import { useStyleProps } from "../../utils/styled";
-const ScrollViewImpl = forwardRef((props, ref) => {
-    const { style, restProps } = useStyleProps(props);
-    const { asChild = false, className, children, ...nativeProps } = restProps;
-    if (asChild) {
-        return (<Slot {...(ref ? { ref } : {})} className={className} style={style} {...nativeProps}>
-        {children}
-      </Slot>);
-    }
-    return (<scroll-view {...(ref ? { ref } : {})} className={className} style={style} {...nativeProps}>
-      {children}
-    </scroll-view>);
-});
-ScrollViewImpl.displayName = "ScrollView";
-export const ScrollView = memo(ScrollViewImpl);

package/lib/components/ScrollView/index.d.ts

@@ -1,2 +0,0 @@
-export { ScrollView, type ScrollViewProps } from "./ScrollView";
-//# sourceMappingURL=index.d.ts.map

package/lib/components/ScrollView/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ScrollView/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC"}

package/lib/components/ScrollView/index.js

@@ -1 +0,0 @@
-export { ScrollView } from "./ScrollView";

package/lib/components/Stack/Stack.d.ts

@@ -1,6 +0,0 @@
-import { type FlexProps } from "../Flex/Flex";
-export type VStackProps = Omit<FlexProps, "flexDirection">;
-export type HStackProps = Omit<FlexProps, "flexDirection">;
-export declare const VStack: import("react").ForwardRefExoticComponent<VStackProps & import("react").RefAttributes<any>>;
-export declare const HStack: import("react").ForwardRefExoticComponent<HStackProps & import("react").RefAttributes<any>>;
-//# sourceMappingURL=Stack.d.ts.map

package/lib/components/Stack/Stack.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Stack.d.ts","sourceRoot":"","sources":["../../../src/components/Stack/Stack.tsx"],"names":[],"mappings":"AACA,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAEpD,MAAM,MAAM,WAAW,GAAG,IAAI,CAAC,SAAS,EAAE,eAAe,CAAC,CAAC;AAC3D,MAAM,MAAM,WAAW,GAAG,IAAI,CAAC,SAAS,EAAE,eAAe,CAAC,CAAC;AAE3D,eAAO,MAAM,MAAM,6FAEjB,CAAC;AAIH,eAAO,MAAM,MAAM,6FAEjB,CAAC"}

package/lib/components/Stack/Stack.jsx

@@ -1,10 +0,0 @@
-import { forwardRef } from "react";
-import { Flex } from "../Flex/Flex";
-export const VStack = forwardRef((props, ref) => {
-    return <Flex ref={ref} display="flex" flexDirection="column" {...props}/>;
-});
-VStack.displayName = "VStack";
-export const HStack = forwardRef((props, ref) => {
-    return <Flex ref={ref} display="flex" flexDirection="row" {...props}/>;
-});
-HStack.displayName = "HStack";

package/lib/components/Stack/index.d.ts

@@ -1,2 +0,0 @@
-export { VStack, HStack, type VStackProps, type HStackProps } from "./Stack";
-//# sourceMappingURL=index.d.ts.map

package/lib/components/Stack/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Stack/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,KAAK,WAAW,EAAE,MAAM,SAAS,CAAC"}

package/lib/components/Stack/index.js

@@ -1 +0,0 @@
-export { VStack, HStack } from "./Stack";

package/lib/components/Text/Text.d.ts

@@ -1,30 +0,0 @@
-import type { TextVariantProps } from "@seed-design/lynx-css/recipes/text";
-import { type FontSize, type FontWeight, type LineHeight, type ScopedColorFg, type ScopedColorPalette } from "@seed-design/css/vars";
-import type { ReactNode } from "react";
-export interface TextProps extends Pick<TextVariantProps, "textStyle"> {
-    /**
-     * The color of the text.
-     */
-    color?: ScopedColorFg | ScopedColorPalette | (string & {});
-    /**
-     * The font size of the text. Partially overrides the textStyle.
-     */
-    fontSize?: FontSize | (string & {});
-    /**
-     * The line height of the text. Partially overrides the textStyle.
-     */
-    lineHeight?: LineHeight | (string & {});
-    /**
-     * The font weight of the text. Partially overrides the textStyle.
-     */
-    fontWeight?: FontWeight;
-    /**
-     * The alignment of the text.
-     */
-    align?: "left" | "center" | "right";
-    className?: string;
-    style?: React.CSSProperties;
-    children?: ReactNode;
-}
-export declare const Text: import("react").ForwardRefExoticComponent<TextProps & import("react").RefAttributes<any>>;
-//# sourceMappingURL=Text.d.ts.map

package/lib/components/Text/Text.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../src/components/Text/Text.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oCAAoC,CAAC;AAC3E,OAAO,EAEL,KAAK,QAAQ,EACb,KAAK,UAAU,EACf,KAAK,UAAU,EACf,KAAK,aAAa,EAClB,KAAK,kBAAkB,EACxB,MAAM,uBAAuB,CAAC;AAE/B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAqCvC,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,gBAAgB,EAAE,WAAW,CAAC;IACpE;;OAEG;IACH,KAAK,CAAC,EAAE,aAAa,GAAG,kBAAkB,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IAE3D;;OAEG;IACH,QAAQ,CAAC,EAAE,QAAQ,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IAEpC;;OAEG;IACH,UAAU,CAAC,EAAE,UAAU,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IAExC;;OAEG;IACH,UAAU,CAAC,EAAE,UAAU,CAAC;IAExB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IAEpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,eAAO,MAAM,IAAI,2FA0BhB,CAAC"}

package/lib/components/Text/Text.jsx

@@ -1,49 +0,0 @@
-import { text } from "@seed-design/lynx-css/recipes/text";
-import { vars, } from "@seed-design/css/vars";
-import clsx from "clsx";
-import { forwardRef, useMemo } from "react";
-import { dynamicStyle } from "../../utils/dynamic-style";
-function handleColor(color) {
-    if (!color) {
-        return undefined;
-    }
-    const [type, value] = color.split(".");
-    // @ts-expect-error
-    return vars.$color[type]?.[value] ?? color;
-}
-function handleFontWeight(fontWeight) {
-    if (!fontWeight) {
-        return undefined;
-    }
-    // @ts-expect-error
-    return vars.$fontWeight[fontWeight] ?? undefined;
-}
-function handleFontSize(size) {
-    if (!size) {
-        return undefined;
-    }
-    // @ts-expect-error
-    return vars.$fontSize[size] ?? size;
-}
-function handleLineHeight(lineHeight) {
-    if (!lineHeight) {
-        return undefined;
-    }
-    // @ts-expect-error
-    return vars.$lineHeight[lineHeight] ?? lineHeight;
-}
-export const Text = forwardRef(({ color, textStyle, fontSize, lineHeight, fontWeight, align, children, className, style }, ref) => {
-    const classes = useMemo(() => text({ textStyle }), [textStyle]);
-    const textStyleStr = dynamicStyle({
-        color: handleColor(color),
-        "font-size": handleFontSize(fontSize),
-        "line-height": handleLineHeight(lineHeight ?? fontSize),
-        "font-weight": handleFontWeight(fontWeight),
-        "text-align": align,
-        ...style,
-    });
-    return (<text {...(ref ? { ref } : {})} className={clsx(classes.text, className)} style={textStyleStr}>
-        {children}
-      </text>);
-});
-Text.displayName = "Text";

package/lib/components/Text/index.d.ts

@@ -1,2 +0,0 @@
-export { Text, type TextProps } from "./Text";
-//# sourceMappingURL=index.d.ts.map

package/lib/components/Text/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Text/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,QAAQ,CAAC"}

package/lib/components/Text/index.js

@@ -1 +0,0 @@
-export { Text } from "./Text";

package/lib/get-seed-class-name.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"get-seed-class-name.d.ts","sourceRoot":"","sources":["../src/get-seed-class-name.ts"],"names":[],"mappings":"AAUA,KAAK,SAAS,GAAG,QAAQ,GAAG,YAAY,GAAG,WAAW,CAAC;AAEvD;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,gBAAgB,CAAC,OAAO,CAAC,EAAE;IAAE,SAAS,CAAC,EAAE,SAAS,CAAA;CAAE,GAAG,MAAM,CAsB5E"}

package/lib/utils/dynamic-style.d.ts

@@ -1,13 +0,0 @@
-/**
- * Convert a style object to a Lynx-compatible style string.
- *
- * Lynx compiles object-form `style` props into static CSS at build time,
- * which drops dynamically-set CSS custom properties. Passing styles as a
- * string literal preserves runtime values.
- *
- * Property names are converted from camelCase to kebab-case so that
- * `React.CSSProperties` keys (e.g. `fontSize`) produce valid CSS
- * (e.g. `font-size`).
- */
-export declare function dynamicStyle(style: Record<string, unknown>): string;
-//# sourceMappingURL=dynamic-style.d.ts.map

package/lib/utils/dynamic-style.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"dynamic-style.d.ts","sourceRoot":"","sources":["../../src/utils/dynamic-style.ts"],"names":[],"mappings":"AASA;;;;;;;;;;GAUG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,MAAM,CAKnE"}

package/lib/utils/dynamic-style.js

@@ -1,26 +0,0 @@
-/**
- * Convert camelCase CSS property names to kebab-case.
- * CSS custom properties (starting with `--`) are left unchanged.
- */
-function toKebabCase(str) {
-    if (str.startsWith("--"))
-        return str;
-    return str.replace(/[A-Z]/g, (m) => `-${m.toLowerCase()}`);
-}
-/**
- * Convert a style object to a Lynx-compatible style string.
- *
- * Lynx compiles object-form `style` props into static CSS at build time,
- * which drops dynamically-set CSS custom properties. Passing styles as a
- * string literal preserves runtime values.
- *
- * Property names are converted from camelCase to kebab-case so that
- * `React.CSSProperties` keys (e.g. `fontSize`) produce valid CSS
- * (e.g. `font-size`).
- */
-export function dynamicStyle(style) {
-    return Object.entries(style)
-        .filter(([_, v]) => v != null)
-        .map(([k, v]) => `${toKebabCase(k)}: ${v}`)
-        .join("; ");
-}

package/lib/utils/styled.d.ts

@@ -1,120 +0,0 @@
-import type { ScopedColorBg, ScopedColorFg, ScopedColorPalette, ScopedColorStroke, Dimension, Radius, SpacingX, SpacingY, Gradient, Shadow, ScopedColorBanner } from "@seed-design/css/vars";
-export declare function handleColor(color: string | undefined): any;
-export declare function handleDimension(dimension: string | 0 | undefined): string | undefined;
-export declare function handlePaddingWithSafeArea(padding: string | 0 | undefined, direction: "top" | "bottom"): string | undefined;
-export declare function handleRadius(radius: string | 0 | undefined): any;
-export interface StyleProps {
-    /**
-     * Shorthand for `background`.
-     */
-    bg?: ScopedColorBg | ScopedColorPalette | ScopedColorBanner | (string & {});
-    background?: ScopedColorBg | ScopedColorPalette | ScopedColorBanner | (string & {});
-    /**
-     * Shorthand for `backgroundGradient`.
-     */
-    bgGradient?: Gradient;
-    backgroundGradient?: Gradient;
-    /**
-     * Shorthand for `backgroundGradientDirection`.
-     * e.g. `43deg`
-     */
-    bgGradientDirection?: "to right" | "to left" | "to top" | "to bottom" | "to top right" | "to top left" | "to bottom right" | "to bottom left" | (string & {});
-    backgroundGradientDirection?: "to right" | "to left" | "to top" | "to bottom" | "to top right" | "to top left" | "to bottom right" | "to bottom left" | (string & {});
-    color?: ScopedColorFg | ScopedColorPalette | (string & {});
-    borderColor?: ScopedColorStroke | ScopedColorPalette | (string & {});
-    borderWidth?: 0 | 1 | (string & {});
-    borderTopWidth?: 0 | 1 | (string & {});
-    borderRightWidth?: 0 | 1 | (string & {});
-    borderBottomWidth?: 0 | 1 | (string & {});
-    borderLeftWidth?: 0 | 1 | (string & {});
-    borderRadius?: Radius | 0 | (string & {});
-    borderTopLeftRadius?: Radius | 0 | (string & {});
-    borderTopRightRadius?: Radius | 0 | (string & {});
-    borderBottomRightRadius?: Radius | 0 | (string & {});
-    borderBottomLeftRadius?: Radius | 0 | (string & {});
-    boxShadow?: Shadow | (string & {});
-    width?: Dimension | `spacingX.${SpacingX}` | `spacingY.${SpacingY}` | "full" | (string & {});
-    minWidth?: Dimension | `spacingX.${SpacingX}` | `spacingY.${SpacingY}` | "full" | (string & {});
-    maxWidth?: Dimension | `spacingX.${SpacingX}` | `spacingY.${SpacingY}` | "full" | (string & {});
-    height?: Dimension | `spacingX.${SpacingX}` | `spacingY.${SpacingY}` | "full" | (string & {});
-    minHeight?: Dimension | `spacingX.${SpacingX}` | `spacingY.${SpacingY}` | "full" | (string & {});
-    maxHeight?: Dimension | `spacingX.${SpacingX}` | `spacingY.${SpacingY}` | "full" | (string & {});
-    top?: 0 | (string & {});
-    left?: 0 | (string & {});
-    right?: 0 | (string & {});
-    bottom?: 0 | (string & {});
-    padding?: Dimension | `spacingX.${SpacingX}` | `spacingY.${SpacingY}` | 0 | (string & {});
-    /**
-     * Shorthand for `padding`.
-     */
-    p?: Dimension | `spacingX.${SpacingX}` | `spacingY.${SpacingY}` | 0 | (string & {});
-    paddingX?: Dimension | `spacingX.${SpacingX}` | `spacingY.${SpacingY}` | 0 | (string & {});
-    /**
-     * Shorthand for `paddingX`.
-     */
-    px?: Dimension | `spacingX.${SpacingX}` | `spacingY.${SpacingY}` | 0 | (string & {});
-    paddingY?: Dimension | `spacingX.${SpacingX}` | `spacingY.${SpacingY}` | 0 | (string & {});
-    /**
-     * Shorthand for `paddingY`.
-     */
-    py?: Dimension | `spacingX.${SpacingX}` | `spacingY.${SpacingY}` | 0 | (string & {});
-    paddingTop?: Dimension | `spacingX.${SpacingX}` | `spacingY.${SpacingY}` | 0 | "safeArea" | (string & {});
-    /**
-     * Shorthand for `paddingTop`.
-     */
-    pt?: Dimension | `spacingX.${SpacingX}` | `spacingY.${SpacingY}` | 0 | "safeArea" | (string & {});
-    paddingRight?: Dimension | `spacingX.${SpacingX}` | `spacingY.${SpacingY}` | 0 | (string & {});
-    /**
-     * Shorthand for `paddingRight`.
-     */
-    pr?: Dimension | `spacingX.${SpacingX}` | `spacingY.${SpacingY}` | 0 | (string & {});
-    paddingBottom?: Dimension | `spacingX.${SpacingX}` | `spacingY.${SpacingY}` | 0 | "safeArea" | (string & {});
-    /**
-     * Shorthand for `paddingBottom`.
-     */
-    pb?: Dimension | `spacingX.${SpacingX}` | `spacingY.${SpacingY}` | 0 | "safeArea" | (string & {});
-    paddingLeft?: Dimension | `spacingX.${SpacingX}` | `spacingY.${SpacingY}` | 0 | (string & {});
-    /**
-     * Shorthand for `paddingLeft`.
-     */
-    pl?: Dimension | `spacingX.${SpacingX}` | `spacingY.${SpacingY}` | 0 | (string & {});
-    bleedX?: "asPadding" | Dimension | `spacingX.${SpacingX}` | `spacingY.${SpacingY}` | 0 | (string & {});
-    bleedY?: "asPadding" | Dimension | `spacingX.${SpacingX}` | `spacingY.${SpacingY}` | 0 | (string & {});
-    bleedTop?: "asPadding" | Dimension | `spacingX.${SpacingX}` | `spacingY.${SpacingY}` | 0 | (string & {});
-    bleedRight?: "asPadding" | Dimension | `spacingX.${SpacingX}` | `spacingY.${SpacingY}` | 0 | (string & {});
-    bleedBottom?: "asPadding" | Dimension | `spacingX.${SpacingX}` | `spacingY.${SpacingY}` | 0 | (string & {});
-    bleedLeft?: "asPadding" | Dimension | `spacingX.${SpacingX}` | `spacingY.${SpacingY}` | 0 | (string & {});
-    display?: "flex" | "none" | "block";
-    position?: "relative" | "absolute" | "fixed" | "sticky";
-    overflowX?: "visible" | "hidden";
-    overflowY?: "visible" | "hidden";
-    zIndex?: number | (string & {});
-    /**
-     * If true, flex-grow will be set to `1`.
-     */
-    flexGrow?: 0 | 1 | (number & {}) | true;
-    /**
-     * If true, flex-shrink will be set to `1`.
-     */
-    flexShrink?: 0 | (number & {}) | true;
-    flexDirection?: "row" | "column" | "row-reverse" | "column-reverse";
-    /**
-     * If true, flex-wrap will be set to `wrap`.
-     */
-    flexWrap?: "wrap" | "wrap-reverse" | "nowrap" | true;
-    justifyContent?: "flex-start" | "flex-end" | "center" | "space-between" | "space-around";
-    justifySelf?: "center" | "start" | "end" | "stretch";
-    alignItems?: "flex-start" | "flex-end" | "center" | "stretch";
-    alignContent?: "flex-start" | "flex-end" | "center" | "stretch";
-    alignSelf?: "flex-start" | "flex-end" | "center" | "stretch";
-    gap?: Dimension | `spacingX.${SpacingX}` | `spacingY.${SpacingY}` | 0 | (string & {});
-}
-interface UseStyleProps extends StyleProps {
-    style?: React.CSSProperties;
-}
-export declare function useStyleProps<T extends UseStyleProps>(props: T): {
-    style: string;
-    restProps: Omit<T, keyof UseStyleProps>;
-};
-export {};
-//# sourceMappingURL=styled.d.ts.map

package/lib/utils/styled.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../src/utils/styled.tsx"],"names":[],"mappings":"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"}

package/lib/utils/styled.jsx

@@ -1,131 +0,0 @@
-/**
- * StyleProps utilities for Lynx.
- * Based on packages/react/src/utils/styled.tsx, adapted for Lynx environment.
- */
-import { dynamicStyle } from "./dynamic-style";
-import { vars } from "@seed-design/css/vars";
-export function handleColor(color) {
-    if (!color) {
-        return undefined;
-    }
-    const [type, value] = color.split(".");
-    // @ts-expect-error
-    return vars.$color[type]?.[value] ?? color;
-}
-export function handleDimension(dimension) {
-    if (dimension == null) {
-        return undefined;
-    }
-    if (typeof dimension === "number") {
-        return `${dimension}px`;
-    }
-    if (dimension === "full") {
-        return "100%";
-    }
-    const [type, value] = dimension.split(".");
-    // @ts-expect-error
-    const resolved = vars.$dimension[dimension] ?? vars.$dimension[type]?.[value] ?? dimension;
-    // 숫자만으로 이루어진 string이면 px 단위 추가 (Lynx는 unitless length를 허용하지 않음)
-    if (typeof resolved === "string" && /^\d+(\.\d+)?$/.test(resolved)) {
-        return `${resolved}px`;
-    }
-    return resolved;
-}
-function handleBleed(dimension, direction) {
-    if (dimension === "asPadding") {
-        return `var(--seed-box-padding-${direction})`;
-    }
-    return handleDimension(dimension);
-}
-function handleShadow(shadow) {
-    if (!shadow) {
-        return undefined;
-    }
-    // @ts-expect-error
-    return vars.$shadow[shadow] ?? shadow;
-}
-export function handlePaddingWithSafeArea(padding, direction) {
-    if (padding === "safeArea") {
-        return `var(--seed-safe-area-${direction})`;
-    }
-    return handleDimension(padding);
-}
-export function handleRadius(radius) {
-    if (radius == null) {
-        return undefined;
-    }
-    // @ts-expect-error
-    return vars.$radius[radius] ?? radius;
-}
-function handleGradient(gradientToken, direction) {
-    if (!gradientToken || !direction) {
-        return undefined;
-    }
-    // @ts-expect-error
-    const colorStops = vars.$gradient[gradientToken];
-    if (!colorStops) {
-        return undefined;
-    }
-    return `linear-gradient(${direction}, ${colorStops})`;
-}
-export function useStyleProps(props) {
-    const { background, bg, bgGradient, backgroundGradient, bgGradientDirection, backgroundGradientDirection, color, borderColor, borderWidth, borderTopWidth, borderRightWidth, borderBottomWidth, borderLeftWidth, borderRadius, borderTopLeftRadius, borderTopRightRadius, borderBottomRightRadius, borderBottomLeftRadius, boxShadow, width, minWidth, maxWidth, height, minHeight, maxHeight, padding, paddingX, paddingY, paddingTop, paddingRight, paddingBottom, paddingLeft, p, px, py, pt, pr, pb, pl, bleedX, bleedY, bleedTop, bleedRight, bleedBottom, bleedLeft, bottom, left, right, top, display, position, overflowX, overflowY, zIndex, flexGrow, flexShrink, flexDirection, flexWrap, justifyContent, justifySelf, alignItems, alignContent, alignSelf, gap, style, ...restProps } = props;
-    const gradientValue = handleGradient(bgGradient ?? backgroundGradient, bgGradientDirection ?? backgroundGradientDirection);
-    const rawStyle = {
-        "--seed-box-background": handleColor(background ?? bg) ?? gradientValue,
-        "--seed-box-color": handleColor(color),
-        "--seed-box-border-color": handleColor(borderColor),
-        "--seed-box-border-width": borderWidth !== undefined ? `${borderWidth}px` : undefined,
-        "--seed-box-border-top-width": borderTopWidth !== undefined ? `${borderTopWidth}px` : undefined,
-        "--seed-box-border-right-width": borderRightWidth !== undefined ? `${borderRightWidth}px` : undefined,
-        "--seed-box-border-bottom-width": borderBottomWidth !== undefined ? `${borderBottomWidth}px` : undefined,
-        "--seed-box-border-left-width": borderLeftWidth !== undefined ? `${borderLeftWidth}px` : undefined,
-        "--seed-box-border-radius": handleRadius(borderRadius),
-        "--seed-box-border-top-left-radius": handleRadius(borderTopLeftRadius),
-        "--seed-box-border-top-right-radius": handleRadius(borderTopRightRadius),
-        "--seed-box-border-bottom-right-radius": handleRadius(borderBottomRightRadius),
-        "--seed-box-border-bottom-left-radius": handleRadius(borderBottomLeftRadius),
-        "--seed-box-box-shadow": handleShadow(boxShadow),
-        "--seed-box-width": handleDimension(width),
-        "--seed-box-min-width": handleDimension(minWidth),
-        "--seed-box-max-width": handleDimension(maxWidth),
-        "--seed-box-height": handleDimension(height),
-        "--seed-box-min-height": handleDimension(minHeight),
-        "--seed-box-max-height": handleDimension(maxHeight),
-        "--seed-box-padding": handleDimension(padding ?? p),
-        "--seed-box-padding-x": handleDimension(paddingX ?? px),
-        "--seed-box-padding-y": handleDimension(paddingY ?? py),
-        "--seed-box-padding-top": handlePaddingWithSafeArea(paddingTop ?? pt, "top"),
-        "--seed-box-padding-right": handleDimension(paddingRight ?? pr),
-        "--seed-box-padding-bottom": handlePaddingWithSafeArea(paddingBottom ?? pb, "bottom"),
-        "--seed-box-padding-left": handleDimension(paddingLeft ?? pl),
-        "--seed-box-bleed-top": handleBleed(bleedTop ?? bleedY, "top"),
-        "--seed-box-bleed-right": handleBleed(bleedRight ?? bleedX, "right"),
-        "--seed-box-bleed-bottom": handleBleed(bleedBottom ?? bleedY, "bottom"),
-        "--seed-box-bleed-left": handleBleed(bleedLeft ?? bleedX, "left"),
-        "--seed-box-top": top,
-        "--seed-box-left": left,
-        "--seed-box-right": right,
-        "--seed-box-bottom": bottom,
-        "--seed-box-gap": handleDimension(gap),
-        "--seed-box-display": display,
-        "--seed-box-position": position,
-        "--seed-box-overflow-x": overflowX,
-        "--seed-box-overflow-y": overflowY,
-        "--seed-box-z-index": zIndex,
-        "--seed-box-flex-grow": flexGrow === true ? 1 : flexGrow,
-        "--seed-box-flex-shrink": flexShrink === true ? 1 : flexShrink,
-        "--seed-box-flex-direction": flexDirection,
-        "--seed-box-flex-wrap": flexWrap === true ? "wrap" : flexWrap,
-        "--seed-box-justify-content": justifyContent,
-        "--seed-box-justify-self": justifySelf,
-        "--seed-box-align-items": alignItems,
-        "--seed-box-align-content": alignContent,
-        "--seed-box-align-self": alignSelf,
-        ...style,
-    };
-    return {
-        style: dynamicStyle(rawStyle),
-        restProps: restProps,
-    };
-}

package/src/utils/dynamic-style.ts

@@ -1,26 +0,0 @@
-/**
- * Convert camelCase CSS property names to kebab-case.
- * CSS custom properties (starting with `--`) are left unchanged.
- */
-function toKebabCase(str: string): string {
-  if (str.startsWith("--")) return str;
-  return str.replace(/[A-Z]/g, (m) => `-${m.toLowerCase()}`);
-}
-
-/**
- * Convert a style object to a Lynx-compatible style string.
- *
- * Lynx compiles object-form `style` props into static CSS at build time,
- * which drops dynamically-set CSS custom properties. Passing styles as a
- * string literal preserves runtime values.
- *
- * Property names are converted from camelCase to kebab-case so that
- * `React.CSSProperties` keys (e.g. `fontSize`) produce valid CSS
- * (e.g. `font-size`).
- */
-export function dynamicStyle(style: Record<string, unknown>): string {
-  return Object.entries(style)
-    .filter(([_, v]) => v != null)
-    .map(([k, v]) => `${toKebabCase(k)}: ${v}`)
-    .join("; ");
-}