cetec-design-system 0.0.20 → 0.0.21

package/styled-system/jsx/link-overlay.js

@@ -1,14 +0,0 @@
-import { createElement, forwardRef } from 'react'
-
-import { splitProps } from '../helpers.js';
-import { getLinkOverlayStyle } from '../patterns/link-overlay.js';
-import { styled } from './factory.js';
-
-export const LinkOverlay = /* @__PURE__ */ forwardRef(function LinkOverlay(props, ref) {
-  const [patternProps, restProps] = splitProps(props, [])
-
-const styleProps = getLinkOverlayStyle(patternProps)
-const mergedProps = { ref, ...styleProps, ...restProps }
-
-return createElement(styled.a, mergedProps)
-  })

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

@@ -1,14 +0,0 @@
-import { createElement, forwardRef } from 'react'
-
-import { splitProps } from '../helpers.mjs';
-import { getLinkOverlayStyle } from '../patterns/link-overlay.mjs';
-import { styled } from './factory.mjs';
-
-export const LinkOverlay = /* @__PURE__ */ forwardRef(function LinkOverlay(props, ref) {
-  const [patternProps, restProps] = splitProps(props, [])
-
-const styleProps = getLinkOverlayStyle(patternProps)
-const mergedProps = { ref, ...styleProps, ...restProps }
-
-return createElement(styled.a, mergedProps)
-  })

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

@@ -1,10 +0,0 @@
-/* eslint-disable */
-import type { FunctionComponent } from 'react'
-import type { SpacerProperties } from '../patterns/spacer';
-import type { HTMLStyledProps } from '../types/jsx';
-import type { DistributiveOmit } from '../types/system-types';
-
-export interface SpacerProps extends SpacerProperties, DistributiveOmit<HTMLStyledProps<'div'>, keyof SpacerProperties > {}
-
-
-export declare const Spacer: FunctionComponent<SpacerProps>

package/styled-system/jsx/spacer.js

@@ -1,14 +0,0 @@
-import { createElement, forwardRef } from 'react'
-
-import { splitProps } from '../helpers.js';
-import { getSpacerStyle } from '../patterns/spacer.js';
-import { styled } from './factory.js';
-
-export const Spacer = /* @__PURE__ */ forwardRef(function Spacer(props, ref) {
-  const [patternProps, restProps] = splitProps(props, ["size"])
-
-const styleProps = getSpacerStyle(patternProps)
-const mergedProps = { ref, ...styleProps, ...restProps }
-
-return createElement(styled.div, mergedProps)
-  })

package/styled-system/jsx/spacer.mjs

@@ -1,14 +0,0 @@
-import { createElement, forwardRef } from 'react'
-
-import { splitProps } from '../helpers.mjs';
-import { getSpacerStyle } from '../patterns/spacer.mjs';
-import { styled } from './factory.mjs';
-
-export const Spacer = /* @__PURE__ */ forwardRef(function Spacer(props, ref) {
-  const [patternProps, restProps] = splitProps(props, ["size"])
-
-const styleProps = getSpacerStyle(patternProps)
-const mergedProps = { ref, ...styleProps, ...restProps }
-
-return createElement(styled.div, mergedProps)
-  })

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

@@ -1,10 +0,0 @@
-/* eslint-disable */
-import type { FunctionComponent } from 'react'
-import type { SquareProperties } from '../patterns/square';
-import type { HTMLStyledProps } from '../types/jsx';
-import type { DistributiveOmit } from '../types/system-types';
-
-export interface SquareProps extends SquareProperties, DistributiveOmit<HTMLStyledProps<'div'>, keyof SquareProperties > {}
-
-
-export declare const Square: FunctionComponent<SquareProps>

package/styled-system/jsx/square.js

@@ -1,14 +0,0 @@
-import { createElement, forwardRef } from 'react'
-
-import { splitProps } from '../helpers.js';
-import { getSquareStyle } from '../patterns/square.js';
-import { styled } from './factory.js';
-
-export const Square = /* @__PURE__ */ forwardRef(function Square(props, ref) {
-  const [patternProps, restProps] = splitProps(props, ["size"])
-
-const styleProps = getSquareStyle(patternProps)
-const mergedProps = { ref, ...styleProps, ...restProps }
-
-return createElement(styled.div, mergedProps)
-  })

package/styled-system/jsx/square.mjs

