@jfdevelops/react-layout 0.1.1

package/dist/resource.cjs

@@ -0,0 +1,29 @@
+
+//#region src/resource.ts
+function normalizeResourceTree(resource) {
+	if (typeof resource === "string") return { [resource]: { subResources: {} } };
+	const { value, subResources } = resource;
+	return { [value]: { subResources: normalizeResourcesTree(subResources) } };
+}
+function normalizeResourcesTree(resources) {
+	const normalizedResources = {};
+	for (const resource of resources) Object.assign(normalizedResources, normalizeResourceTree(resource));
+	return normalizedResources;
+}
+function normalizeResource(resource) {
+	return normalizeResourceTree(resource);
+}
+function normalizeResources(resources) {
+	return normalizeResourcesTree(resources);
+}
+function toResourceEnum(resources) {
+	const keys = Object.keys(resources);
+	if (keys.length === 0) throw new Error("No resources provided");
+	return keys;
+}
+
+//#endregion
+exports.normalizeResource = normalizeResource;
+exports.normalizeResources = normalizeResources;
+exports.toResourceEnum = toResourceEnum;
+//# sourceMappingURL=resource.cjs.map

package/dist/resource.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"resource.cjs","names":[],"sources":["../src/resource.ts"],"sourcesContent":["import { ReactNode } from 'react';\r\nimport { NonEmptyReadonlyArray } from './create-value';\r\nimport { MergeIntersection, UnionToIntersection } from './utils';\r\n\r\nexport type ResourceDefinition =\r\n  | string\r\n  | {\r\n      value: string;\r\n      subResources: ReadonlyArray<\r\n        ResourceDefinition & {\r\n          /**\r\n           * Whether to allow any string as a sub resource.\r\n           *\r\n           * @default false\r\n           */\r\n          allowAnyString?: boolean;\r\n        }\r\n      >;\r\n    };\r\n\r\nexport type ResourceTree = Record<\r\n  string,\r\n  {\r\n    subResources: ResourceTree;\r\n  }\r\n>;\r\n\r\nexport type NormalizeResource<Resource extends ResourceDefinition> =\r\n  Resource extends string\r\n    ? {\r\n        [Key in Resource]: {\r\n          subResources: {};\r\n        };\r\n      }\r\n    : Resource extends {\r\n          value: infer Value extends string;\r\n          subResources: infer SubResources extends\r\n            ReadonlyArray<ResourceDefinition>;\r\n        }\r\n      ? {\r\n          [Key in Value]: {\r\n            subResources: NormalizeResources<SubResources>;\r\n          };\r\n        }\r\n      : never;\r\n\r\nexport type NormalizeResources<\r\n  Resources extends ReadonlyArray<ResourceDefinition>,\r\n> = MergeIntersection<\r\n  UnionToIntersection<NormalizeResource<Resources[number]>>\r\n>;\r\nexport type ResourceLayoutComponentProps = {\r\n  children: ReactNode;\r\n};\r\n\r\nfunction normalizeResourceTree(resource: ResourceDefinition): ResourceTree {\r\n  if (typeof resource === 'string') {\r\n    return {\r\n      [resource]: {\r\n        subResources: {},\r\n      },\r\n    };\r\n  }\r\n\r\n  const { value, subResources } = resource;\r\n\r\n  return {\r\n    [value]: {\r\n      subResources: normalizeResourcesTree(subResources),\r\n    },\r\n  };\r\n}\r\n\r\nfunction normalizeResourcesTree(\r\n  resources: ReadonlyArray<ResourceDefinition>,\r\n): ResourceTree {\r\n  const normalizedResources: ResourceTree = {};\r\n\r\n  for (const resource of resources) {\r\n    Object.assign(normalizedResources, normalizeResourceTree(resource));\r\n  }\r\n\r\n  return normalizedResources;\r\n}\r\n\r\nexport function normalizeResource(resource: ResourceDefinition): ResourceTree {\r\n  return normalizeResourceTree(resource);\r\n}\r\n\r\nexport function normalizeResources<\r\n  Resources extends ReadonlyArray<ResourceDefinition>,\r\n>(resources: Resources): NormalizeResources<Resources> {\r\n  return normalizeResourcesTree(resources) as NormalizeResources<Resources>;\r\n}\r\n\r\ntype ResourceDefinitionValue<Resource extends ResourceDefinition> =\r\n  Resource extends string\r\n    ? Resource\r\n    : Resource extends { value: infer Value extends string }\r\n      ? Value\r\n      : never;\r\n\r\n/**\r\n * Top-level resource names declared in a `resources` array. Preserves string\r\n * literal unions for const resource definitions (unlike `keyof` on the\r\n * normalized resource tree, which tends to widen to `string` in hovers).\r\n */\r\nexport type LayoutResourceKey<\r\n  Resources extends ReadonlyArray<ResourceDefinition>,\r\n> = ResourceDefinitionValue<Resources[number]>;\r\n\r\nexport type ResourceEnum<Resources extends ReadonlyArray<ResourceDefinition>> =\r\n  NonEmptyReadonlyArray<LayoutResourceKey<Resources>>;\r\nexport function toResourceEnum<\r\n  Resources extends ReadonlyArray<ResourceDefinition>,\r\n>(resources: NormalizeResources<Resources>) {\r\n  const keys = Object.keys(resources);\r\n\r\n  if (keys.length === 0) {\r\n    throw new Error('No resources provided');\r\n  }\r\n\r\n  return keys as unknown as ResourceEnum<Resources>;\r\n}\r\n"],"mappings":";;AAuDA,SAAS,sBAAsB,UAA4C;CACzE,IAAI,OAAO,aAAa,UACtB,OAAO,GACJ,WAAW,EACV,cAAc,CAAC,EACjB,EACF;CAGF,MAAM,EAAE,OAAO,iBAAiB;CAEhC,OAAO,GACJ,QAAQ,EACP,cAAc,uBAAuB,YAAY,EACnD,EACF;AACF;AAEA,SAAS,uBACP,WACc;CACd,MAAM,sBAAoC,CAAC;CAE3C,KAAK,MAAM,YAAY,WACrB,OAAO,OAAO,qBAAqB,sBAAsB,QAAQ,CAAC;CAGpE,OAAO;AACT;AAEA,SAAgB,kBAAkB,UAA4C;CAC5E,OAAO,sBAAsB,QAAQ;AACvC;AAEA,SAAgB,mBAEd,WAAqD;CACrD,OAAO,uBAAuB,SAAS;AACzC;AAoBA,SAAgB,eAEd,WAA0C;CAC1C,MAAM,OAAO,OAAO,KAAK,SAAS;CAElC,IAAI,KAAK,WAAW,GAClB,MAAM,IAAI,MAAM,uBAAuB;CAGzC,OAAO;AACT"}

