@jongh/ui 1.6.5 → 2.20260902.1

package/styled-system/patterns/grid-item.mjs

@@ -1,25 +0,0 @@
-import { getPatternStyles, patternFns } from '../helpers.mjs';
-import { css } from '../css/index.mjs';
-
-const gridItemConfig = {
-transform(props, { map }) {
-  const { colSpan, rowSpan, colStart, rowStart, colEnd, rowEnd, ...rest } = props;
-  const spanFn = (v) => v === "auto" ? v : `span ${v}`;
-  return {
-    gridColumn: colSpan != null ? map(colSpan, spanFn) : void 0,
-    gridRow: rowSpan != null ? map(rowSpan, spanFn) : void 0,
-    gridColumnStart: colStart,
-    gridColumnEnd: colEnd,
-    gridRowStart: rowStart,
-    gridRowEnd: rowEnd,
-    ...rest
-  };
-}}
-
-export const getGridItemStyle = (styles = {}) => {
-  const _styles = getPatternStyles(gridItemConfig, styles)
-  return gridItemConfig.transform(_styles, patternFns)
-}
-
-export const gridItem = (styles) => css(getGridItemStyle(styles))
-gridItem.raw = getGridItemStyle

package/styled-system/patterns/grid.d.ts

@@ -1,25 +0,0 @@
-/* eslint-disable */
-import type { SystemStyleObject, ConditionalValue } from '../types/index';
-import type { Properties } from '../types/csstype';
-import type { SystemProperties } from '../types/style-props';
-import type { DistributiveOmit } from '../types/system-types';
-import type { Tokens } from '../tokens/index';
-
-export interface GridProperties {
-   gap?: SystemProperties["gap"]
-	columnGap?: SystemProperties["gap"]
-	rowGap?: SystemProperties["gap"]
-	columns?: ConditionalValue<number>
-	minChildWidth?: ConditionalValue<Tokens["sizes"] | Properties["width"]>
-}
-
-
-interface GridStyles extends GridProperties, DistributiveOmit<SystemStyleObject, keyof GridProperties > {}
-
-interface GridPatternFn {
-  (styles?: GridStyles): string
-  raw: (styles?: GridStyles) => SystemStyleObject
-}
-
-
-export declare const grid: GridPatternFn;

package/styled-system/patterns/grid.mjs

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

package/styled-system/patterns/hstack.d.ts

@@ -1,22 +0,0 @@
-/* eslint-disable */
-import type { SystemStyleObject, ConditionalValue } from '../types/index';
-import type { Properties } from '../types/csstype';
-import type { SystemProperties } from '../types/style-props';
-import type { DistributiveOmit } from '../types/system-types';
-import type { Tokens } from '../tokens/index';
-
-export interface HstackProperties {
-   justify?: SystemProperties["justifyContent"]
-	gap?: SystemProperties["gap"]
-}
-
-
-interface HstackStyles extends HstackProperties, DistributiveOmit<SystemStyleObject, keyof HstackProperties > {}
-
-interface HstackPatternFn {
-  (styles?: HstackStyles): string
-  raw: (styles?: HstackStyles) => SystemStyleObject
-}
-
-
-export declare const hstack: HstackPatternFn;

package/styled-system/patterns/hstack.mjs

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

package/styled-system/patterns/index.d.ts

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

package/styled-system/patterns/index.mjs

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

package/styled-system/patterns/link-overlay.d.ts

@@ -1,21 +0,0 @@
-/* eslint-disable */
-import type { SystemStyleObject, ConditionalValue } from '../types/index';
-import type { Properties } from '../types/csstype';
-import type { SystemProperties } from '../types/style-props';
-import type { DistributiveOmit } from '../types/system-types';
-import type { Tokens } from '../tokens/index';
-
-export interface LinkOverlayProperties {
-   
-}
-
-
-interface LinkOverlayStyles extends LinkOverlayProperties, DistributiveOmit<SystemStyleObject, keyof LinkOverlayProperties > {}
-
-interface LinkOverlayPatternFn {
-  (styles?: LinkOverlayStyles): string
-  raw: (styles?: LinkOverlayStyles) => SystemStyleObject
-}
-
-
-export declare const linkOverlay: LinkOverlayPatternFn;

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

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

package/styled-system/patterns/spacer.d.ts

@@ -1,21 +0,0 @@
-/* eslint-disable */
-import type { SystemStyleObject, ConditionalValue } from '../types/index';
-import type { Properties } from '../types/csstype';
-import type { SystemProperties } from '../types/style-props';
-import type { DistributiveOmit } from '../types/system-types';
-import type { Tokens } from '../tokens/index';
-
-export interface SpacerProperties {
-   size?: ConditionalValue<Tokens["spacing"]>
-}
-
-
-interface SpacerStyles extends SpacerProperties, DistributiveOmit<SystemStyleObject, keyof SpacerProperties > {}
-
-interface SpacerPatternFn {
-  (styles?: SpacerStyles): string
-  raw: (styles?: SpacerStyles) => SystemStyleObject
-}
-
-
-export declare const spacer: SpacerPatternFn;

package/styled-system/patterns/spacer.mjs

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

