cetec-design-system 0.0.20 → 0.0.21

package/styled-system/recipes/box.mjs

@@ -1,24 +0,0 @@
-import { memo, splitProps } from '../helpers.mjs';
-import { createRecipe, mergeRecipes } from './create-recipe.mjs';
-
-const boxFn = /* @__PURE__ */ createRecipe('box', {}, [])
-
-const boxVariantMap = {}
-
-const boxVariantKeys = Object.keys(boxVariantMap)
-
-export const box = /* @__PURE__ */ Object.assign(memo(boxFn.recipeFn), {
-  __recipe__: true,
-  __name__: 'box',
-  __getCompoundVariantCss__: boxFn.__getCompoundVariantCss__,
-  raw: (props) => props,
-  variantKeys: boxVariantKeys,
-  variantMap: boxVariantMap,
-  merge(recipe) {
-    return mergeRecipes(this, recipe)
-  },
-  splitVariantProps(props) {
-    return splitProps(props, boxVariantKeys)
-  },
-  getVariantProps: boxFn.getVariantProps,
-})

package/styled-system/recipes/button.d.ts

@@ -1,35 +0,0 @@
-/* eslint-disable */
-import type { ConditionalValue } from '../types/index';
-import type { DistributiveOmit, Pretty } from '../types/system-types';
-
-interface ButtonVariant {
-  /**
- * @default "standard"
- */
-variant: "primary" | "standard" | "hollow" | "ghost" | "cta" | "danger"
-/**
- * @default "medium"
- */
-size: "medium" | "large" | "small"
-}
-
-type ButtonVariantMap = {
-  [key in keyof ButtonVariant]: Array<ButtonVariant[key]>
-}
-
-export type ButtonVariantProps = {
-  [key in keyof ButtonVariant]?: ConditionalValue<ButtonVariant[key]> | undefined
-}
-
-export interface ButtonRecipe {
-  __type: ButtonVariantProps
-  (props?: ButtonVariantProps): string
-  raw: (props?: ButtonVariantProps) => ButtonVariantProps
-  variantMap: ButtonVariantMap
-  variantKeys: Array<keyof ButtonVariant>
-  splitVariantProps<Props extends ButtonVariantProps>(props: Props): [ButtonVariantProps, Pretty<DistributiveOmit<Props, keyof ButtonVariantProps>>]
-  getVariantProps: (props?: ButtonVariantProps) => ButtonVariantProps
-}
-
-
-export declare const button: ButtonRecipe

package/styled-system/recipes/button.js

@@ -1,41 +0,0 @@
-import { memo, splitProps } from '../helpers.js';
-import { createRecipe, mergeRecipes } from './create-recipe.js';
-
-const buttonFn = /* @__PURE__ */ createRecipe('button', {
-  "variant": "standard",
-  "size": "medium"
-}, [])
-
-const buttonVariantMap = {
-  "variant": [
-    "primary",
-    "standard",
-    "hollow",
-    "ghost",
-    "cta",
-    "danger"
-  ],
-  "size": [
-    "medium",
-    "large",
-    "small"
-  ]
-}
-
-const buttonVariantKeys = Object.keys(buttonVariantMap)
-
-export const button = /* @__PURE__ */ Object.assign(memo(buttonFn.recipeFn), {
-  __recipe__: true,
-  __name__: 'button',
-  __getCompoundVariantCss__: buttonFn.__getCompoundVariantCss__,
-  raw: (props) => props,
-  variantKeys: buttonVariantKeys,
-  variantMap: buttonVariantMap,
-  merge(recipe) {
-    return mergeRecipes(this, recipe)
-  },
-  splitVariantProps(props) {
-    return splitProps(props, buttonVariantKeys)
-  },
-  getVariantProps: buttonFn.getVariantProps,
-})

package/styled-system/recipes/button.mjs