package/dist/resource.d.cts

@@ -0,0 +1,47 @@
+import { NonEmptyReadonlyArray } from "./create-value.cjs";
+import { MergeIntersection, UnionToIntersection } from "./utils.cjs";
+import { ReactNode } from "react";
+
+//#region src/resource.d.ts
+type ResourceDefinition = string | {
+  value: string;
+  subResources: ReadonlyArray<ResourceDefinition & {
+    /**
+     * Whether to allow any string as a sub resource.
+     *
+     * @default false
+     */
+    allowAnyString?: boolean;
+  }>;
+};
+type ResourceTree = Record<string, {
+  subResources: ResourceTree;
+}>;
+type NormalizeResource<Resource extends ResourceDefinition> = Resource extends string ? { [Key in Resource]: {
+  subResources: {};
+} } : Resource extends {
+  value: infer Value extends string;
+  subResources: infer SubResources extends ReadonlyArray<ResourceDefinition>;
+} ? { [Key in Value]: {
+  subResources: NormalizeResources<SubResources>;
+} } : never;
+type NormalizeResources<Resources extends ReadonlyArray<ResourceDefinition>> = MergeIntersection<UnionToIntersection<NormalizeResource<Resources[number]>>>;
+type ResourceLayoutComponentProps = {
+  children: ReactNode;
+};
+declare function normalizeResource(resource: ResourceDefinition): ResourceTree;
+declare function normalizeResources<Resources extends ReadonlyArray<ResourceDefinition>>(resources: Resources): NormalizeResources<Resources>;
+type ResourceDefinitionValue<Resource extends ResourceDefinition> = Resource extends string ? Resource : Resource extends {
+  value: infer Value extends string;
+} ? Value : never;
+/**
+ * Top-level resource names declared in a `resources` array. Preserves string
+ * literal unions for const resource definitions (unlike `keyof` on the
+ * normalized resource tree, which tends to widen to `string` in hovers).
+ */
+type LayoutResourceKey<Resources extends ReadonlyArray<ResourceDefinition>> = ResourceDefinitionValue<Resources[number]>;
+type ResourceEnum<Resources extends ReadonlyArray<ResourceDefinition>> = NonEmptyReadonlyArray<LayoutResourceKey<Resources>>;
+declare function toResourceEnum<Resources extends ReadonlyArray<ResourceDefinition>>(resources: NormalizeResources<Resources>): ResourceEnum<Resources>;
+//#endregion
+export { LayoutResourceKey, NormalizeResource, NormalizeResources, ResourceDefinition, ResourceEnum, ResourceLayoutComponentProps, ResourceTree, normalizeResource, normalizeResources, toResourceEnum };
+//# sourceMappingURL=resource.d.cts.map