@@ -1,14 +0,0 @@
-import { createElement, forwardRef } from 'react'
-
-import { splitProps } from '../helpers.mjs';
-import { getSquareStyle } from '../patterns/square.mjs';
-import { styled } from './factory.mjs';
-
-export const Square = /* @__PURE__ */ forwardRef(function Square(props, ref) {
-  const [patternProps, restProps] = splitProps(props, ["size"])
-
-const styleProps = getSquareStyle(patternProps)
-const mergedProps = { ref, ...styleProps, ...restProps }
-
-return createElement(styled.div, mergedProps)
-  })

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

@@ -1,10 +0,0 @@
-/* eslint-disable */
-import type { FunctionComponent } from 'react'
-import type { StackProperties } from '../patterns/stack';
-import type { HTMLStyledProps } from '../types/jsx';
-import type { DistributiveOmit } from '../types/system-types';
-
-export interface StackProps extends StackProperties, DistributiveOmit<HTMLStyledProps<'div'>, keyof StackProperties > {}
-
-
-export declare const Stack: FunctionComponent<StackProps>

package/styled-system/jsx/stack.js

@@ -1,14 +0,0 @@
-import { createElement, forwardRef } from 'react'
-
-import { splitProps } from '../helpers.js';
-import { getStackStyle } from '../patterns/stack.js';
-import { styled } from './factory.js';
-
-export const Stack = /* @__PURE__ */ forwardRef(function Stack(props, ref) {
-  const [patternProps, restProps] = splitProps(props, ["align","justify","direction","gap"])
-
-const styleProps = getStackStyle(patternProps)
-const mergedProps = { ref, ...styleProps, ...restProps }
-
-return createElement(styled.div, mergedProps)
-  })

package/styled-system/jsx/stack.mjs

@@ -1,14 +0,0 @@
-import { createElement, forwardRef } from 'react'
-
-import { splitProps } from '../helpers.mjs';
-import { getStackStyle } from '../patterns/stack.mjs';
-import { styled } from './factory.mjs';
-
-export const Stack = /* @__PURE__ */ forwardRef(function Stack(props, ref) {
-  const [patternProps, restProps] = splitProps(props, ["align","justify","direction","gap"])
-
-const styleProps = getStackStyle(patternProps)
-const mergedProps = { ref, ...styleProps, ...restProps }
-
-return createElement(styled.div, mergedProps)
-  })

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

@@ -1,10 +0,0 @@
-/* eslint-disable */
-import type { FunctionComponent } from 'react'
-import type { VisuallyHiddenProperties } from '../patterns/visually-hidden';
-import type { HTMLStyledProps } from '../types/jsx';
-import type { DistributiveOmit } from '../types/system-types';
-
-export interface VisuallyHiddenProps extends VisuallyHiddenProperties, DistributiveOmit<HTMLStyledProps<'div'>, keyof VisuallyHiddenProperties > {}
-
-
-export declare const VisuallyHidden: FunctionComponent<VisuallyHiddenProps>

package/styled-system/jsx/visually-hidden.js

@@ -1,14 +0,0 @@
-import { createElement, forwardRef } from 'react'
-
-import { splitProps } from '../helpers.js';
-import { getVisuallyHiddenStyle } from '../patterns/visually-hidden.js';
-import { styled } from './factory.js';
-
-export const VisuallyHidden = /* @__PURE__ */ forwardRef(function VisuallyHidden(props, ref) {
-  const [patternProps, restProps] = splitProps(props, [])
-
-const styleProps = getVisuallyHiddenStyle(patternProps)
-const mergedProps = { ref, ...styleProps, ...restProps }
-
-return createElement(styled.div, mergedProps)
-  })

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

@@ -1,14 +0,0 @@
-import { createElement, forwardRef } from 'react'
-
-import { splitProps } from '../helpers.mjs';
-import { getVisuallyHiddenStyle } from '../patterns/visually-hidden.mjs';
-import { styled } from './factory.mjs';
-
-export const VisuallyHidden = /* @__PURE__ */ forwardRef(function VisuallyHidden(props, ref) {
-  const [patternProps, restProps] = splitProps(props, [])
-
-const styleProps = getVisuallyHiddenStyle(patternProps)
-const mergedProps = { ref, ...styleProps, ...restProps }
-
-return createElement(styled.div, mergedProps)
-  })

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

