@hypergood/css-core 0.0.4 → 0.1.0

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 { CSSProperties, CSSValue } 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;;;ACaO,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,51 @@
-declare function css(styleObject: any): string;
-declare function keyframes(styleObject: any): string;
+import * as CSS from 'csstype';
+
+/**
+ * A value allowed inside a {@link CSSProperties} object: a string, a number, an
+ * array of strings/numbers (e.g. for fallback values), or a nested
+ * {@link CSSProperties} object (e.g. for selectors, media queries, or
+ * at-rules).
+ */
+type CSSValue = string | number | Array<string | number> | CSSProperties;
+/**
+ * The value type for a *known* CSS property.
+ *
+ * We deliberately do NOT union in a bare `string` here: csstype's own property
+ * types already permit any string via the `(string & {})` trick, which keeps
+ * the literal value suggestions (e.g. `"center"` for `alignItems`) visible in
+ * IntelliSense. Adding a bare `string` would collapse that union and suppress
+ * the autocomplete. We still allow numbers, fallback arrays, and nested objects.
+ */
+type KnownCSSValue<K extends keyof CSS.Properties> = CSS.Properties[K] | number | Array<string | number> | CSSProperties;
+/**
+ * The shape of the style objects passed to `css()`, `variants()`, and
+ * `styled()`.
+ *
+ * Known camelCase CSS properties (sourced from `csstype`) offer autocomplete
+ * for both the property name and its value, but any other key is accepted
+ * without a type error so that selectors, media queries, custom properties, and
+ * other arbitrary keys can be used freely.
+ */
+type CSSProperties = {
+    [K in keyof CSS.Properties]?: KnownCSSValue<K>;
+} & {
+    [key: string]: CSSValue;
+};
+
+/**
+ * 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 CSSProperties, type CSSValue, type StyledStyleObject, css, keyframes, mergeClassNames, styled, variants };

package/dist/index.d.ts

@@ -1,5 +1,51 @@
-declare function css(styleObject: any): string;
-declare function keyframes(styleObject: any): string;
+import * as CSS from 'csstype';
+
+/**
+ * A value allowed inside a {@link CSSProperties} object: a string, a number, an
+ * array of strings/numbers (e.g. for fallback values), or a nested
+ * {@link CSSProperties} object (e.g. for selectors, media queries, or
+ * at-rules).
+ */
+type CSSValue = string | number | Array<string | number> | CSSProperties;
+/**
+ * The value type for a *known* CSS property.
+ *
+ * We deliberately do NOT union in a bare `string` here: csstype's own property
+ * types already permit any string via the `(string & {})` trick, which keeps
+ * the literal value suggestions (e.g. `"center"` for `alignItems`) visible in
+ * IntelliSense. Adding a bare `string` would collapse that union and suppress
+ * the autocomplete. We still allow numbers, fallback arrays, and nested objects.
+ */
+type KnownCSSValue<K extends keyof CSS.Properties> = CSS.Properties[K] | number | Array<string | number> | CSSProperties;
+/**
+ * The shape of the style objects passed to `css()`, `variants()`, and
+ * `styled()`.
+ *
+ * Known camelCase CSS properties (sourced from `csstype`) offer autocomplete
+ * for both the property name and its value, but any other key is accepted
+ * without a type error so that selectors, media queries, custom properties, and
+ * other arbitrary keys can be used freely.
+ */
+type CSSProperties = {
+    [K in keyof CSS.Properties]?: KnownCSSValue<K>;
+} & {
+    [key: string]: CSSValue;
+};
+
+/**
+ * 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 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 { CSSProperties, CSSValue } 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":";AAaO,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":[]}