@kimdw-rtk/ui 0.0.11 → 0.0.13

package/dist/tokens/semantic/typography.cjs

@@ -1,36 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});const typography = {
-  size: {
-    xs: "0.75em",
-    sm: "0.875em",
-    md: "1em",
-    lg: "1.125em",
-    xl: "1.25em",
-    "2xl": "1.375em",
-    "3xl": "1.625em",
-    "4xl": "2em",
-    "5xl": "2.5em",
-    "1rem": "1rem"
-  },
-  weight: {
-    thin: "100",
-    extraLight: "200",
-    light: "300",
-    normal: "400",
-    medium: "500",
-    semiBold: "600",
-    bold: "700",
-    extraBold: "800",
-    black: "900"
-  },
-  lineHeight: {
-    xs: 1,
-    sm: 1.25,
-    md: 1.5,
-    lg: 1.75,
-    xl: 2
-  }
-};
-
-
-exports.typography = typography;
-//# sourceMappingURL=typography.cjs.map

package/dist/tokens/semantic/typography.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/tokens/semantic/typography.ts","/home/runner/work/react-kits/react-kits/packages/ui/dist/tokens/semantic/typography.cjs"],"names":[],"mappings":"AAAO,+EAAM,WAAA,EAAa;AAAA,EACxB,IAAA,EAAM;AAAA,IACJ,EAAA,EAAI,QAAA;AAAA,IACJ,EAAA,EAAI,SAAA;AAAA,IACJ,EAAA,EAAI,KAAA;AAAA,IACJ,EAAA,EAAI,SAAA;AAAA,IACJ,EAAA,EAAI,QAAA;AAAA,IACJ,KAAA,EAAO,SAAA;AAAA,IACP,KAAA,EAAO,SAAA;AAAA,IACP,KAAA,EAAO,KAAA;AAAA,IACP,KAAA,EAAO,OAAA;AAAA,IACP,MAAA,EAAQ;AAAA,EACV,CAAA;AAAA,EACA,MAAA,EAAQ;AAAA,IACN,IAAA,EAAM,KAAA;AAAA,IACN,UAAA,EAAY,KAAA;AAAA,IACZ,KAAA,EAAO,KAAA;AAAA,IACP,MAAA,EAAQ,KAAA;AAAA,IACR,MAAA,EAAQ,KAAA;AAAA,IACR,QAAA,EAAU,KAAA;AAAA,IACV,IAAA,EAAM,KAAA;AAAA,IACN,SAAA,EAAW,KAAA;AAAA,IACX,KAAA,EAAO;AAAA,EACT,CAAA;AAAA,EACA,UAAA,EAAY;AAAA,IACV,EAAA,EAAI,CAAA;AAAA,IACJ,EAAA,EAAI,IAAA;AAAA,IACJ,EAAA,EAAI,GAAA;AAAA,IACJ,EAAA,EAAI,IAAA;AAAA,IACJ,EAAA,EAAI;AAAA,EACN;AACF,CAAA;ACCA;AACE;AACF,gCAAC","file":"/home/runner/work/react-kits/react-kits/packages/ui/dist/tokens/semantic/typography.cjs","sourcesContent":["export const typography = {\n  size: {\n    xs: '0.75em',\n    sm: '0.875em',\n    md: '1em',\n    lg: '1.125em',\n    xl: '1.25em',\n    '2xl': '1.375em',\n    '3xl': '1.625em',\n    '4xl': '2em',\n    '5xl': '2.5em',\n    '1rem': '1rem',\n  },\n  weight: {\n    thin: '100',\n    extraLight: '200',\n    light: '300',\n    normal: '400',\n    medium: '500',\n    semiBold: '600',\n    bold: '700',\n    extraBold: '800',\n    black: '900',\n  },\n  lineHeight: {\n    xs: 1,\n    sm: 1.25,\n    md: 1.5,\n    lg: 1.75,\n    xl: 2,\n  },\n} as const;\n",null]}

package/dist/tokens/semantic/typography.d.cts