@@ -1,10 +0,0 @@
-/* eslint-disable */
-import type { FunctionComponent } from 'react'
-import type { VstackProperties } from '../patterns/vstack';
-import type { HTMLStyledProps } from '../types/jsx';
-import type { DistributiveOmit } from '../types/system-types';
-
-export interface VstackProps extends VstackProperties, DistributiveOmit<HTMLStyledProps<'div'>, keyof VstackProperties > {}
-
-
-export declare const VStack: FunctionComponent<VstackProps>

package/styled-system/jsx/vstack.js

@@ -1,14 +0,0 @@
-import { createElement, forwardRef } from 'react'
-
-import { splitProps } from '../helpers.js';
-import { getVstackStyle } from '../patterns/vstack.js';
-import { styled } from './factory.js';
-
-export const VStack = /* @__PURE__ */ forwardRef(function VStack(props, ref) {
-  const [patternProps, restProps] = splitProps(props, ["justify","gap"])
-
-const styleProps = getVstackStyle(patternProps)
-const mergedProps = { ref, ...styleProps, ...restProps }
-
-return createElement(styled.div, mergedProps)
-  })

package/styled-system/jsx/vstack.mjs

@@ -1,14 +0,0 @@
-import { createElement, forwardRef } from 'react'
-
-import { splitProps } from '../helpers.mjs';
-import { getVstackStyle } from '../patterns/vstack.mjs';
-import { styled } from './factory.mjs';
-
-export const VStack = /* @__PURE__ */ forwardRef(function VStack(props, ref) {
-  const [patternProps, restProps] = splitProps(props, ["justify","gap"])
-
-const styleProps = getVstackStyle(patternProps)
-const mergedProps = { ref, ...styleProps, ...restProps }
-
-return createElement(styled.div, mergedProps)
-  })

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

@@ -1,10 +0,0 @@
-/* eslint-disable */
-import type { FunctionComponent } from 'react'
-import type { WrapProperties } from '../patterns/wrap';
-import type { HTMLStyledProps } from '../types/jsx';
-import type { DistributiveOmit } from '../types/system-types';
-
-export interface WrapProps extends WrapProperties, DistributiveOmit<HTMLStyledProps<'div'>, keyof WrapProperties > {}
-
-
-export declare const Wrap: FunctionComponent<WrapProps>

package/styled-system/jsx/wrap.js

@@ -1,14 +0,0 @@
-import { createElement, forwardRef } from 'react'
-
-import { splitProps } from '../helpers.js';
-import { getWrapStyle } from '../patterns/wrap.js';
-import { styled } from './factory.js';
-
-export const Wrap = /* @__PURE__ */ forwardRef(function Wrap(props, ref) {
-  const [patternProps, restProps] = splitProps(props, ["gap","rowGap","columnGap","align","justify"])
-
-const styleProps = getWrapStyle(patternProps)
-const mergedProps = { ref, ...styleProps, ...restProps }
-
-return createElement(styled.div, mergedProps)
-  })

package/styled-system/jsx/wrap.mjs

@@ -1,14 +0,0 @@
-import { createElement, forwardRef } from 'react'
-
-import { splitProps } from '../helpers.mjs';
-import { getWrapStyle } from '../patterns/wrap.mjs';
-import { styled } from './factory.mjs';
-
-export const Wrap = /* @__PURE__ */ forwardRef(function Wrap(props, ref) {
-  const [patternProps, restProps] = splitProps(props, ["gap","rowGap","columnGap","align","justify"])
-
-const styleProps = getWrapStyle(patternProps)
-const mergedProps = { ref, ...styleProps, ...restProps }
-
-return createElement(styled.div, mergedProps)
-  })

package/styled-system/patterns/aspect-ratio.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 AspectRatioProperties {
-   ratio?: ConditionalValue<number>
-}
-
-
-interface AspectRatioStyles extends AspectRatioProperties, DistributiveOmit<SystemStyleObject, keyof AspectRatioProperties | 'aspectRatio'> {}
-
-interface AspectRatioPatternFn {
-  (styles?: AspectRatioStyles): string
-  raw: (styles?: AspectRatioStyles) => SystemStyleObject
-}
-
-
-export declare const aspectRatio: AspectRatioPatternFn;

package/styled-system/patterns/aspect-ratio.js