package/dist/resource.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resource.d.cts","names":[],"sources":["../src/resource.ts"],"mappings":";;;;;KAIY,kBAAA;EAGN,KAAA;EACA,YAAA,EAAc,aAAa,CACzB,kBAAA;IALsB;;;;;IAWpB,cAAA;EAAA;AAAA;AAAA,KAKE,YAAA,GAAe,MAAM;EAG7B,YAAA,EAAc,YAAA;AAAA;AAAA,KAIN,iBAAA,kBAAmC,kBAAA,IAC7C,QAAA,4BAEc,QAAA;EACN,YAAA;AAAA,MAGJ,QAAA;EACI,KAAA;EACA,YAAA,6BACE,aAAA,CAAc,kBAAA;AAAA,cAGR,KAAA;EACN,YAAA,EAAc,kBAAA,CAAmB,YAAA;AAAA;AAAA,KAKjC,kBAAA,mBACQ,aAAA,CAAc,kBAAA,KAC9B,iBAAA,CACF,mBAAA,CAAoB,iBAAA,CAAkB,SAAA;AAAA,KAE5B,4BAAA;EACV,QAAA,EAAU,SAAS;AAAA;AAAA,iBAiCL,iBAAA,CAAkB,QAAA,EAAU,kBAAA,GAAqB,YAAY;AAAA,iBAI7D,kBAAA,mBACI,aAAA,CAAc,kBAAA,GAChC,SAAA,EAAW,SAAA,GAAY,kBAAA,CAAmB,SAAA;AAAA,KAIvC,uBAAA,kBAAyC,kBAAA,IAC5C,QAAA,kBACI,QAAA,GACA,QAAA;EAAmB,KAAA;AAAA,IACjB,KAAA;;;;;;KAQI,iBAAA,mBACQ,aAAA,CAAc,kBAAA,KAC9B,uBAAA,CAAwB,SAAA;AAAA,KAEhB,YAAA,mBAA+B,aAAA,CAAc,kBAAA,KACvD,qBAAA,CAAsB,iBAAA,CAAkB,SAAA;AAAA,iBAC1B,cAAA,mBACI,aAAA,CAAc,kBAAA,GAChC,SAAA,EAAW,kBAAA,CAAmB,SAAA,IAOJ,YAAA,CAAa,SAAA"}

package/dist/resource.d.mts

@@ -0,0 +1,47 @@
+import { NonEmptyReadonlyArray } from "./create-value.mjs";
+import { MergeIntersection, UnionToIntersection } from "./utils.mjs";
+import { ReactNode } from "react";
+
+//#region src/resource.d.ts
+type ResourceDefinition = string | {
+  value: string;
+  subResources: ReadonlyArray<ResourceDefinition & {
+    /**
+     * Whether to allow any string as a sub resource.
+     *
+     * @default false
+     */
+    allowAnyString?: boolean;
+  }>;
+};
+type ResourceTree = Record<string, {
+  subResources: ResourceTree;
+}>;
+type NormalizeResource<Resource extends ResourceDefinition> = Resource extends string ? { [Key in Resource]: {
+  subResources: {};
+} } : Resource extends {
+  value: infer Value extends string;
+  subResources: infer SubResources extends ReadonlyArray<ResourceDefinition>;
+} ? { [Key in Value]: {
+  subResources: NormalizeResources<SubResources>;
+} } : never;
+type NormalizeResources<Resources extends ReadonlyArray<ResourceDefinition>> = MergeIntersection<UnionToIntersection<NormalizeResource<Resources[number]>>>;
+type ResourceLayoutComponentProps = {
+  children: ReactNode;
+};
+declare function normalizeResource(resource: ResourceDefinition): ResourceTree;
+declare function normalizeResources<Resources extends ReadonlyArray<ResourceDefinition>>(resources: Resources): NormalizeResources<Resources>;
+type ResourceDefinitionValue<Resource extends ResourceDefinition> = Resource extends string ? Resource : Resource extends {
+  value: infer Value extends string;
+} ? Value : never;
+/**
+ * Top-level resource names declared in a `resources` array. Preserves string
+ * literal unions for const resource definitions (unlike `keyof` on the
+ * normalized resource tree, which tends to widen to `string` in hovers).
+ */
+type LayoutResourceKey<Resources extends ReadonlyArray<ResourceDefinition>> = ResourceDefinitionValue<Resources[number]>;
+type ResourceEnum<Resources extends ReadonlyArray<ResourceDefinition>> = NonEmptyReadonlyArray<LayoutResourceKey<Resources>>;
+declare function toResourceEnum<Resources extends ReadonlyArray<ResourceDefinition>>(resources: NormalizeResources<Resources>): ResourceEnum<Resources>;
+//#endregion
+export { LayoutResourceKey, NormalizeResource, NormalizeResources, ResourceDefinition, ResourceEnum, ResourceLayoutComponentProps, ResourceTree, normalizeResource, normalizeResources, toResourceEnum };
+//# sourceMappingURL=resource.d.mts.map