@@ -1,34 +0,0 @@
-declare const typography: {
-    readonly size: {
-        readonly xs: "0.75em";
-        readonly sm: "0.875em";
-        readonly md: "1em";
-        readonly lg: "1.125em";
-        readonly xl: "1.25em";
-        readonly '2xl': "1.375em";
-        readonly '3xl': "1.625em";
-        readonly '4xl': "2em";
-        readonly '5xl': "2.5em";
-        readonly '1rem': "1rem";
-    };
-    readonly weight: {
-        readonly thin: "100";
-        readonly extraLight: "200";
-        readonly light: "300";
-        readonly normal: "400";
-        readonly medium: "500";
-        readonly semiBold: "600";
-        readonly bold: "700";
-        readonly extraBold: "800";
-        readonly black: "900";
-    };
-    readonly lineHeight: {
-        readonly xs: 1;
-        readonly sm: 1.25;
-        readonly md: 1.5;
-        readonly lg: 1.75;
-        readonly xl: 2;
-    };
-};
-
-export { typography };

package/dist/types/index.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _createStarExport(obj) { Object.keys(obj) .filter((key) => key !== "default" && key !== "__esModule") .forEach((key) => { if (exports.hasOwnProperty(key)) { return; } Object.defineProperty(exports, key, {enumerable: true, configurable: true, get: () => obj[key]}); }); }var _uitypes = require('./ui.types'); _createStarExport(_uitypes);
-//# sourceMappingURL=index.cjs.map

package/dist/types/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/types/index.ts"],"names":[],"mappings":"AAAA,maAAc","file":"/home/runner/work/react-kits/react-kits/packages/ui/dist/types/index.cjs","sourcesContent":["export * from './ui.types';\n"]}

package/dist/types/index.d.cts

@@ -1,5 +0,0 @@
-export { RecipeVariantsProps, UIComponent } from './ui.types.cjs';
-import 'react';
-import '@vanilla-extract/css';
-import '@vanilla-extract/recipes';
-import '../styles/sprinkles.css.cjs';

package/dist/types/ui.types.cjs

@@ -1 +0,0 @@
-"use strict";//# sourceMappingURL=ui.types.cjs.map

package/dist/types/ui.types.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/react-kits/react-kits/packages/ui/dist/types/ui.types.cjs"],"names":[],"mappings":"AAAA","file":"/home/runner/work/react-kits/react-kits/packages/ui/dist/types/ui.types.cjs"}

package/dist/types/ui.types.d.cts

@@ -1,16 +0,0 @@
-import { ElementType, ComponentPropsWithRef } from 'react';
-import { ComplexStyleRule } from '@vanilla-extract/css';
-import { RuntimeFn, RecipeVariants } from '@vanilla-extract/recipes';
-import { SprinklesProps } from '../styles/sprinkles.css.cjs';
-
-type VariantGroups = Record<string, Record<string, ComplexStyleRule | string>>;
-type RecipeVariantsProps<V extends RuntimeFn<VariantGroups> | undefined> = NonNullable<V extends RuntimeFn<VariantGroups> ? RecipeVariants<V> : object>;
-/**
- * @template T element type
- * @template V typeof vanilla-extract recipe
- */
-type UIComponent<T extends ElementType, V extends RuntimeFn<VariantGroups> | undefined = undefined> = Omit<ComponentPropsWithRef<T>, keyof RecipeVariantsProps<V>> & RecipeVariantsProps<V> & {
-    sx?: SprinklesProps;
-};
-
-export type { RecipeVariantsProps, UIComponent };

package/dist/utils/index.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _createStarExport(obj) { Object.keys(obj) .filter((key) => key !== "default" && key !== "__esModule") .forEach((key) => { if (exports.hasOwnProperty(key)) { return; } Object.defineProperty(exports, key, {enumerable: true, configurable: true, get: () => obj[key]}); }); }var _sprinklesUtils = require('./sprinklesUtils'); _createStarExport(_sprinklesUtils);
-//# sourceMappingURL=index.cjs.map

package/dist/utils/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,ubAAc","file":"/home/runner/work/react-kits/react-kits/packages/ui/dist/utils/index.cjs","sourcesContent":["export * from './sprinklesUtils';\n"]}