@@ -1,38 +0,0 @@
-import { getPatternStyles, patternFns } from '../helpers.js';
-import { css } from '../css/index.js';
-
-const aspectRatioConfig = {
-transform(props, { map }) {
-  const { ratio = 4 / 3, ...rest } = props;
-  return {
-    position: "relative",
-    _before: {
-      content: `""`,
-      display: "block",
-      height: "0",
-      paddingBottom: map(ratio, (r) => `${1 / r * 100}%`)
-    },
-    "&>*": {
-      display: "flex",
-      justifyContent: "center",
-      alignItems: "center",
-      overflow: "hidden",
-      position: "absolute",
-      inset: "0",
-      width: "100%",
-      height: "100%"
-    },
-    "&>img, &>video": {
-      objectFit: "cover"
-    },
-    ...rest
-  };
-}}
-
-export const getAspectRatioStyle = (styles = {}) => {
-  const _styles = getPatternStyles(aspectRatioConfig, styles)
-  return aspectRatioConfig.transform(_styles, patternFns)
-}
-
-export const aspectRatio = (styles) => css(getAspectRatioStyle(styles))
-aspectRatio.raw = getAspectRatioStyle

package/styled-system/patterns/aspect-ratio.mjs

@@ -1,38 +0,0 @@
-import { getPatternStyles, patternFns } from '../helpers.mjs';
-import { css } from '../css/index.mjs';
-
-const aspectRatioConfig = {
-transform(props, { map }) {
-  const { ratio = 4 / 3, ...rest } = props;
-  return {
-    position: "relative",
-    _before: {
-      content: `""`,
-      display: "block",
-      height: "0",
-      paddingBottom: map(ratio, (r) => `${1 / r * 100}%`)
-    },
-    "&>*": {
-      display: "flex",
-      justifyContent: "center",
-      alignItems: "center",
-      overflow: "hidden",
-      position: "absolute",
-      inset: "0",
-      width: "100%",
-      height: "100%"
-    },
-    "&>img, &>video": {
-      objectFit: "cover"
-    },
-    ...rest
-  };
-}}
-
-export const getAspectRatioStyle = (styles = {}) => {
-  const _styles = getPatternStyles(aspectRatioConfig, styles)
-  return aspectRatioConfig.transform(_styles, patternFns)
-}
-
-export const aspectRatio = (styles) => css(getAspectRatioStyle(styles))
-aspectRatio.raw = getAspectRatioStyle

package/styled-system/patterns/bleed.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 BleedProperties {
-   inline?: SystemProperties["marginInline"]
-	block?: SystemProperties["marginBlock"]
-}
-
-
-interface BleedStyles extends BleedProperties, DistributiveOmit<SystemStyleObject, keyof BleedProperties > {}
-
-interface BleedPatternFn {
-  (styles?: BleedStyles): string
-  raw: (styles?: BleedStyles) => SystemStyleObject
-}
-
-
-export declare const bleed: BleedPatternFn;

package/styled-system/patterns/bleed.js

@@ -1,24 +0,0 @@
-import { getPatternStyles, patternFns } from '../helpers.js';
-import { css } from '../css/index.js';
-
-const bleedConfig = {
-transform(props, { map, isCssUnit, isCssVar }) {
-  const { inline, block, ...rest } = props;
-  const valueFn = (v) => isCssUnit(v) || isCssVar(v) ? v : `token(spacing.${v}, ${v})`;
-  return {
-    "--bleed-x": map(inline, valueFn),
-    "--bleed-y": map(block, valueFn),
-    marginInline: "calc(var(--bleed-x, 0) * -1)",
-    marginBlock: "calc(var(--bleed-y, 0) * -1)",
-    ...rest
-  };
-},
-defaultValues:{inline:'0',block:'0'}}
-
-export const getBleedStyle = (styles = {}) => {
-  const _styles = getPatternStyles(bleedConfig, styles)
-  return bleedConfig.transform(_styles, patternFns)
-}
-
-export const bleed = (styles) => css(getBleedStyle(styles))
-bleed.raw = getBleedStyle

package/styled-system/patterns/bleed.mjs

@@ -1,24 +0,0 @@
-import { getPatternStyles, patternFns } from '../helpers.mjs';
-import { css } from '../css/index.mjs';
-
-const bleedConfig = {
-transform(props, { map, isCssUnit, isCssVar }) {
-  const { inline, block, ...rest } = props;
-  const valueFn = (v) => isCssUnit(v) || isCssVar(v) ? v : `token(spacing.${v}, ${v})`;
-  return {
-    "--bleed-x": map(inline, valueFn),
-    "--bleed-y": map(block, valueFn),
-    marginInline: "calc(var(--bleed-x, 0) * -1)",
-    marginBlock: "calc(var(--bleed-y, 0) * -1)",
-    ...rest
-  };
-},
-defaultValues:{inline:'0',block:'0'}}
-
-export const getBleedStyle = (styles = {}) => {
-  const _styles = getPatternStyles(bleedConfig, styles)
-  return bleedConfig.transform(_styles, patternFns)
-}
-
-export const bleed = (styles) => css(getBleedStyle(styles))
-bleed.raw = getBleedStyle