package/dist/resource.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resource.d.mts","names":[],"sources":["../src/resource.ts"],"mappings":";;;;;KAIY,kBAAA;EAGN,KAAA;EACA,YAAA,EAAc,aAAa,CACzB,kBAAA;IALsB;;;;;IAWpB,cAAA;EAAA;AAAA;AAAA,KAKE,YAAA,GAAe,MAAM;EAG7B,YAAA,EAAc,YAAA;AAAA;AAAA,KAIN,iBAAA,kBAAmC,kBAAA,IAC7C,QAAA,4BAEc,QAAA;EACN,YAAA;AAAA,MAGJ,QAAA;EACI,KAAA;EACA,YAAA,6BACE,aAAA,CAAc,kBAAA;AAAA,cAGR,KAAA;EACN,YAAA,EAAc,kBAAA,CAAmB,YAAA;AAAA;AAAA,KAKjC,kBAAA,mBACQ,aAAA,CAAc,kBAAA,KAC9B,iBAAA,CACF,mBAAA,CAAoB,iBAAA,CAAkB,SAAA;AAAA,KAE5B,4BAAA;EACV,QAAA,EAAU,SAAS;AAAA;AAAA,iBAiCL,iBAAA,CAAkB,QAAA,EAAU,kBAAA,GAAqB,YAAY;AAAA,iBAI7D,kBAAA,mBACI,aAAA,CAAc,kBAAA,GAChC,SAAA,EAAW,SAAA,GAAY,kBAAA,CAAmB,SAAA;AAAA,KAIvC,uBAAA,kBAAyC,kBAAA,IAC5C,QAAA,kBACI,QAAA,GACA,QAAA;EAAmB,KAAA;AAAA,IACjB,KAAA;;;;;;KAQI,iBAAA,mBACQ,aAAA,CAAc,kBAAA,KAC9B,uBAAA,CAAwB,SAAA;AAAA,KAEhB,YAAA,mBAA+B,aAAA,CAAc,kBAAA,KACvD,qBAAA,CAAsB,iBAAA,CAAkB,SAAA;AAAA,iBAC1B,cAAA,mBACI,aAAA,CAAc,kBAAA,GAChC,SAAA,EAAW,kBAAA,CAAmB,SAAA,IAOJ,YAAA,CAAa,SAAA"}

package/dist/resource.mjs

@@ -0,0 +1,26 @@
+//#region src/resource.ts
+function normalizeResourceTree(resource) {
+	if (typeof resource === "string") return { [resource]: { subResources: {} } };
+	const { value, subResources } = resource;
+	return { [value]: { subResources: normalizeResourcesTree(subResources) } };
+}
+function normalizeResourcesTree(resources) {
+	const normalizedResources = {};
+	for (const resource of resources) Object.assign(normalizedResources, normalizeResourceTree(resource));
+	return normalizedResources;
+}
+function normalizeResource(resource) {
+	return normalizeResourceTree(resource);
+}
+function normalizeResources(resources) {
+	return normalizeResourcesTree(resources);
+}
+function toResourceEnum(resources) {
+	const keys = Object.keys(resources);
+	if (keys.length === 0) throw new Error("No resources provided");
+	return keys;
+}
+
+//#endregion
+export { normalizeResource, normalizeResources, toResourceEnum };
+//# sourceMappingURL=resource.mjs.map