package/dist/utils/index.d.cts

@@ -1,2 +0,0 @@
-export { filterSprinkles, omitSprinkles } from './sprinklesUtils.cjs';
-import '../styles/sprinkles.css.cjs';

package/dist/utils/sprinklesUtils.cjs

@@ -1,24 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _styles = require('#styles');
-const filterSprinkles = (props) => {
-  const result = {};
-  for (const key in props) {
-    if (_styles.sprinkles.properties.has(key)) {
-      result[key] = props[key];
-    }
-  }
-  return result;
-};
-const omitSprinkles = (props) => {
-  const result = {};
-  for (const key in props) {
-    if (!_styles.sprinkles.properties.has(key)) {
-      result[key] = props[key];
-    }
-  }
-  return result;
-};
-
-
-
-exports.filterSprinkles = filterSprinkles; exports.omitSprinkles = omitSprinkles;
-//# sourceMappingURL=sprinklesUtils.cjs.map

package/dist/utils/sprinklesUtils.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/utils/sprinklesUtils.ts","/home/runner/work/react-kits/react-kits/packages/ui/dist/utils/sprinklesUtils.cjs"],"names":[],"mappings":"AAAA,0GAA0B;AAKnB,MAAM,gBAAA,EAAkB,CAAC,KAAA,EAAA,GAAsC;AACpE,EAAA,MAAM,OAAA,EAAS,CAAC,CAAA;AAEhB,EAAA,IAAA,CAAA,MAAW,IAAA,GAAO,KAAA,EAAO;AACvB,IAAA,GAAA,CAAI,iBAAA,CAAU,UAAA,CAAW,GAAA,CAAI,GAAmB,CAAA,EAAG;AACjD,MAAA,MAAA,CAAO,GAAmB,EAAA,EAAI,KAAA,CAAM,GAAG,CAAA;AAAA,IACzC;AAAA,EACF;AAEA,EAAA,OAAO,MAAA;AACT,CAAA;AAEO,MAAM,cAAA,EAAgB,CAAC,KAAA,EAAA,GAAsC;AAClE,EAAA,MAAM,OAAA,EAAS,CAAC,CAAA;AAEhB,EAAA,IAAA,CAAA,MAAW,IAAA,GAAO,KAAA,EAAO;AACvB,IAAA,GAAA,CAAI,CAAC,iBAAA,CAAU,UAAA,CAAW,GAAA,CAAI,GAAmB,CAAA,EAAG;AAClD,MAAA,MAAA,CAAO,GAAmB,EAAA,EAAI,KAAA,CAAM,GAAG,CAAA;AAAA,IACzC;AAAA,EACF;AAEA,EAAA,OAAO,MAAA;AACT,CAAA;ACRA;AACE;AACA;AACF,iFAAC","file":"/home/runner/work/react-kits/react-kits/packages/ui/dist/utils/sprinklesUtils.cjs","sourcesContent":["import { sprinkles } from '#styles';\n\ntype SprinklesKey =\n  typeof sprinkles.properties extends Set<infer U> ? U : never;\n\nexport const filterSprinkles = (props: { [key: string]: unknown }) => {\n  const result = {} as { [key in SprinklesKey]: unknown };\n\n  for (const key in props) {\n    if (sprinkles.properties.has(key as SprinklesKey)) {\n      result[key as SprinklesKey] = props[key];\n    }\n  }\n\n  return result as Parameters<typeof sprinkles>[0];\n};\n\nexport const omitSprinkles = (props: { [key: string]: unknown }) => {\n  const result = {} as { [key: string]: unknown };\n\n  for (const key in props) {\n    if (!sprinkles.properties.has(key as SprinklesKey)) {\n      result[key as SprinklesKey] = props[key];\n    }\n  }\n\n  return result;\n};\n",null]}

package/dist/utils/sprinklesUtils.d.cts