package/styled-system/patterns/square.d.ts

@@ -1,21 +0,0 @@
-/* eslint-disable */
-import type { SystemStyleObject, ConditionalValue } from '../types/index';
-import type { Properties } from '../types/csstype';
-import type { SystemProperties } from '../types/style-props';
-import type { DistributiveOmit } from '../types/system-types';
-import type { Tokens } from '../tokens/index';
-
-export interface SquareProperties {
-   size?: SystemProperties["width"]
-}
-
-
-interface SquareStyles extends SquareProperties, DistributiveOmit<SystemStyleObject, keyof SquareProperties > {}
-
-interface SquarePatternFn {
-  (styles?: SquareStyles): string
-  raw: (styles?: SquareStyles) => SystemStyleObject
-}
-
-
-export declare const square: SquarePatternFn;

package/styled-system/patterns/square.mjs

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

package/styled-system/patterns/stack.d.ts

@@ -1,24 +0,0 @@
-/* eslint-disable */
-import type { SystemStyleObject, ConditionalValue } from '../types/index';
-import type { Properties } from '../types/csstype';
-import type { SystemProperties } from '../types/style-props';
-import type { DistributiveOmit } from '../types/system-types';
-import type { Tokens } from '../tokens/index';
-
-export interface StackProperties {
-   align?: SystemProperties["alignItems"]
-	justify?: SystemProperties["justifyContent"]
-	direction?: SystemProperties["flexDirection"]
-	gap?: SystemProperties["gap"]
-}
-
-
-interface StackStyles extends StackProperties, DistributiveOmit<SystemStyleObject, keyof StackProperties > {}
-
-interface StackPatternFn {
-  (styles?: StackStyles): string
-  raw: (styles?: StackStyles) => SystemStyleObject
-}
-
-
-export declare const stack: StackPatternFn;

package/styled-system/patterns/stack.mjs

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

package/styled-system/patterns/visually-hidden.d.ts

@@ -1,21 +0,0 @@
-/* eslint-disable */
-import type { SystemStyleObject, ConditionalValue } from '../types/index';
-import type { Properties } from '../types/csstype';
-import type { SystemProperties } from '../types/style-props';
-import type { DistributiveOmit } from '../types/system-types';
-import type { Tokens } from '../tokens/index';
-
-export interface VisuallyHiddenProperties {
-   
-}
-
-
-interface VisuallyHiddenStyles extends VisuallyHiddenProperties, DistributiveOmit<SystemStyleObject, keyof VisuallyHiddenProperties > {}
-
-interface VisuallyHiddenPatternFn {
-  (styles?: VisuallyHiddenStyles): string
-  raw: (styles?: VisuallyHiddenStyles) => SystemStyleObject
-}
-
-
-export declare const visuallyHidden: VisuallyHiddenPatternFn;

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

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

package/styled-system/patterns/vstack.d.ts

@@ -1,22 +0,0 @@
-/* eslint-disable */
-import type { SystemStyleObject, ConditionalValue } from '../types/index';
-import type { Properties } from '../types/csstype';
-import type { SystemProperties } from '../types/style-props';
-import type { DistributiveOmit } from '../types/system-types';
-import type { Tokens } from '../tokens/index';
-
-export interface VstackProperties {
-   justify?: SystemProperties["justifyContent"]
-	gap?: SystemProperties["gap"]
-}
-
-
-interface VstackStyles extends VstackProperties, DistributiveOmit<SystemStyleObject, keyof VstackProperties > {}
-
-interface VstackPatternFn {
-  (styles?: VstackStyles): string
-  raw: (styles?: VstackStyles) => SystemStyleObject
-}
-
-
-export declare const vstack: VstackPatternFn;

package/styled-system/patterns/vstack.mjs

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

package/styled-system/patterns/wrap.d.ts

@@ -1,25 +0,0 @@
-/* eslint-disable */
-import type { SystemStyleObject, ConditionalValue } from '../types/index';
-import type { Properties } from '../types/csstype';
-import type { SystemProperties } from '../types/style-props';
-import type { DistributiveOmit } from '../types/system-types';
-import type { Tokens } from '../tokens/index';
-
-export interface WrapProperties {
-   gap?: SystemProperties["gap"]
-	rowGap?: SystemProperties["gap"]
-	columnGap?: SystemProperties["gap"]
-	align?: SystemProperties["alignItems"]
-	justify?: SystemProperties["justifyContent"]
-}
-
-
-interface WrapStyles extends WrapProperties, DistributiveOmit<SystemStyleObject, keyof WrapProperties > {}
-
-interface WrapPatternFn {
-  (styles?: WrapStyles): string
-  raw: (styles?: WrapStyles) => SystemStyleObject
-}
-
-
-export declare const wrap: WrapPatternFn;

package/styled-system/patterns/wrap.mjs

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

package/styled-system/tokens/index.d.ts

@@ -1,9 +0,0 @@
-/* eslint-disable */
-import type { Token } from './tokens';
-
-export declare const token: {
-  (path: Token, fallback?: string): string
-  var: (path: Token, fallback?: string) => string
-}
-
-export * from './tokens';