@@ -1,41 +0,0 @@
-import { memo, splitProps } from '../helpers.mjs';
-import { createRecipe, mergeRecipes } from './create-recipe.mjs';
-
-const buttonFn = /* @__PURE__ */ createRecipe('button', {
-  "variant": "standard",
-  "size": "medium"
-}, [])
-
-const buttonVariantMap = {
-  "variant": [
-    "primary",
-    "standard",
-    "hollow",
-    "ghost",
-    "cta",
-    "danger"
-  ],
-  "size": [
-    "medium",
-    "large",
-    "small"
-  ]
-}
-
-const buttonVariantKeys = Object.keys(buttonVariantMap)
-
-export const button = /* @__PURE__ */ Object.assign(memo(buttonFn.recipeFn), {
-  __recipe__: true,
-  __name__: 'button',
-  __getCompoundVariantCss__: buttonFn.__getCompoundVariantCss__,
-  raw: (props) => props,
-  variantKeys: buttonVariantKeys,
-  variantMap: buttonVariantMap,
-  merge(recipe) {
-    return mergeRecipes(this, recipe)
-  },
-  splitVariantProps(props) {
-    return splitProps(props, buttonVariantKeys)
-  },
-  getVariantProps: buttonFn.getVariantProps,
-})

package/styled-system/recipes/checkbox.d.ts

@@ -1,28 +0,0 @@
-/* eslint-disable */
-import type { ConditionalValue } from '../types/index';
-import type { DistributiveOmit, Pretty } from '../types/system-types';
-
-interface CheckboxVariant {
-  
-}
-
-type CheckboxVariantMap = {
-  [key in keyof CheckboxVariant]: Array<CheckboxVariant[key]>
-}
-
-export type CheckboxVariantProps = {
-  [key in keyof CheckboxVariant]?: ConditionalValue<CheckboxVariant[key]> | undefined
-}
-
-export interface CheckboxRecipe {
-  __type: CheckboxVariantProps
-  (props?: CheckboxVariantProps): Pretty<Record<"container" | "input" | "indicator", string>>
-  raw: (props?: CheckboxVariantProps) => CheckboxVariantProps
-  variantMap: CheckboxVariantMap
-  variantKeys: Array<keyof CheckboxVariant>
-  splitVariantProps<Props extends CheckboxVariantProps>(props: Props): [CheckboxVariantProps, Pretty<DistributiveOmit<Props, keyof CheckboxVariantProps>>]
-  getVariantProps: (props?: CheckboxVariantProps) => CheckboxVariantProps
-}
-
-
-export declare const checkbox: CheckboxRecipe

package/styled-system/recipes/checkbox.js

@@ -1,40 +0,0 @@
-import { compact, getSlotCompoundVariant, memo, splitProps } from '../helpers.js';
-import { createRecipe } from './create-recipe.js';
-
-const checkboxDefaultVariants = {}
-const checkboxCompoundVariants = []
-
-const checkboxSlotNames = [
-  [
-    "container",
-    "checkbox__container"
-  ],
-  [
-    "input",
-    "checkbox__input"
-  ],
-  [
-    "indicator",
-    "checkbox__indicator"
-  ]
-]
-const checkboxSlotFns = /* @__PURE__ */ checkboxSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, checkboxDefaultVariants, getSlotCompoundVariant(checkboxCompoundVariants, slotName))])
-
-const checkboxFn = memo((props = {}) => {
-  return Object.fromEntries(checkboxSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]))
-})
-
-const checkboxVariantKeys = []
-const getVariantProps = (variants) => ({ ...checkboxDefaultVariants, ...compact(variants) })
-
-export const checkbox = /* @__PURE__ */ Object.assign(checkboxFn, {
-  __recipe__: false,
-  __name__: 'checkbox',
-  raw: (props) => props,
-  variantKeys: checkboxVariantKeys,
-  variantMap: {},
-  splitVariantProps(props) {
-    return splitProps(props, checkboxVariantKeys)
-  },
-  getVariantProps
-})

package/styled-system/recipes/checkbox.mjs

