@aic-kits/react 0.16.8 → 0.17.0

package/dist/utils/responsiveness.d.ts

@@ -33,6 +33,7 @@ export type ResponsiveValue<T> = Omit<Partial<Record<ResponsiveKey, T>>, 'xs'> &
  * @public
  */
 export type WithResponsiveValue<T> = T | ResponsiveValue<T>;
+export type NonResponsiveValue<T> = T extends WithResponsiveValue<infer U> ? U : T;
 /**
  * A higher-order type that converts a record of values to a record of responsive values.
  * @public
@@ -55,6 +56,34 @@ export declare const isResponsiveValue: <T>(value: WithResponsiveValue<T>) => va
  * @returns The transformed value.
  */
 export declare const transformResponsiveValue: <SourceType, TargetType>(value: WithResponsiveValue<SourceType>, transform: (value: SourceType) => TargetType) => WithResponsiveValue<TargetType>;
+/**
+ * Transposes a record of responsive values.
+ * @public
+ * @param obj - The object to transpose.
+ * @returns The transposed object.
+ * @example
+ * ```ts
+ * const obj = {
+ *   xs: {
+ *     fontSize: 10,
+ *   },
+ *   sm: {
+ *     fontSize: 20,
+ *   },
+ * };
+ * const transposedObj = transposeObject(obj);
+ * // { fontSize: { xs: 10, sm: 20 } }
+ * ```
+ */
+export declare const transposeObject: <SourceValueType extends Record<string, Record<string, unknown>>, TargetValueType extends Record<string, Record<string, unknown>>>(obj: SourceValueType) => TargetValueType;
+/**
+ * Infer responsive values from a record of values.
+ * @public
+ * @param values - The values to infer responsive values from.
+ * @param transform - The transform function.
+ * @returns The inferred responsive values.
+ */
+export declare const inferResponsiveValues: <SourceTransformValuesType, TargetTransformValuesType, SourceValuesType extends { [K in keyof SourceTransformValuesType]: WithResponsiveValue<SourceTransformValuesType[K]>; } = { [K in keyof SourceTransformValuesType]: WithResponsiveValue<SourceTransformValuesType[K]>; }, TargetValuesType extends { [K in keyof TargetTransformValuesType]: { [P in ResponsiveKey]: TargetTransformValuesType[K]; }; } = { [K in keyof TargetTransformValuesType]: { [P in ResponsiveKey]: TargetTransformValuesType[K]; }; }>(values: SourceValuesType, infer: (values: SourceTransformValuesType) => TargetTransformValuesType) => TargetValuesType;
 /**
  * Gets the responsive value for a given breakpoint.
  * @public
@@ -68,8 +97,37 @@ export declare const getResponsiveValue: <T>(value: WithResponsiveValue<T>, brea
  * @public
  * @param responsiveValue - The responsive value to populate.
  * @returns The populated responsive value.
+ * @example
+ * ```ts
+ * const responsiveValue = {
+ *   xs: 10,
+ *   md: 30,
+ *   xl: 50,
+ * };
+ * const populatedResponsiveValue = populateResponsiveValue(responsiveValue);
+ * // { xs: 10, sm: 10, md: 30, lg: 30, xl: 50 }
+ * ```
+ */
+export declare const populateResponsiveValue: <T>(responsiveValue: WithResponsiveValue<T>) => Record<ResponsiveKey, T>;
+/**
+ * Reduces a responsive value to a single value.
+ * @public
+ * @param responsiveValue - The responsive value to reduce.
+ * @returns The reduced responsive value.
+ * @example
+ * ```ts
+ * const responsiveValue = {
+ *   xs: 10,
+ *   sm: 10,
+ *   md: 30,
+ *   lg: 30,
+ *   xl: 50,
+ * };
+ * const reducedResponsiveValue = reduceResponsiveValue(responsiveValue);
+ * // { xs: 10, md: 30, xl: 50 }
+ * ```
  */
-export declare const populateResponsiveValue: <T extends object>(responsiveValue: WithResponsiveValue<T>) => Record<ResponsiveKey, T>;
+export declare const reduceResponsiveValue: <T>(responsiveValue: Record<ResponsiveKey, T>) => WithResponsiveValue<T>;
 /**
  * Generates responsive styles for a given object.
  * @public

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aic-kits/react",
-  "version": "0.16.8",
+  "version": "0.17.0",
   "type": "module",
   "license": "MIT",
   "publishConfig": {
@@ -46,5 +46,5 @@
     "vite-plugin-dts": "^4.3.0",
     "vitest": "^2.1.8"
   },
-  "gitHead": "57f3c32c4a2f81beb6f4fb4ec32f85dfeabc53c3"
+  "gitHead": "f93460af34343f41c04e85c478f7a20104b86db7"
 }