@hypergood/css-core 0.0.4 → 0.1.1

package/dist/index.cjs

@@ -22,7 +22,9 @@ var index_exports = {};
 __export(index_exports, {
   css: () => css,
   keyframes: () => keyframes,
-  mergeClassNames: () => mergeClassNames
+  mergeClassNames: () => mergeClassNames,
+  styled: () => styled,
+  variants: () => variants
 });
 module.exports = __toCommonJS(index_exports);
 
@@ -33,6 +35,12 @@ function css(styleObject) {
 function keyframes(styleObject) {
   throw new Error("RAHHH");
 }
+function styled(component, styleObject) {
+  throw new Error("RAHHH");
+}
+function variants(variantsObject) {
+  throw new Error("RAHHH");
+}
 function mergeClassNames(classNames) {
   let cleanNames = classNames.filter((element) => typeof element === "string").join(" ").split(/\s+/);
   let classMap = /* @__PURE__ */ Object.create(null);
@@ -49,6 +57,8 @@ function mergeClassNames(classNames) {
 0 && (module.exports = {
   css,
   keyframes,
-  mergeClassNames
+  mergeClassNames,
+  styled,
+  variants
 });
 //# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts","../src/runtime.ts"],"sourcesContent":["export * from \"./runtime.js\";\n","export function css(styleObject: any): string {\n  throw new Error(\"RAHHH\");\n}\n\nexport function keyframes(styleObject: any): string {\n  throw new Error(\"RAHHH\");\n}\n\nexport function mergeClassNames(\n  classNames: Array<string | boolean | null | undefined>,\n): string {\n  let cleanNames = classNames\n    .filter((element) => typeof element === \"string\")\n    .join(\" \")\n    .split(/\\s+/);\n\n  let classMap = Object.create(null) as Record<string, string>;\n  for (let className of cleanNames) {\n    if (className.startsWith(\"x\") && className.includes(\"-\")) {\n      classMap[className.split(\"-\")[0]!] = className;\n    } else {\n      classMap[className] = className;\n    }\n  }\n\n  return Object.values(classMap).join(\" \");\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAO,SAAS,IAAI,aAA0B;AAC5C,QAAM,IAAI,MAAM,OAAO;AACzB;AAEO,SAAS,UAAU,aAA0B;AAClD,QAAM,IAAI,MAAM,OAAO;AACzB;AAEO,SAAS,gBACd,YACQ;AACR,MAAI,aAAa,WACd,OAAO,CAAC,YAAY,OAAO,YAAY,QAAQ,EAC/C,KAAK,GAAG,EACR,MAAM,KAAK;AAEd,MAAI,WAAW,uBAAO,OAAO,IAAI;AACjC,WAAS,aAAa,YAAY;AAChC,QAAI,UAAU,WAAW,GAAG,KAAK,UAAU,SAAS,GAAG,GAAG;AACxD,eAAS,UAAU,MAAM,GAAG,EAAE,CAAC,CAAE,IAAI;AAAA,IACvC,OAAO;AACL,eAAS,SAAS,IAAI;AAAA,IACxB;AAAA,EACF;AAEA,SAAO,OAAO,OAAO,QAAQ,EAAE,KAAK,GAAG;AACzC;","names":[]}
+{"version":3,"sources":["../src/index.ts","../src/runtime.ts"],"sourcesContent":["export * from \"./runtime.js\";\n","import type { CSSProperties } from \"./css-properties.js\";\n\nexport type {\n  CSSProp,\n  CSSProperties,\n  CSSPropItem,\n  CSSValue,\n} from \"./css-properties.js\";\n\n/**\n * The style object accepted by `styled()`: top-level CSS properties plus the\n * optional `variants` and `defaultVariants` keys.\n */\nexport type StyledStyleObject = CSSProperties & {\n  variants?: Record<string, Record<string, CSSProperties>>;\n  defaultVariants?: Record<string, string | number | boolean>;\n};\n\nexport function css(styleObject: CSSProperties): string {\n  throw new Error(\"RAHHH\");\n}\n\nexport function keyframes(styleObject: Record<string, CSSProperties>): string {\n  throw new Error(\"RAHHH\");\n}\n\nexport function styled(component: any, styleObject: StyledStyleObject): any {\n  throw new Error(\"RAHHH\");\n}\n\nexport function variants<\n  T extends Record<string, Record<string, CSSProperties>>,\n>(variantsObject: T): { [K in keyof T]: string } {\n  throw new Error(\"RAHHH\");\n}\n\nexport function mergeClassNames(\n  classNames: Array<string | boolean | null | undefined>,\n): string {\n  let cleanNames = classNames\n    .filter((element) => typeof element === \"string\")\n    .join(\" \")\n    .split(/\\s+/);\n\n  let classMap = Object.create(null) as Record<string, string>;\n  for (let className of cleanNames) {\n    if (className.startsWith(\"x\") && className.includes(\"-\")) {\n      classMap[className.split(\"-\")[0]!] = className;\n    } else {\n      classMap[className] = className;\n    }\n  }\n\n  return Object.values(classMap).join(\" \");\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACkBO,SAAS,IAAI,aAAoC;AACtD,QAAM,IAAI,MAAM,OAAO;AACzB;AAEO,SAAS,UAAU,aAAoD;AAC5E,QAAM,IAAI,MAAM,OAAO;AACzB;AAEO,SAAS,OAAO,WAAgB,aAAqC;AAC1E,QAAM,IAAI,MAAM,OAAO;AACzB;AAEO,SAAS,SAEd,gBAA+C;AAC/C,QAAM,IAAI,MAAM,OAAO;AACzB;AAEO,SAAS,gBACd,YACQ;AACR,MAAI,aAAa,WACd,OAAO,CAAC,YAAY,OAAO,YAAY,QAAQ,EAC/C,KAAK,GAAG,EACR,MAAM,KAAK;AAEd,MAAI,WAAW,uBAAO,OAAO,IAAI;AACjC,WAAS,aAAa,YAAY;AAChC,QAAI,UAAU,WAAW,GAAG,KAAK,UAAU,SAAS,GAAG,GAAG;AACxD,eAAS,UAAU,MAAM,GAAG,EAAE,CAAC,CAAE,IAAI;AAAA,IACvC,OAAO;AACL,eAAS,SAAS,IAAI;AAAA,IACxB;AAAA,EACF;AAEA,SAAO,OAAO,OAAO,QAAQ,EAAE,KAAK,GAAG;AACzC;","names":[]}

package/dist/index.d.cts

@@ -1,5 +1,29 @@
-declare function css(styleObject: any): string;
-declare function keyframes(styleObject: any): string;
+import * as CSS from 'csstype';
+
+type CSSValue = string | number | Array<string | number> | CSSProperties;
+type KnownCSSValue<K extends keyof CSS.Properties> = CSS.Properties[K] | number | Array<string | number> | CSSProperties;
+type CSSProperties = {
+    [K in keyof CSS.Properties]?: KnownCSSValue<K>;
+} & {
+    [key: string]: CSSValue;
+};
+type CSSPropItem = string | boolean | CSSProperties | null | undefined;
+type CSSProp = CSSPropItem | CSSPropItem[];
+
+/**
+ * The style object accepted by `styled()`: top-level CSS properties plus the
+ * optional `variants` and `defaultVariants` keys.
+ */
+type StyledStyleObject = CSSProperties & {
+    variants?: Record<string, Record<string, CSSProperties>>;
+    defaultVariants?: Record<string, string | number | boolean>;
+};
+declare function css(styleObject: CSSProperties): string;
+declare function keyframes(styleObject: Record<string, CSSProperties>): string;
+declare function styled(component: any, styleObject: StyledStyleObject): any;
+declare function variants<T extends Record<string, Record<string, CSSProperties>>>(variantsObject: T): {
+    [K in keyof T]: string;
+};
 declare function mergeClassNames(classNames: Array<string | boolean | null | undefined>): string;
 
-export { css, keyframes, mergeClassNames };
+export { type CSSProp, type CSSPropItem, type CSSProperties, type CSSValue, type StyledStyleObject, css, keyframes, mergeClassNames, styled, variants };

package/dist/index.d.ts

@@ -1,5 +1,29 @@
-declare function css(styleObject: any): string;
-declare function keyframes(styleObject: any): string;
+import * as CSS from 'csstype';
+
+type CSSValue = string | number | Array<string | number> | CSSProperties;
+type KnownCSSValue<K extends keyof CSS.Properties> = CSS.Properties[K] | number | Array<string | number> | CSSProperties;
+type CSSProperties = {
+    [K in keyof CSS.Properties]?: KnownCSSValue<K>;
+} & {
+    [key: string]: CSSValue;
+};
+type CSSPropItem = string | boolean | CSSProperties | null | undefined;
+type CSSProp = CSSPropItem | CSSPropItem[];
+
+/**
+ * The style object accepted by `styled()`: top-level CSS properties plus the
+ * optional `variants` and `defaultVariants` keys.
+ */
+type StyledStyleObject = CSSProperties & {
+    variants?: Record<string, Record<string, CSSProperties>>;
+    defaultVariants?: Record<string, string | number | boolean>;
+};
+declare function css(styleObject: CSSProperties): string;
+declare function keyframes(styleObject: Record<string, CSSProperties>): string;
+declare function styled(component: any, styleObject: StyledStyleObject): any;
+declare function variants<T extends Record<string, Record<string, CSSProperties>>>(variantsObject: T): {
+    [K in keyof T]: string;
+};
 declare function mergeClassNames(classNames: Array<string | boolean | null | undefined>): string;
 
-export { css, keyframes, mergeClassNames };
+export { type CSSProp, type CSSPropItem, type CSSProperties, type CSSValue, type StyledStyleObject, css, keyframes, mergeClassNames, styled, variants };

package/dist/index.js

@@ -5,6 +5,12 @@ function css(styleObject) {
 function keyframes(styleObject) {
   throw new Error("RAHHH");
 }
+function styled(component, styleObject) {
+  throw new Error("RAHHH");
+}
+function variants(variantsObject) {
+  throw new Error("RAHHH");
+}
 function mergeClassNames(classNames) {
   let cleanNames = classNames.filter((element) => typeof element === "string").join(" ").split(/\s+/);
   let classMap = /* @__PURE__ */ Object.create(null);
@@ -20,6 +26,8 @@ function mergeClassNames(classNames) {
 export {
   css,
   keyframes,
-  mergeClassNames
+  mergeClassNames,
+  styled,
+  variants
 };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/runtime.ts"],"sourcesContent":["export function css(styleObject: any): string {\n  throw new Error(\"RAHHH\");\n}\n\nexport function keyframes(styleObject: any): string {\n  throw new Error(\"RAHHH\");\n}\n\nexport function mergeClassNames(\n  classNames: Array<string | boolean | null | undefined>,\n): string {\n  let cleanNames = classNames\n    .filter((element) => typeof element === \"string\")\n    .join(\" \")\n    .split(/\\s+/);\n\n  let classMap = Object.create(null) as Record<string, string>;\n  for (let className of cleanNames) {\n    if (className.startsWith(\"x\") && className.includes(\"-\")) {\n      classMap[className.split(\"-\")[0]!] = className;\n    } else {\n      classMap[className] = className;\n    }\n  }\n\n  return Object.values(classMap).join(\" \");\n}\n"],"mappings":";AAAO,SAAS,IAAI,aAA0B;AAC5C,QAAM,IAAI,MAAM,OAAO;AACzB;AAEO,SAAS,UAAU,aAA0B;AAClD,QAAM,IAAI,MAAM,OAAO;AACzB;AAEO,SAAS,gBACd,YACQ;AACR,MAAI,aAAa,WACd,OAAO,CAAC,YAAY,OAAO,YAAY,QAAQ,EAC/C,KAAK,GAAG,EACR,MAAM,KAAK;AAEd,MAAI,WAAW,uBAAO,OAAO,IAAI;AACjC,WAAS,aAAa,YAAY;AAChC,QAAI,UAAU,WAAW,GAAG,KAAK,UAAU,SAAS,GAAG,GAAG;AACxD,eAAS,UAAU,MAAM,GAAG,EAAE,CAAC,CAAE,IAAI;AAAA,IACvC,OAAO;AACL,eAAS,SAAS,IAAI;AAAA,IACxB;AAAA,EACF;AAEA,SAAO,OAAO,OAAO,QAAQ,EAAE,KAAK,GAAG;AACzC;","names":[]}
+{"version":3,"sources":["../src/runtime.ts"],"sourcesContent":["import type { CSSProperties } from \"./css-properties.js\";\n\nexport type {\n  CSSProp,\n  CSSProperties,\n  CSSPropItem,\n  CSSValue,\n} from \"./css-properties.js\";\n\n/**\n * The style object accepted by `styled()`: top-level CSS properties plus the\n * optional `variants` and `defaultVariants` keys.\n */\nexport type StyledStyleObject = CSSProperties & {\n  variants?: Record<string, Record<string, CSSProperties>>;\n  defaultVariants?: Record<string, string | number | boolean>;\n};\n\nexport function css(styleObject: CSSProperties): string {\n  throw new Error(\"RAHHH\");\n}\n\nexport function keyframes(styleObject: Record<string, CSSProperties>): string {\n  throw new Error(\"RAHHH\");\n}\n\nexport function styled(component: any, styleObject: StyledStyleObject): any {\n  throw new Error(\"RAHHH\");\n}\n\nexport function variants<\n  T extends Record<string, Record<string, CSSProperties>>,\n>(variantsObject: T): { [K in keyof T]: string } {\n  throw new Error(\"RAHHH\");\n}\n\nexport function mergeClassNames(\n  classNames: Array<string | boolean | null | undefined>,\n): string {\n  let cleanNames = classNames\n    .filter((element) => typeof element === \"string\")\n    .join(\" \")\n    .split(/\\s+/);\n\n  let classMap = Object.create(null) as Record<string, string>;\n  for (let className of cleanNames) {\n    if (className.startsWith(\"x\") && className.includes(\"-\")) {\n      classMap[className.split(\"-\")[0]!] = className;\n    } else {\n      classMap[className] = className;\n    }\n  }\n\n  return Object.values(classMap).join(\" \");\n}\n"],"mappings":";AAkBO,SAAS,IAAI,aAAoC;AACtD,QAAM,IAAI,MAAM,OAAO;AACzB;AAEO,SAAS,UAAU,aAAoD;AAC5E,QAAM,IAAI,MAAM,OAAO;AACzB;AAEO,SAAS,OAAO,WAAgB,aAAqC;AAC1E,QAAM,IAAI,MAAM,OAAO;AACzB;AAEO,SAAS,SAEd,gBAA+C;AAC/C,QAAM,IAAI,MAAM,OAAO;AACzB;AAEO,SAAS,gBACd,YACQ;AACR,MAAI,aAAa,WACd,OAAO,CAAC,YAAY,OAAO,YAAY,QAAQ,EAC/C,KAAK,GAAG,EACR,MAAM,KAAK;AAEd,MAAI,WAAW,uBAAO,OAAO,IAAI;AACjC,WAAS,aAAa,YAAY;AAChC,QAAI,UAAU,WAAW,GAAG,KAAK,UAAU,SAAS,GAAG,GAAG;AACxD,eAAS,UAAU,MAAM,GAAG,EAAE,CAAC,CAAE,IAAI;AAAA,IACvC,OAAO;AACL,eAAS,SAAS,IAAI;AAAA,IACxB;AAAA,EACF;AAEA,SAAO,OAAO,OAAO,QAAQ,EAAE,KAAK,GAAG;AACzC;","names":[]}