package/styled-system/patterns/box.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 BoxProperties {
-   
-}
-
-
-interface BoxStyles extends BoxProperties, DistributiveOmit<SystemStyleObject, keyof BoxProperties > {}
-
-interface BoxPatternFn {
-  (styles?: BoxStyles): string
-  raw: (styles?: BoxStyles) => SystemStyleObject
-}
-
-
-export declare const box: BoxPatternFn;

package/styled-system/patterns/box.mjs

@@ -1,15 +0,0 @@
-import { getPatternStyles, patternFns } from '../helpers.mjs';
-import { css } from '../css/index.mjs';
-
-const boxConfig = {
-transform(props) {
-  return props;
-}}
-
-export const getBoxStyle = (styles = {}) => {
-  const _styles = getPatternStyles(boxConfig, styles)
-  return boxConfig.transform(_styles, patternFns)
-}
-
-export const box = (styles) => css(getBoxStyle(styles))
-box.raw = getBoxStyle

package/styled-system/patterns/center.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 CenterProperties {
-   inline?: ConditionalValue<boolean>
-}
-
-
-interface CenterStyles extends CenterProperties, DistributiveOmit<SystemStyleObject, keyof CenterProperties > {}
-
-interface CenterPatternFn {
-  (styles?: CenterStyles): string
-  raw: (styles?: CenterStyles) => SystemStyleObject
-}
-
-
-export declare const center: CenterPatternFn;

package/styled-system/patterns/center.js

@@ -1,21 +0,0 @@
-import { getPatternStyles, patternFns } from '../helpers.js';
-import { css } from '../css/index.js';
-
-const centerConfig = {
-transform(props) {
-  const { inline, ...rest } = props;
-  return {
-    display: inline ? "inline-flex" : "flex",
-    alignItems: "center",
-    justifyContent: "center",
-    ...rest
-  };
-}}
-
-export const getCenterStyle = (styles = {}) => {
-  const _styles = getPatternStyles(centerConfig, styles)
-  return centerConfig.transform(_styles, patternFns)
-}
-
-export const center = (styles) => css(getCenterStyle(styles))
-center.raw = getCenterStyle

package/styled-system/patterns/center.mjs

@@ -1,21 +0,0 @@
-import { getPatternStyles, patternFns } from '../helpers.mjs';
-import { css } from '../css/index.mjs';
-
-const centerConfig = {
-transform(props) {
-  const { inline, ...rest } = props;
-  return {
-    display: inline ? "inline-flex" : "flex",
-    alignItems: "center",
-    justifyContent: "center",
-    ...rest
-  };
-}}
-
-export const getCenterStyle = (styles = {}) => {
-  const _styles = getPatternStyles(centerConfig, styles)
-  return centerConfig.transform(_styles, patternFns)
-}
-
-export const center = (styles) => css(getCenterStyle(styles))
-center.raw = getCenterStyle

package/styled-system/patterns/circle.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 CircleProperties {
-   size?: SystemProperties["width"]
-}
-
-
-interface CircleStyles extends CircleProperties, DistributiveOmit<SystemStyleObject, keyof CircleProperties > {}
-
-interface CirclePatternFn {
-  (styles?: CircleStyles): string
-  raw: (styles?: CircleStyles) => SystemStyleObject
-}
-
-
-export declare const circle: CirclePatternFn;

package/styled-system/patterns/circle.js

@@ -1,25 +0,0 @@
-import { getPatternStyles, patternFns } from '../helpers.js';
-import { css } from '../css/index.js';
-
-const circleConfig = {
-transform(props) {
-  const { size, ...rest } = props;
-  return {
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "center",
-    flex: "0 0 auto",
-    width: size,
-    height: size,
-    borderRadius: "9999px",
-    ...rest
-  };
-}}
-
-export const getCircleStyle = (styles = {}) => {
-  const _styles = getPatternStyles(circleConfig, styles)
-  return circleConfig.transform(_styles, patternFns)
-}
-
-export const circle = (styles) => css(getCircleStyle(styles))
-circle.raw = getCircleStyle

package/styled-system/patterns/circle.mjs

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