@@ -1,12 +0,0 @@
-import { sprinkles } from '../styles/sprinkles.css.cjs';
-
-declare const filterSprinkles: (props: {
-    [key: string]: unknown;
-}) => Parameters<typeof sprinkles>[0];
-declare const omitSprinkles: (props: {
-    [key: string]: unknown;
-}) => {
-    [key: string]: unknown;
-};
-
-export { filterSprinkles, omitSprinkles };

package/dist/utils/styleUtils.css.cjs

@@ -1,65 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _css = require('@vanilla-extract/css');
-var _recipes = require('@vanilla-extract/recipes');
-var _styles = require('#styles');
-const styleWithLayer = (rule, layer = _styles.componentsLayer) => {
-  if (Array.isArray(rule)) {
-    return rule.map((ruleItem) => {
-      if (typeof ruleItem === "string") {
-        return ruleItem;
-      }
-      return _css.style.call(void 0, { "@layer": { [layer]: ruleItem } });
-    }).join(" ");
-  } else if (typeof rule === "string") {
-    return rule;
-  }
-  return _css.style.call(void 0, { "@layer": { [layer]: rule } });
-};
-const recipeWithLayer = (options, layer = _styles.componentsLayer) => {
-  const { base, compoundVariants, defaultVariants, variants } = options;
-  let layeredBase;
-  if (base) {
-    if (typeof base === "string") {
-      layeredBase = base;
-    } else if (Array.isArray(base)) {
-      layeredBase = base.map((rule) => {
-        if (typeof rule === "string") {
-          return rule;
-        }
-        if (Array.isArray(rule)) {
-          return rule.join(" ");
-        }
-        return _css.style.call(void 0, { "@layer": { [layer]: rule } });
-      }).join(" ");
-    } else {
-      layeredBase = _css.style.call(void 0, { "@layer": { [layer]: base } });
-    }
-  }
-  let layeredVariants;
-  if (variants) {
-    layeredVariants = Object.entries(variants).reduce(
-      (prev, [variantKey, variantValue]) => {
-        return {
-          ...prev,
-          [variantKey]: Object.entries(variantValue).reduce(
-            (prev2, [key, value]) => {
-              return { ...prev2, [key]: styleWithLayer(value, layer) };
-            },
-            {}
-          )
-        };
-      },
-      {}
-    );
-  }
-  return _recipes.recipe.call(void 0, {
-    base: layeredBase,
-    compoundVariants,
-    defaultVariants,
-    variants: layeredVariants
-  });
-};
-
-
-
-exports.recipeWithLayer = recipeWithLayer; exports.styleWithLayer = styleWithLayer;
-//# sourceMappingURL=styleUtils.css.cjs.map