package/dist/resource.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"resource.mjs","names":[],"sources":["../src/resource.ts"],"sourcesContent":["import { ReactNode } from 'react';\r\nimport { NonEmptyReadonlyArray } from './create-value';\r\nimport { MergeIntersection, UnionToIntersection } from './utils';\r\n\r\nexport type ResourceDefinition =\r\n  | string\r\n  | {\r\n      value: string;\r\n      subResources: ReadonlyArray<\r\n        ResourceDefinition & {\r\n          /**\r\n           * Whether to allow any string as a sub resource.\r\n           *\r\n           * @default false\r\n           */\r\n          allowAnyString?: boolean;\r\n        }\r\n      >;\r\n    };\r\n\r\nexport type ResourceTree = Record<\r\n  string,\r\n  {\r\n    subResources: ResourceTree;\r\n  }\r\n>;\r\n\r\nexport type NormalizeResource<Resource extends ResourceDefinition> =\r\n  Resource extends string\r\n    ? {\r\n        [Key in Resource]: {\r\n          subResources: {};\r\n        };\r\n      }\r\n    : Resource extends {\r\n          value: infer Value extends string;\r\n          subResources: infer SubResources extends\r\n            ReadonlyArray<ResourceDefinition>;\r\n        }\r\n      ? {\r\n          [Key in Value]: {\r\n            subResources: NormalizeResources<SubResources>;\r\n          };\r\n        }\r\n      : never;\r\n\r\nexport type NormalizeResources<\r\n  Resources extends ReadonlyArray<ResourceDefinition>,\r\n> = MergeIntersection<\r\n  UnionToIntersection<NormalizeResource<Resources[number]>>\r\n>;\r\nexport type ResourceLayoutComponentProps = {\r\n  children: ReactNode;\r\n};\r\n\r\nfunction normalizeResourceTree(resource: ResourceDefinition): ResourceTree {\r\n  if (typeof resource === 'string') {\r\n    return {\r\n      [resource]: {\r\n        subResources: {},\r\n      },\r\n    };\r\n  }\r\n\r\n  const { value, subResources } = resource;\r\n\r\n  return {\r\n    [value]: {\r\n      subResources: normalizeResourcesTree(subResources),\r\n    },\r\n  };\r\n}\r\n\r\nfunction normalizeResourcesTree(\r\n  resources: ReadonlyArray<ResourceDefinition>,\r\n): ResourceTree {\r\n  const normalizedResources: ResourceTree = {};\r\n\r\n  for (const resource of resources) {\r\n    Object.assign(normalizedResources, normalizeResourceTree(resource));\r\n  }\r\n\r\n  return normalizedResources;\r\n}\r\n\r\nexport function normalizeResource(resource: ResourceDefinition): ResourceTree {\r\n  return normalizeResourceTree(resource);\r\n}\r\n\r\nexport function normalizeResources<\r\n  Resources extends ReadonlyArray<ResourceDefinition>,\r\n>(resources: Resources): NormalizeResources<Resources> {\r\n  return normalizeResourcesTree(resources) as NormalizeResources<Resources>;\r\n}\r\n\r\ntype ResourceDefinitionValue<Resource extends ResourceDefinition> =\r\n  Resource extends string\r\n    ? Resource\r\n    : Resource extends { value: infer Value extends string }\r\n      ? Value\r\n      : never;\r\n\r\n/**\r\n * Top-level resource names declared in a `resources` array. Preserves string\r\n * literal unions for const resource definitions (unlike `keyof` on the\r\n * normalized resource tree, which tends to widen to `string` in hovers).\r\n */\r\nexport type LayoutResourceKey<\r\n  Resources extends ReadonlyArray<ResourceDefinition>,\r\n> = ResourceDefinitionValue<Resources[number]>;\r\n\r\nexport type ResourceEnum<Resources extends ReadonlyArray<ResourceDefinition>> =\r\n  NonEmptyReadonlyArray<LayoutResourceKey<Resources>>;\r\nexport function toResourceEnum<\r\n  Resources extends ReadonlyArray<ResourceDefinition>,\r\n>(resources: NormalizeResources<Resources>) {\r\n  const keys = Object.keys(resources);\r\n\r\n  if (keys.length === 0) {\r\n    throw new Error('No resources provided');\r\n  }\r\n\r\n  return keys as unknown as ResourceEnum<Resources>;\r\n}\r\n"],"mappings":";AAuDA,SAAS,sBAAsB,UAA4C;CACzE,IAAI,OAAO,aAAa,UACtB,OAAO,GACJ,WAAW,EACV,cAAc,CAAC,EACjB,EACF;CAGF,MAAM,EAAE,OAAO,iBAAiB;CAEhC,OAAO,GACJ,QAAQ,EACP,cAAc,uBAAuB,YAAY,EACnD,EACF;AACF;AAEA,SAAS,uBACP,WACc;CACd,MAAM,sBAAoC,CAAC;CAE3C,KAAK,MAAM,YAAY,WACrB,OAAO,OAAO,qBAAqB,sBAAsB,QAAQ,CAAC;CAGpE,OAAO;AACT;AAEA,SAAgB,kBAAkB,UAA4C;CAC5E,OAAO,sBAAsB,QAAQ;AACvC;AAEA,SAAgB,mBAEd,WAAqD;CACrD,OAAO,uBAAuB,SAAS;AACzC;AAoBA,SAAgB,eAEd,WAA0C;CAC1C,MAAM,OAAO,OAAO,KAAK,SAAS;CAElC,IAAI,KAAK,WAAW,GAClB,MAAM,IAAI,MAAM,uBAAuB;CAGzC,OAAO;AACT"}