@@ -1,40 +0,0 @@
-import { compact, getSlotCompoundVariant, memo, splitProps } from '../helpers.mjs';
-import { createRecipe } from './create-recipe.mjs';
-
-const checkboxDefaultVariants = {}
-const checkboxCompoundVariants = []
-
-const checkboxSlotNames = [
-  [
-    "container",
-    "checkbox__container"
-  ],
-  [
-    "input",
-    "checkbox__input"
-  ],
-  [
-    "indicator",
-    "checkbox__indicator"
-  ]
-]
-const checkboxSlotFns = /* @__PURE__ */ checkboxSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, checkboxDefaultVariants, getSlotCompoundVariant(checkboxCompoundVariants, slotName))])
-
-const checkboxFn = memo((props = {}) => {
-  return Object.fromEntries(checkboxSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]))
-})
-
-const checkboxVariantKeys = []
-const getVariantProps = (variants) => ({ ...checkboxDefaultVariants, ...compact(variants) })
-
-export const checkbox = /* @__PURE__ */ Object.assign(checkboxFn, {
-  __recipe__: false,
-  __name__: 'checkbox',
-  raw: (props) => props,
-  variantKeys: checkboxVariantKeys,
-  variantMap: {},
-  splitVariantProps(props) {
-    return splitProps(props, checkboxVariantKeys)
-  },
-  getVariantProps
-})

package/styled-system/recipes/code.d.ts

@@ -1,28 +0,0 @@
-/* eslint-disable */
-import type { ConditionalValue } from '../types/index';
-import type { DistributiveOmit, Pretty } from '../types/system-types';
-
-interface CodeVariant {
-  
-}
-
-type CodeVariantMap = {
-  [key in keyof CodeVariant]: Array<CodeVariant[key]>
-}
-
-export type CodeVariantProps = {
-  [key in keyof CodeVariant]?: ConditionalValue<CodeVariant[key]> | undefined
-}
-
-export interface CodeRecipe {
-  __type: CodeVariantProps
-  (props?: CodeVariantProps): string
-  raw: (props?: CodeVariantProps) => CodeVariantProps
-  variantMap: CodeVariantMap
-  variantKeys: Array<keyof CodeVariant>
-  splitVariantProps<Props extends CodeVariantProps>(props: Props): [CodeVariantProps, Pretty<DistributiveOmit<Props, keyof CodeVariantProps>>]
-  getVariantProps: (props?: CodeVariantProps) => CodeVariantProps
-}
-
-
-export declare const code: CodeRecipe

package/styled-system/recipes/code.js

@@ -1,24 +0,0 @@
-import { memo, splitProps } from '../helpers.js';
-import { createRecipe, mergeRecipes } from './create-recipe.js';
-
-const codeFn = /* @__PURE__ */ createRecipe('code', {}, [])
-
-const codeVariantMap = {}
-
-const codeVariantKeys = Object.keys(codeVariantMap)
-
-export const code = /* @__PURE__ */ Object.assign(memo(codeFn.recipeFn), {
-  __recipe__: true,
-  __name__: 'code',
-  __getCompoundVariantCss__: codeFn.__getCompoundVariantCss__,
-  raw: (props) => props,
-  variantKeys: codeVariantKeys,
-  variantMap: codeVariantMap,
-  merge(recipe) {
-    return mergeRecipes(this, recipe)
-  },
-  splitVariantProps(props) {
-    return splitProps(props, codeVariantKeys)
-  },
-  getVariantProps: codeFn.getVariantProps,
-})

package/styled-system/recipes/code.mjs

@@ -1,24 +0,0 @@
-import { memo, splitProps } from '../helpers.mjs';
-import { createRecipe, mergeRecipes } from './create-recipe.mjs';
-
-const codeFn = /* @__PURE__ */ createRecipe('code', {}, [])
-
-const codeVariantMap = {}
-
-const codeVariantKeys = Object.keys(codeVariantMap)
-
-export const code = /* @__PURE__ */ Object.assign(memo(codeFn.recipeFn), {
-  __recipe__: true,
-  __name__: 'code',
-  __getCompoundVariantCss__: codeFn.__getCompoundVariantCss__,
-  raw: (props) => props,
-  variantKeys: codeVariantKeys,
-  variantMap: codeVariantMap,
-  merge(recipe) {
-    return mergeRecipes(this, recipe)
-  },
-  splitVariantProps(props) {
-    return splitProps(props, codeVariantKeys)
-  },
-  getVariantProps: codeFn.getVariantProps,
-})