package/dist/utils/styleUtils.css.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/utils/styleUtils.css.ts","/home/runner/work/react-kits/react-kits/packages/ui/dist/utils/styleUtils.css.cjs"],"names":["prev"],"mappings":"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","file":"/home/runner/work/react-kits/react-kits/packages/ui/dist/utils/styleUtils.css.cjs","sourcesContent":["import { style, type StyleRule } from '@vanilla-extract/css';\nimport { recipe } from '@vanilla-extract/recipes';\n\nimport { componentsLayer } from '#styles';\n\ntype StyleRuleWithoutLayer =\n  | Omit<StyleRule, '@layer'>\n  | string\n  | (Omit<StyleRule, '@layer'> | string)[];\ntype RecipeStyleRuleWithoutLayer =\n  | Omit<StyleRule, '@layer'>\n  | string\n  | (Omit<StyleRule, '@layer'> | string)[];\ntype VariantDefinitions = Record<string, RecipeStyleRuleWithoutLayer>;\ntype BooleanMap<T> = T extends 'true' | 'false' ? boolean : T;\ntype VariantGroups = Record<string, VariantDefinitions>;\ntype VariantSelection<Variants extends VariantGroups> = {\n  [VariantGroup in keyof Variants]?:\n    | BooleanMap<keyof Variants[VariantGroup]>\n    | undefined;\n};\n\ninterface CompoundVariant<Variants extends VariantGroups> {\n  variants: VariantSelection<Variants>;\n  style: RecipeStyleRuleWithoutLayer;\n}\ntype PatternOptions<Variants extends VariantGroups> = {\n  base?: RecipeStyleRuleWithoutLayer;\n  variants?: Variants;\n  defaultVariants?: VariantSelection<Variants>;\n  compoundVariants?: Array<CompoundVariant<Variants>>;\n};\n\nexport const styleWithLayer = (\n  rule: StyleRuleWithoutLayer,\n  layer: string = componentsLayer,\n) => {\n  if (Array.isArray(rule)) {\n    return rule\n      .map((ruleItem) => {\n        if (typeof ruleItem === 'string') {\n          return ruleItem;\n        }\n        return style({ '@layer': { [layer]: ruleItem } });\n      })\n      .join(' ');\n  } else if (typeof rule === 'string') {\n    return rule;\n  }\n\n  return style({ '@layer': { [layer]: rule } });\n};\n\nexport const recipeWithLayer = <Variants extends VariantGroups>(\n  options: PatternOptions<Variants>,\n  layer: string = componentsLayer,\n) => {\n  const { base, compoundVariants, defaultVariants, variants } = options;\n\n  let layeredBase: RecipeStyleRuleWithoutLayer | undefined;\n\n  if (base) {\n    if (typeof base === 'string') {\n      layeredBase = base;\n    } else if (Array.isArray(base)) {\n      layeredBase = base\n        .map((rule) => {\n          if (typeof rule === 'string') {\n            return rule;\n          }\n\n          if (Array.isArray(rule)) {\n            return rule.join(' ');\n          }\n\n          return style({ '@layer': { [layer]: rule } });\n        })\n        .join(' ');\n    } else {\n      layeredBase = style({ '@layer': { [layer]: base } });\n    }\n  }\n\n  let layeredVariants: Variants | undefined;\n\n  if (variants) {\n    layeredVariants = Object.entries(variants).reduce(\n      (prev, [variantKey, variantValue]) => {\n        return {\n          ...prev,\n          [variantKey]: Object.entries(variantValue).reduce(\n            (prev, [key, value]) => {\n              return { ...prev, [key]: styleWithLayer(value, layer) };\n            },\n            {},\n          ),\n        };\n      },\n      {} as Variants,\n    );\n  }\n\n  return recipe({\n    base: layeredBase,\n    compoundVariants,\n    defaultVariants,\n    variants: layeredVariants,\n  });\n};\n",null]}

package/dist/utils/styleUtils.css.d.cts

@@ -1,25 +0,0 @@
-import * as _vanilla_extract_recipes from '@vanilla-extract/recipes';
-import { StyleRule } from '@vanilla-extract/css';
-
-type StyleRuleWithoutLayer = Omit<StyleRule, '@layer'> | string | (Omit<StyleRule, '@layer'> | string)[];
-type RecipeStyleRuleWithoutLayer = Omit<StyleRule, '@layer'> | string | (Omit<StyleRule, '@layer'> | string)[];
-type VariantDefinitions = Record<string, RecipeStyleRuleWithoutLayer>;
-type BooleanMap<T> = T extends 'true' | 'false' ? boolean : T;
-type VariantGroups = Record<string, VariantDefinitions>;
-type VariantSelection<Variants extends VariantGroups> = {
-    [VariantGroup in keyof Variants]?: BooleanMap<keyof Variants[VariantGroup]> | undefined;
-};
-interface CompoundVariant<Variants extends VariantGroups> {
-    variants: VariantSelection<Variants>;
-    style: RecipeStyleRuleWithoutLayer;
-}
-type PatternOptions<Variants extends VariantGroups> = {
-    base?: RecipeStyleRuleWithoutLayer;
-    variants?: Variants;
-    defaultVariants?: VariantSelection<Variants>;
-    compoundVariants?: Array<CompoundVariant<Variants>>;
-};
-declare const styleWithLayer: (rule: StyleRuleWithoutLayer, layer?: string) => string;
-declare const recipeWithLayer: <Variants extends VariantGroups>(options: PatternOptions<Variants>, layer?: string) => _vanilla_extract_recipes.RuntimeFn<Variants>;
-
-export { recipeWithLayer, styleWithLayer };