package/dist/utils.cjs

@@ -0,0 +1,25 @@
+
+//#region src/utils.ts
+function isPropDefinitionShape(value) {
+	return typeof value === "function" && value !== null && "visibility" in value;
+}
+function resolvePropDefinitionValues(input) {
+	const out = {};
+	for (const key of Object.keys(input)) {
+		const value = input[key];
+		out[key] = isPropDefinitionShape(value) ? value._baseProp?.value : value;
+	}
+	return out;
+}
+function pick(obj, keys) {
+	if (keys.length === 0) return {};
+	return keys.reduce((acc, key) => {
+		if (key in obj) acc[key] = obj[key];
+		return acc;
+	}, {});
+}
+
+//#endregion
+exports.pick = pick;
+exports.resolvePropDefinitionValues = resolvePropDefinitionValues;
+//# sourceMappingURL=utils.cjs.map

package/dist/utils.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.cjs","names":[],"sources":["../src/utils.ts"],"sourcesContent":["export type Show<T> = T extends (...args: infer A) => infer R\n  ? (...args: A) => R\n  : { [K in keyof T]: T[K] } & {};\nexport type MergeIntersection<T> = {\r\n  [Key in keyof T]: T[Key];\r\n};\r\n\r\nexport type UnionToIntersection<Union> = (\r\n  Union extends unknown ? (value: Union) => void : never\r\n) extends (value: infer Intersection) => void\r\n  ? Intersection\r\n  : never;\r\n\r\nexport interface BaseComponent<Name extends string, Props = {}> {\n  /**\r\n   * The name of the component. Useful for debugging and error messages.\r\n   */\r\n  displayName: Name;\r\n  /**\r\n   * A type only property to get the type of the props. At runtime,\r\n   * this is `undefined`.\r\n   */\r\n  props: Props;\n}\n\ntype ValueBackedDefinition = {\n  _baseProp?: {\n    value?: unknown;\n  };\n};\n\nexport function isPropDefinitionShape(value: unknown): value is {\n  visibility: unknown;\n} {\n  return typeof value === 'function' && value !== null && 'visibility' in value;\n}\n\nexport function resolvePropDefinitionValues(\n  input: Record<string, unknown>,\n) {\n  const out: Record<string, unknown> = {};\n\n  for (const key of Object.keys(input)) {\n    const value = input[key];\n    out[key] = isPropDefinitionShape(value)\n      ? (value as ValueBackedDefinition)._baseProp?.value\n      : value;\n  }\n\n  return out;\n}\n\nexport function pick<T extends object, K extends keyof T>(obj: T, keys: K[]) {\n  if (keys.length === 0) {\n    return {} as Pick<T, K>;\n  }\n\r\n  return keys.reduce(\r\n    (acc, key) => {\r\n      if (key in obj) acc[key] = obj[key];\r\n\r\n      return acc;\r\n    },\r\n    {} as Pick<T, K>,\r\n  );\r\n}\r\n"],"mappings":";;AA+BA,SAAgB,sBAAsB,OAEpC;CACA,OAAO,OAAO,UAAU,cAAc,UAAU,QAAQ,gBAAgB;AAC1E;AAEA,SAAgB,4BACd,OACA;CACA,MAAM,MAA+B,CAAC;CAEtC,KAAK,MAAM,OAAO,OAAO,KAAK,KAAK,GAAG;EACpC,MAAM,QAAQ,MAAM;EACpB,IAAI,OAAO,sBAAsB,KAAK,IACjC,MAAgC,WAAW,QAC5C;CACN;CAEA,OAAO;AACT;AAEA,SAAgB,KAA0C,KAAQ,MAAW;CAC3E,IAAI,KAAK,WAAW,GAClB,OAAO,CAAC;CAGV,OAAO,KAAK,QACT,KAAK,QAAQ;EACZ,IAAI,OAAO,KAAK,IAAI,OAAO,IAAI;EAE/B,OAAO;CACT,GACA,CAAC,CACH;AACF"}

package/dist/utils.d.cts