package/styled-system/recipes/create-recipe.js

@@ -1,82 +0,0 @@
-import { finalizeConditions, sortConditions } from '../css/conditions.js';
-import { css } from '../css/css.js';
-import { assertCompoundVariant, getCompoundVariantCss } from '../css/cva.js';
-import { cx } from '../css/cx.js';
-import { compact, createCss, splitProps, uniq, withoutSpace } from '../helpers.js';
-
-export const createRecipe = (name, defaultVariants, compoundVariants) => {
- const getVariantProps = (variants) => {
-   return {
-     [name]: '__ignore__',
-     ...defaultVariants,
-     ...compact(variants),
-   };
- };
-
-  const recipeFn = (variants, withCompoundVariants = true) => {
-   const transform = (prop, value) => {
-     assertCompoundVariant(name, compoundVariants, variants, prop)
-
-      if (value === '__ignore__') {
-        return { className: name }
-      }
-
-      value = withoutSpace(value)
-      return { className: `${name}--${prop}_${value}` }
-   }
-
-   const recipeCss = createCss({
-     
-     conditions: {
-       shift: sortConditions,
-       finalize: finalizeConditions,
-       breakpoints: { keys: ["base","xs","sm","md","lg","xl","2xl"] }
-     },
-     utility: {
-       
-       toHash: (path, hashFn) => hashFn(path.join(":")),
-       transform,
-     }
-   })
-
-   const recipeStyles = getVariantProps(variants)
-
-   if (withCompoundVariants) {
-     const compoundVariantStyles = getCompoundVariantCss(compoundVariants, recipeStyles)
-     return cx(recipeCss(recipeStyles), css(compoundVariantStyles))
-   }
-
-   return recipeCss(recipeStyles)
-  }
-
-   return {
-     recipeFn,
-     getVariantProps,
-     __getCompoundVariantCss__: (variants) => {
-       return getCompoundVariantCss(compoundVariants, getVariantProps(variants));
-     },
-   }
-}
-
-export const mergeRecipes = (recipeA, recipeB) => {
- if (recipeA && !recipeB) return recipeA
- if (!recipeA && recipeB) return recipeB
-
- const recipeFn = (...args) => cx(recipeA(...args), recipeB(...args))
- const variantKeys = uniq(recipeA.variantKeys, recipeB.variantKeys)
- const variantMap = variantKeys.reduce((acc, key) => {
-   acc[key] = uniq(recipeA.variantMap[key], recipeB.variantMap[key])
-   return acc
- }, {})
-
- return Object.assign(recipeFn, {
-   __recipe__: true,
-   __name__: `${recipeA.__name__} ${recipeB.__name__}`,
-   raw: (props) => props,
-   variantKeys,
-   variantMap,
-   splitVariantProps(props) {
-     return splitProps(props, variantKeys)
-   },
- })
- }

package/styled-system/recipes/create-recipe.mjs