@@ -0,0 +1,19 @@
+//#region src/utils.d.ts
+type Show<T> = T extends ((...args: infer A) => infer R) ? (...args: A) => R : { [K in keyof T]: T[K] } & {};
+type MergeIntersection<T> = { [Key in keyof T]: T[Key] };
+type UnionToIntersection<Union> = (Union extends unknown ? (value: Union) => void : never) extends ((value: infer Intersection) => void) ? Intersection : never;
+interface BaseComponent<Name extends string, Props = {}> {
+  /**
+   * The name of the component. Useful for debugging and error messages.
+   */
+  displayName: Name;
+  /**
+   * A type only property to get the type of the props. At runtime,
+   * this is `undefined`.
+   */
+  props: Props;
+}
+declare function pick<T extends object, K extends keyof T>(obj: T, keys: K[]): Pick<T, K>;
+//#endregion
+export { BaseComponent, MergeIntersection, Show, UnionToIntersection, pick };
+//# sourceMappingURL=utils.d.cts.map

package/dist/utils.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.cts","names":[],"sources":["../src/utils.ts"],"mappings":";KAAY,IAAA,MAAU,CAAA,cAAc,IAAA,6BAC5B,IAAA,EAAM,CAAA,KAAM,CAAA,iBACF,CAAA,GAAI,CAAA,CAAE,CAAA;AAAA,KACZ,iBAAA,sBACI,CAAA,GAAI,CAAA,CAAE,GAAA;AAAA,KAGV,mBAAA,WACV,KAAA,oBAAyB,KAAA,EAAO,KAAK,6BAC5B,KAAA,iCACP,YAAA;AAAA,UAGa,aAAA;EAXK;;;EAepB,WAAA,EAAa,IAAA;EAjBE;;;;EAsBf,KAAA,EAAO,KAAK;AAAA;AAAA,iBA8BE,IAAA,mCAAuC,CAAA,EAAG,GAAA,EAAK,CAAA,EAAG,IAAA,EAAM,CAAA,KAAG,IAAA,CAAA,CAAA,EAAA,CAAA"}

package/dist/utils.d.mts

@@ -0,0 +1,19 @@
+//#region src/utils.d.ts
+type Show<T> = T extends ((...args: infer A) => infer R) ? (...args: A) => R : { [K in keyof T]: T[K] } & {};
+type MergeIntersection<T> = { [Key in keyof T]: T[Key] };
+type UnionToIntersection<Union> = (Union extends unknown ? (value: Union) => void : never) extends ((value: infer Intersection) => void) ? Intersection : never;
+interface BaseComponent<Name extends string, Props = {}> {
+  /**
+   * The name of the component. Useful for debugging and error messages.
+   */
+  displayName: Name;
+  /**
+   * A type only property to get the type of the props. At runtime,
+   * this is `undefined`.
+   */
+  props: Props;
+}
+declare function pick<T extends object, K extends keyof T>(obj: T, keys: K[]): Pick<T, K>;
+//#endregion
+export { BaseComponent, MergeIntersection, Show, UnionToIntersection, pick };
+//# sourceMappingURL=utils.d.mts.map

package/dist/utils.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.mts","names":[],"sources":["../src/utils.ts"],"mappings":";KAAY,IAAA,MAAU,CAAA,cAAc,IAAA,6BAC5B,IAAA,EAAM,CAAA,KAAM,CAAA,iBACF,CAAA,GAAI,CAAA,CAAE,CAAA;AAAA,KACZ,iBAAA,sBACI,CAAA,GAAI,CAAA,CAAE,GAAA;AAAA,KAGV,mBAAA,WACV,KAAA,oBAAyB,KAAA,EAAO,KAAK,6BAC5B,KAAA,iCACP,YAAA;AAAA,UAGa,aAAA;EAXK;;;EAepB,WAAA,EAAa,IAAA;EAjBE;;;;EAsBf,KAAA,EAAO,KAAK;AAAA;AAAA,iBA8BE,IAAA,mCAAuC,CAAA,EAAG,GAAA,EAAK,CAAA,EAAG,IAAA,EAAM,CAAA,KAAG,IAAA,CAAA,CAAA,EAAA,CAAA"}

package/dist/utils.mjs

@@ -0,0 +1,23 @@
+//#region src/utils.ts
+function isPropDefinitionShape(value) {
+	return typeof value === "function" && value !== null && "visibility" in value;
+}
+function resolvePropDefinitionValues(input) {
+	const out = {};
+	for (const key of Object.keys(input)) {
+		const value = input[key];
+		out[key] = isPropDefinitionShape(value) ? value._baseProp?.value : value;
+	}
+	return out;
+}
+function pick(obj, keys) {
+	if (keys.length === 0) return {};
+	return keys.reduce((acc, key) => {
+		if (key in obj) acc[key] = obj[key];
+		return acc;
+	}, {});
+}
+
+//#endregion
+export { pick, resolvePropDefinitionValues };
+//# sourceMappingURL=utils.mjs.map