@@ -1,82 +0,0 @@
-import { finalizeConditions, sortConditions } from '../css/conditions.mjs';
-import { css } from '../css/css.mjs';
-import { assertCompoundVariant, getCompoundVariantCss } from '../css/cva.mjs';
-import { cx } from '../css/cx.mjs';
-import { compact, createCss, splitProps, uniq, withoutSpace } from '../helpers.mjs';
-
-export const createRecipe = (name, defaultVariants, compoundVariants) => {
- const getVariantProps = (variants) => {
-   return {
-     [name]: '__ignore__',
-     ...defaultVariants,
-     ...compact(variants),
-   };
- };
-
-  const recipeFn = (variants, withCompoundVariants = true) => {
-   const transform = (prop, value) => {
-     assertCompoundVariant(name, compoundVariants, variants, prop)
-
-      if (value === '__ignore__') {
-        return { className: name }
-      }
-
-      value = withoutSpace(value)
-      return { className: `${name}--${prop}_${value}` }
-   }
-
-   const recipeCss = createCss({
-     
-     conditions: {
-       shift: sortConditions,
-       finalize: finalizeConditions,
-       breakpoints: { keys: ["base","xs","sm","md","lg","xl","2xl"] }
-     },
-     utility: {
-       
-       toHash: (path, hashFn) => hashFn(path.join(":")),
-       transform,
-     }
-   })
-
-   const recipeStyles = getVariantProps(variants)
-
-   if (withCompoundVariants) {
-     const compoundVariantStyles = getCompoundVariantCss(compoundVariants, recipeStyles)
-     return cx(recipeCss(recipeStyles), css(compoundVariantStyles))
-   }
-
-   return recipeCss(recipeStyles)
-  }
-
-   return {
-     recipeFn,
-     getVariantProps,
-     __getCompoundVariantCss__: (variants) => {
-       return getCompoundVariantCss(compoundVariants, getVariantProps(variants));
-     },
-   }
-}
-
-export const mergeRecipes = (recipeA, recipeB) => {
- if (recipeA && !recipeB) return recipeA
- if (!recipeA && recipeB) return recipeB
-
- const recipeFn = (...args) => cx(recipeA(...args), recipeB(...args))
- const variantKeys = uniq(recipeA.variantKeys, recipeB.variantKeys)
- const variantMap = variantKeys.reduce((acc, key) => {
-   acc[key] = uniq(recipeA.variantMap[key], recipeB.variantMap[key])
-   return acc
- }, {})
-
- return Object.assign(recipeFn, {
-   __recipe__: true,
-   __name__: `${recipeA.__name__} ${recipeB.__name__}`,
-   raw: (props) => props,
-   variantKeys,
-   variantMap,
-   splitVariantProps(props) {
-     return splitProps(props, variantKeys)
-   },
- })
- }

package/styled-system/recipes/divider.d.ts

@@ -1,35 +0,0 @@
-/* eslint-disable */
-import type { ConditionalValue } from '../types/index';
-import type { DistributiveOmit, Pretty } from '../types/system-types';
-
-interface DividerVariant {
-  /**
- * @default "horizontal"
- */
-direction: "horizontal" | "vertical"
-/**
- * @default "thin"
- */
-weight: "thin" | "medium" | "thick" | "thicker"
-}
-
-type DividerVariantMap = {
-  [key in keyof DividerVariant]: Array<DividerVariant[key]>
-}
-
-export type DividerVariantProps = {
-  [key in keyof DividerVariant]?: ConditionalValue<DividerVariant[key]> | undefined
-}
-
-export interface DividerRecipe {
-  __type: DividerVariantProps
-  (props?: DividerVariantProps): string
-  raw: (props?: DividerVariantProps) => DividerVariantProps
-  variantMap: DividerVariantMap
-  variantKeys: Array<keyof DividerVariant>
-  splitVariantProps<Props extends DividerVariantProps>(props: Props): [DividerVariantProps, Pretty<DistributiveOmit<Props, keyof DividerVariantProps>>]
-  getVariantProps: (props?: DividerVariantProps) => DividerVariantProps
-}
-
-
-export declare const divider: DividerRecipe

package/styled-system/recipes/divider.js

@@ -1,38 +0,0 @@
-import { memo, splitProps } from '../helpers.js';
-import { createRecipe, mergeRecipes } from './create-recipe.js';
-
-const dividerFn = /* @__PURE__ */ createRecipe('divider', {
-  "direction": "horizontal",
-  "weight": "thin"
-}, [])
-
-const dividerVariantMap = {
-  "direction": [
-    "horizontal",
-    "vertical"
-  ],
-  "weight": [
-    "thin",
-    "medium",
-    "thick",
-    "thicker"
-  ]
-}
-
-const dividerVariantKeys = Object.keys(dividerVariantMap)
-
-export const divider = /* @__PURE__ */ Object.assign(memo(dividerFn.recipeFn), {
-  __recipe__: true,
-  __name__: 'divider',
-  __getCompoundVariantCss__: dividerFn.__getCompoundVariantCss__,
-  raw: (props) => props,
-  variantKeys: dividerVariantKeys,
-  variantMap: dividerVariantMap,
-  merge(recipe) {
-    return mergeRecipes(this, recipe)
-  },
-  splitVariantProps(props) {
-    return splitProps(props, dividerVariantKeys)
-  },
-  getVariantProps: dividerFn.getVariantProps,
-})