package/dist/utils.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.mjs","names":[],"sources":["../src/utils.ts"],"sourcesContent":["export type Show<T> = T extends (...args: infer A) => infer R\n  ? (...args: A) => R\n  : { [K in keyof T]: T[K] } & {};\nexport type MergeIntersection<T> = {\r\n  [Key in keyof T]: T[Key];\r\n};\r\n\r\nexport type UnionToIntersection<Union> = (\r\n  Union extends unknown ? (value: Union) => void : never\r\n) extends (value: infer Intersection) => void\r\n  ? Intersection\r\n  : never;\r\n\r\nexport interface BaseComponent<Name extends string, Props = {}> {\n  /**\r\n   * The name of the component. Useful for debugging and error messages.\r\n   */\r\n  displayName: Name;\r\n  /**\r\n   * A type only property to get the type of the props. At runtime,\r\n   * this is `undefined`.\r\n   */\r\n  props: Props;\n}\n\ntype ValueBackedDefinition = {\n  _baseProp?: {\n    value?: unknown;\n  };\n};\n\nexport function isPropDefinitionShape(value: unknown): value is {\n  visibility: unknown;\n} {\n  return typeof value === 'function' && value !== null && 'visibility' in value;\n}\n\nexport function resolvePropDefinitionValues(\n  input: Record<string, unknown>,\n) {\n  const out: Record<string, unknown> = {};\n\n  for (const key of Object.keys(input)) {\n    const value = input[key];\n    out[key] = isPropDefinitionShape(value)\n      ? (value as ValueBackedDefinition)._baseProp?.value\n      : value;\n  }\n\n  return out;\n}\n\nexport function pick<T extends object, K extends keyof T>(obj: T, keys: K[]) {\n  if (keys.length === 0) {\n    return {} as Pick<T, K>;\n  }\n\r\n  return keys.reduce(\r\n    (acc, key) => {\r\n      if (key in obj) acc[key] = obj[key];\r\n\r\n      return acc;\r\n    },\r\n    {} as Pick<T, K>,\r\n  );\r\n}\r\n"],"mappings":";AA+BA,SAAgB,sBAAsB,OAEpC;CACA,OAAO,OAAO,UAAU,cAAc,UAAU,QAAQ,gBAAgB;AAC1E;AAEA,SAAgB,4BACd,OACA;CACA,MAAM,MAA+B,CAAC;CAEtC,KAAK,MAAM,OAAO,OAAO,KAAK,KAAK,GAAG;EACpC,MAAM,QAAQ,MAAM;EACpB,IAAI,OAAO,sBAAsB,KAAK,IACjC,MAAgC,WAAW,QAC5C;CACN;CAEA,OAAO;AACT;AAEA,SAAgB,KAA0C,KAAQ,MAAW;CAC3E,IAAI,KAAK,WAAW,GAClB,OAAO,CAAC;CAGV,OAAO,KAAK,QACT,KAAK,QAAQ;EACZ,IAAI,OAAO,KAAK,IAAI,OAAO,IAAI;EAE/B,OAAO;CACT,GACA,CAAC,CACH;AACF"}

package/package.json

@@ -0,0 +1,59 @@
+{
+  "name": "@jfdevelops/react-layout",
+  "version": "0.1.1",
+  "description": "A React library for creating layout components.",
+  "type": "module",
+  "files": [
+    "dist"
+  ],
+  "sideEffects": false,
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.cts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.cjs"
+    },
+    "./package.json": "./package.json"
+  },
+  "engines": {
+    "node": "^20.19.0 || >=22.12.0"
+  },
+  "scripts": {
+    "dev": "vite",
+    "build": "tsdown",
+    "typecheck": "tsc --noEmit",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "test:ui": "vitest --ui",
+    "test:coverage": "vitest run --coverage",
+    "preview": "vite preview"
+  },
+  "peerDependencies": {
+    "react": ">=18",
+    "react-dom": ">=18"
+  },
+  "publishConfig": {
+    "access": "public",
+    "provenance": true
+  },
+  "devDependencies": {
+    "@vitest/coverage-v8": "4.1.5",
+    "@vitest/ui": "4.1.5",
+    "@testing-library/jest-dom": "6.9.1",
+    "@testing-library/react": "16.3.2",
+    "@types/node": "24.10.1",
+    "@types/react": "18.3.28",
+    "@types/react-dom": "18.3.7",
+    "@vitejs/plugin-react": "6.0.1",
+    "jsdom": "29.0.2",
+    "react": "18.3.1",
+    "react-dom": "18.3.1",
+    "tsdown": "0.22.1",
+    "unrun": "0.3.0",
+    "typescript": "6.0.3",
+    "vite": "8.0.10",
+    "vitest": "4.1.5"
+  }
+}