package/styled-system/recipes/divider.mjs

@@ -1,38 +0,0 @@
-import { memo, splitProps } from '../helpers.mjs';
-import { createRecipe, mergeRecipes } from './create-recipe.mjs';
-
-const dividerFn = /* @__PURE__ */ createRecipe('divider', {
-  "direction": "horizontal",
-  "weight": "thin"
-}, [])
-
-const dividerVariantMap = {
-  "direction": [
-    "horizontal",
-    "vertical"
-  ],
-  "weight": [
-    "thin",
-    "medium",
-    "thick",
-    "thicker"
-  ]
-}
-
-const dividerVariantKeys = Object.keys(dividerVariantMap)
-
-export const divider = /* @__PURE__ */ Object.assign(memo(dividerFn.recipeFn), {
-  __recipe__: true,
-  __name__: 'divider',
-  __getCompoundVariantCss__: dividerFn.__getCompoundVariantCss__,
-  raw: (props) => props,
-  variantKeys: dividerVariantKeys,
-  variantMap: dividerVariantMap,
-  merge(recipe) {
-    return mergeRecipes(this, recipe)
-  },
-  splitVariantProps(props) {
-    return splitProps(props, dividerVariantKeys)
-  },
-  getVariantProps: dividerFn.getVariantProps,
-})

package/styled-system/recipes/heading.d.ts

@@ -1,31 +0,0 @@
-/* eslint-disable */
-import type { ConditionalValue } from '../types/index';
-import type { DistributiveOmit, Pretty } from '../types/system-types';
-
-interface HeadingVariant {
-  /**
- * @default "h2"
- */
-level: "h1" | "h2" | "h3" | "h4"
-}
-
-type HeadingVariantMap = {
-  [key in keyof HeadingVariant]: Array<HeadingVariant[key]>
-}
-
-export type HeadingVariantProps = {
-  [key in keyof HeadingVariant]?: ConditionalValue<HeadingVariant[key]> | undefined
-}
-
-export interface HeadingRecipe {
-  __type: HeadingVariantProps
-  (props?: HeadingVariantProps): string
-  raw: (props?: HeadingVariantProps) => HeadingVariantProps
-  variantMap: HeadingVariantMap
-  variantKeys: Array<keyof HeadingVariant>
-  splitVariantProps<Props extends HeadingVariantProps>(props: Props): [HeadingVariantProps, Pretty<DistributiveOmit<Props, keyof HeadingVariantProps>>]
-  getVariantProps: (props?: HeadingVariantProps) => HeadingVariantProps
-}
-
-
-export declare const heading: HeadingRecipe

package/styled-system/recipes/heading.js

@@ -1,33 +0,0 @@
-import { memo, splitProps } from '../helpers.js';
-import { createRecipe, mergeRecipes } from './create-recipe.js';
-
-const headingFn = /* @__PURE__ */ createRecipe('heading', {
-  "level": "h2"
-}, [])
-
-const headingVariantMap = {
-  "level": [
-    "h1",
-    "h2",
-    "h3",
-    "h4"
-  ]
-}
-
-const headingVariantKeys = Object.keys(headingVariantMap)
-
-export const heading = /* @__PURE__ */ Object.assign(memo(headingFn.recipeFn), {
-  __recipe__: true,
-  __name__: 'heading',
-  __getCompoundVariantCss__: headingFn.__getCompoundVariantCss__,
-  raw: (props) => props,
-  variantKeys: headingVariantKeys,
-  variantMap: headingVariantMap,
-  merge(recipe) {
-    return mergeRecipes(this, recipe)
-  },
-  splitVariantProps(props) {
-    return splitProps(props, headingVariantKeys)
-  },
-  getVariantProps: headingFn.getVariantProps,
-})