@adaptive-ds/solid-ui 0.11.0

package/dist/generate_demo_list/generateDemoList.js

@@ -0,0 +1,49 @@
+import { readdir, writeFile } from "node:fs/promises";
+import { join } from "node:path";
+import { formatGeneratedCodeFile } from "./parts/formatGeneratedCodeFile.js";
+import { objectKeys } from "../node_modules/@adaptive-sm/utils/dist/obj/objectKeys.js";
+import { findDemoFilesRecursive } from "./parts/findDemoFilesRecursive.js";
+import { removeDemoObjectValueQuotes } from "./parts/removeDemoObjectValueQuotes.js";
+import { serializeDemoComponentImport } from "./parts/serializeDemoComponentImport.js";
+import { sortDemoObjectKeys } from "./parts/sortDemoObjectKeys.js";
+import { transformDemoListToRecord } from "./parts/transformDemoListToRecord.js";
+async function generateDemoList(demoSearchDirRelative, outputFileRelative) {
+  const demoPageList = {};
+  const baseDir = process.cwd();
+  const demoSearchDirAbsolute = join(baseDir, demoSearchDirRelative);
+  const categories = await readdir(demoSearchDirAbsolute, { withFileTypes: true });
+  for (const category of categories) {
+    if (!category.isDirectory()) {
+      continue;
+    }
+    const searchDir = join(baseDir, demoSearchDirRelative, category.name);
+    const found = await findDemoFilesRecursive(searchDir);
+    if (found.length <= 0) continue;
+    demoPageList[category.name] = found;
+  }
+  let output = `
+import { lazy } from "solid-js"
+import { type DemoListType } from "~ui/generate_demo_list/DemoListType"
+
+`;
+  for (const category of objectKeys(demoPageList)) {
+    const importPathComponents = demoPageList[category];
+    if (!importPathComponents) continue;
+    for (const importPathComponent of importPathComponents) {
+      output += serializeDemoComponentImport(importPathComponent, baseDir);
+    }
+  }
+  const record = transformDemoListToRecord(demoPageList);
+  const sorted = sortDemoObjectKeys(record);
+  const recordSerialized = removeDemoObjectValueQuotes(JSON.stringify(sorted, null, 2));
+  const recordContent = `
+
+export const demoList = ${recordSerialized} as const satisfies DemoListType;`;
+  output += recordContent;
+  await writeFile(outputFileRelative, output, "utf-8");
+  await formatGeneratedCodeFile(outputFileRelative);
+}
+export {
+  generateDemoList
+};
+//# sourceMappingURL=generateDemoList.js.map

package/dist/generate_demo_list/generateDemoList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"generateDemoList.js","sources":["../../lib/generate_demo_list/generateDemoList.ts"],"sourcesContent":["import { readdir, writeFile } from \"node:fs/promises\"\nimport { join } from \"node:path\"\nimport { formatGeneratedCodeFile } from \"~ui/generate_demo_list/parts/formatGeneratedCodeFile\"\nimport { objectKeys } from \"~utils/obj/objectKeys\"\nimport { findDemoFilesRecursive } from \"./parts/findDemoFilesRecursive\"\nimport { removeDemoObjectValueQuotes } from \"./parts/removeDemoObjectValueQuotes\"\nimport { serializeDemoComponentImport } from \"./parts/serializeDemoComponentImport\"\nimport { sortDemoObjectKeys } from \"./parts/sortDemoObjectKeys\"\nimport { transformDemoListToRecord } from \"./parts/transformDemoListToRecord\"\n\ntype DemoPageListType = Record<string, string[]>\n\nexport async function generateDemoList(demoSearchDirRelative: string, outputFileRelative: string) {\n  // const found = findDemoFilesRecursive(\"src\")\n  const demoPageList: DemoPageListType = {}\n  const baseDir = process.cwd()\n  const demoSearchDirAbsolute = join(baseDir, demoSearchDirRelative)\n  const categories = await readdir(demoSearchDirAbsolute, { withFileTypes: true })\n  for (const category of categories) {\n    // console.log(\"category\", category.name)\n    if (!category.isDirectory()) {\n      // console.log(\"not a dir -> skipping\")\n      continue\n    }\n    const searchDir = join(baseDir, demoSearchDirRelative, category.name)\n    const found = await findDemoFilesRecursive(searchDir)\n    // console.log(\"found\", found)\n    if (found.length <= 0) continue\n    demoPageList[category.name] = found\n  }\n\n  let output = `\nimport { lazy } from \"solid-js\"\nimport { type DemoListType } from \"~ui/generate_demo_list/DemoListType\"\\n\\n`\n\n  for (const category of objectKeys(demoPageList)) {\n    const importPathComponents = demoPageList[category]\n    // console.log(category, importPathComponents)\n    if (!importPathComponents) continue\n    for (const importPathComponent of importPathComponents) {\n      // console.log(importPathComponent)\n      output += serializeDemoComponentImport(importPathComponent, baseDir)\n    }\n  }\n\n  // console.log(output)\n\n  const record = transformDemoListToRecord(demoPageList)\n  const sorted = sortDemoObjectKeys(record)\n  const recordSerialized = removeDemoObjectValueQuotes(JSON.stringify(sorted, null, 2))\n  const recordContent = `\\n\\nexport const demoList = ${recordSerialized} as const satisfies DemoListType;`\n  output += recordContent\n\n  await writeFile(outputFileRelative, output, \"utf-8\")\n  await formatGeneratedCodeFile(outputFileRelative)\n}\n"],"names":[],"mappings":";;;;;;;;;AAYA,eAAsB,iBAAiB,uBAA+B,oBAA4B;AAEhG,QAAM,eAAiC,CAAA;AACvC,QAAM,UAAU,QAAQ,IAAA;AACxB,QAAM,wBAAwB,KAAK,SAAS,qBAAqB;AACjE,QAAM,aAAa,MAAM,QAAQ,uBAAuB,EAAE,eAAe,MAAM;AAC/E,aAAW,YAAY,YAAY;AAEjC,QAAI,CAAC,SAAS,eAAe;AAE3B;AAAA,IACF;AACA,UAAM,YAAY,KAAK,SAAS,uBAAuB,SAAS,IAAI;AACpE,UAAM,QAAQ,MAAM,uBAAuB,SAAS;AAEpD,QAAI,MAAM,UAAU,EAAG;AACvB,iBAAa,SAAS,IAAI,IAAI;AAAA,EAChC;AAEA,MAAI,SAAS;AAAA;AAAA;AAAA;AAAA;AAIb,aAAW,YAAY,WAAW,YAAY,GAAG;AAC/C,UAAM,uBAAuB,aAAa,QAAQ;AAElD,QAAI,CAAC,qBAAsB;AAC3B,eAAW,uBAAuB,sBAAsB;AAEtD,gBAAU,6BAA6B,qBAAqB,OAAO;AAAA,IACrE;AAAA,EACF;AAIA,QAAM,SAAS,0BAA0B,YAAY;AACrD,QAAM,SAAS,mBAAmB,MAAM;AACxC,QAAM,mBAAmB,4BAA4B,KAAK,UAAU,QAAQ,MAAM,CAAC,CAAC;AACpF,QAAM,gBAAgB;AAAA;AAAA,0BAA+B,gBAAgB;AACrE,YAAU;AAEV,QAAM,UAAU,oBAAoB,QAAQ,OAAO;AACnD,QAAM,wBAAwB,kBAAkB;AAClD;"}

package/dist/generate_demo_list/parts/findDemoFilesRecursive.d.ts

@@ -0,0 +1,3 @@
+export declare function findDemoFilesRecursive(path: string): Promise<string[]>;
+export declare function findDemoFilesInDir(path: string): Promise<string[]>;
+//# sourceMappingURL=findDemoFilesRecursive.d.ts.map

package/dist/generate_demo_list/parts/findDemoFilesRecursive.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"findDemoFilesRecursive.d.ts","sourceRoot":"","sources":["../../../lib/generate_demo_list/parts/findDemoFilesRecursive.ts"],"names":[],"mappings":"AAGA,wBAAsB,sBAAsB,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC,MAAM,EAAE,CAAC,CAoB5E;AAED,wBAAsB,kBAAkB,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC,MAAM,EAAE,CAAC,CASxE"}

package/dist/generate_demo_list/parts/findDemoFilesRecursive.js

@@ -0,0 +1,26 @@
+import { readdir } from "node:fs/promises";
+import { join } from "node:path";
+async function findDemoFilesRecursive(path) {
+  const allDemoFiles = [];
+  const demoFilesInCurrentDir = await findDemoFilesInDir(path);
+  allDemoFiles.push(...demoFilesInCurrentDir);
+  const entries = await readdir(path, { withFileTypes: true });
+  for (const entry of entries) {
+    if (entry.isDirectory()) {
+      const subDirPath = join(path, entry.name);
+      const demoFilesInSubDir = await findDemoFilesRecursive(subDirPath);
+      allDemoFiles.push(...demoFilesInSubDir);
+    }
+  }
+  return allDemoFiles;
+}
+async function findDemoFilesInDir(path) {
+  const demoFiles = await readdir(path);
+  const filtered = demoFiles.filter((file) => file.startsWith("Demo")).filter((file) => file.endsWith("")).map((file) => path + "/" + file);
+  return filtered;
+}
+export {
+  findDemoFilesInDir,
+  findDemoFilesRecursive
+};
+//# sourceMappingURL=findDemoFilesRecursive.js.map

package/dist/generate_demo_list/parts/findDemoFilesRecursive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"findDemoFilesRecursive.js","sources":["../../../lib/generate_demo_list/parts/findDemoFilesRecursive.ts"],"sourcesContent":["import { readdir } from \"node:fs/promises\"\nimport { join } from \"node:path\"\n\nexport async function findDemoFilesRecursive(path: string): Promise<string[]> {\n  const allDemoFiles: string[] = []\n\n  // Process the current directory\n  const demoFilesInCurrentDir = await findDemoFilesInDir(path)\n  allDemoFiles.push(...demoFilesInCurrentDir)\n\n  // Get all entries in the current directory\n  const entries = await readdir(path, { withFileTypes: true })\n\n  // Process subdirectories recursively\n  for (const entry of entries) {\n    if (entry.isDirectory()) {\n      const subDirPath = join(path, entry.name)\n      const demoFilesInSubDir = await findDemoFilesRecursive(subDirPath)\n      allDemoFiles.push(...demoFilesInSubDir)\n    }\n  }\n\n  return allDemoFiles\n}\n\nexport async function findDemoFilesInDir(path: string): Promise<string[]> {\n  // const categoryPath = join(demosPath, category.name)\n  const demoFiles = await readdir(path)\n  const filtered = demoFiles\n    .filter((file) => file.startsWith(\"Demo\"))\n    .filter((file) => file.endsWith(\"\"))\n    .map((file) => path + \"/\" + file)\n  // .map((file) => file.replace(/\\.tsx$/, \"\"))\n  return filtered\n}\n"],"names":[],"mappings":";;AAGA,eAAsB,uBAAuB,MAAiC;AAC5E,QAAM,eAAyB,CAAA;AAG/B,QAAM,wBAAwB,MAAM,mBAAmB,IAAI;AAC3D,eAAa,KAAK,GAAG,qBAAqB;AAG1C,QAAM,UAAU,MAAM,QAAQ,MAAM,EAAE,eAAe,MAAM;AAG3D,aAAW,SAAS,SAAS;AAC3B,QAAI,MAAM,eAAe;AACvB,YAAM,aAAa,KAAK,MAAM,MAAM,IAAI;AACxC,YAAM,oBAAoB,MAAM,uBAAuB,UAAU;AACjE,mBAAa,KAAK,GAAG,iBAAiB;AAAA,IACxC;AAAA,EACF;AAEA,SAAO;AACT;AAEA,eAAsB,mBAAmB,MAAiC;AAExE,QAAM,YAAY,MAAM,QAAQ,IAAI;AACpC,QAAM,WAAW,UACd,OAAO,CAAC,SAAS,KAAK,WAAW,MAAM,CAAC,EACxC,OAAO,CAAC,SAAS,KAAK,SAAS,EAAE,CAAC,EAClC,IAAI,CAAC,SAAS,OAAO,MAAM,IAAI;AAElC,SAAO;AACT;"}

package/dist/generate_demo_list/parts/formatGeneratedCodeFile.d.ts

@@ -0,0 +1,2 @@
+export declare function formatGeneratedCodeFile(outputPath: string): Promise<import('../../../node_modules/@adaptive-sm/utils/dist/bun/BunCmd').BunCmd>;
+//# sourceMappingURL=formatGeneratedCodeFile.d.ts.map

package/dist/generate_demo_list/parts/formatGeneratedCodeFile.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"formatGeneratedCodeFile.d.ts","sourceRoot":"","sources":["../../../lib/generate_demo_list/parts/formatGeneratedCodeFile.ts"],"names":[],"mappings":"AAEA,wBAAsB,uBAAuB,CAAC,UAAU,EAAE,MAAM,+CAG/D"}

package/dist/generate_demo_list/parts/formatGeneratedCodeFile.js

@@ -0,0 +1,9 @@
+import { runCmdAsync } from "../../node_modules/@adaptive-sm/utils/dist/bun/runCmdAsync.js";
+async function formatGeneratedCodeFile(outputPath) {
+  const cmd = `bun run biome check --write ${outputPath}`.split(" ");
+  return runCmdAsync(cmd);
+}
+export {
+  formatGeneratedCodeFile
+};
+//# sourceMappingURL=formatGeneratedCodeFile.js.map

package/dist/generate_demo_list/parts/formatGeneratedCodeFile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"formatGeneratedCodeFile.js","sources":["../../../lib/generate_demo_list/parts/formatGeneratedCodeFile.ts"],"sourcesContent":["import { runCmdAsync } from \"~utils/bun/runCmdAsync\"\n\nexport async function formatGeneratedCodeFile(outputPath: string) {\n  const cmd = `bun run biome check --write ${outputPath}`.split(\" \")\n  return runCmdAsync(cmd)\n}\n"],"names":[],"mappings":";AAEA,eAAsB,wBAAwB,YAAoB;AAChE,QAAM,MAAM,+BAA+B,UAAU,GAAG,MAAM,GAAG;AACjE,SAAO,YAAY,GAAG;AACxB;"}

package/dist/generate_demo_list/parts/removeDemoObjectValueQuotes.d.ts

@@ -0,0 +1,2 @@
+export declare function removeDemoObjectValueQuotes(input: string): string;
+//# sourceMappingURL=removeDemoObjectValueQuotes.d.ts.map

package/dist/generate_demo_list/parts/removeDemoObjectValueQuotes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"removeDemoObjectValueQuotes.d.ts","sourceRoot":"","sources":["../../../lib/generate_demo_list/parts/removeDemoObjectValueQuotes.ts"],"names":[],"mappings":"AAAA,wBAAgB,2BAA2B,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAGjE"}

package/dist/generate_demo_list/parts/removeDemoObjectValueQuotes.js

@@ -0,0 +1,8 @@
+function removeDemoObjectValueQuotes(input) {
+  const regex = /(\s*"[^"]+"\s*:\s*)"([^"]+)"(\s*)/g;
+  return input.replace(regex, "$1$2$3");
+}
+export {
+  removeDemoObjectValueQuotes
+};
+//# sourceMappingURL=removeDemoObjectValueQuotes.js.map

package/dist/generate_demo_list/parts/removeDemoObjectValueQuotes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"removeDemoObjectValueQuotes.js","sources":["../../../lib/generate_demo_list/parts/removeDemoObjectValueQuotes.ts"],"sourcesContent":["export function removeDemoObjectValueQuotes(input: string): string {\n  const regex = /(\\s*\"[^\"]+\"\\s*:\\s*)\"([^\"]+)\"(\\s*)/g\n  return input.replace(regex, \"$1$2$3\")\n}\n\n// test(\"removeObjectValueQuotes\", () => {})\n// const given = `\n// {\n//   \"ui_toast\": {\n//     \"DemoToaster\": \"DemoToaster\"\n//   },\n//   \"ui_interactive\": {\n//     \"DemosUiInteractive\": \"DemosUiInteractive\"\n//   },\n//   \"learning_solid\": {\n//     \"DemosLearningSolid\": \"DemosLearningSolid\"\n//   },\n//   \"app_setup\": {\n//     \"DemoConvexCounterApp\": \"DemoConvexCounterApp\"\n//   },\n//   \"ui_input\": {\n//     \"DemosUiInput\": \"DemosUiInput\"\n//   },\n//   \"ui_table\": {\n//     \"DemosUiTable\": \"DemosUiTable\"\n//   }\n// }\n// `\n// const got = removeObjectValueQuotes(given)\n// console.log(got)\n"],"names":[],"mappings":"AAAO,SAAS,4BAA4B,OAAuB;AACjE,QAAM,QAAQ;AACd,SAAO,MAAM,QAAQ,OAAO,QAAQ;AACtC;"}

package/dist/generate_demo_list/parts/serializeDemoComponentImport.d.ts

@@ -0,0 +1,2 @@
+export declare function serializeDemoComponentImport(path: string, baseDir: string): string;
+//# sourceMappingURL=serializeDemoComponentImport.d.ts.map

package/dist/generate_demo_list/parts/serializeDemoComponentImport.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"serializeDemoComponentImport.d.ts","sourceRoot":"","sources":["../../../lib/generate_demo_list/parts/serializeDemoComponentImport.ts"],"names":[],"mappings":"AAEA,wBAAgB,4BAA4B,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,UAyBzE"}

package/dist/generate_demo_list/parts/serializeDemoComponentImport.js

@@ -0,0 +1,22 @@
+import { join } from "node:path";
+function serializeDemoComponentImport(path, baseDir) {
+  const name = path.split("/").at(-1)?.replace(/\.tsx?$/, "") || "";
+  const replacements = [
+    [join(baseDir, "src"), "@"],
+    [join(baseDir, "lib"), "~ui"]
+  ];
+  let importPath = path.replace(/\.tsx?$/, "");
+  for (const [search, replace] of replacements) {
+    importPath = importPath.replaceAll(search, replace);
+  }
+  return `
+  const ${name} = lazy(async () => {
+    const c = await import("${importPath}")
+    return { default: c.${name} }
+  })
+  `;
+}
+export {
+  serializeDemoComponentImport
+};
+//# sourceMappingURL=serializeDemoComponentImport.js.map

package/dist/generate_demo_list/parts/serializeDemoComponentImport.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"serializeDemoComponentImport.js","sources":["../../../lib/generate_demo_list/parts/serializeDemoComponentImport.ts"],"sourcesContent":["import { join } from \"node:path\"\n\nexport function serializeDemoComponentImport(path: string, baseDir: string) {\n  const name =\n    path\n      .split(\"/\")\n      .at(-1)\n      ?.replace(/\\.tsx?$/, \"\") || \"\"\n\n  const replacements = [\n    [join(baseDir, \"src\"), \"@\"],\n    [join(baseDir, \"lib\"), \"~ui\"],\n  ] as const\n\n  // Remove .tsx or .ts extension\n  let importPath = path.replace(/\\.tsx?$/, \"\")\n  for (const [search, replace] of replacements) {\n    importPath = importPath.replaceAll(search, replace)\n  }\n  // console.log(\"import:\", path, \"->\", importPath)\n\n  return `\n  const ${name} = lazy(async () => {\n    const c = await import(\"${importPath}\")\n    return { default: c.${name} }\n  })\n  `\n}\n"],"names":[],"mappings":";AAEO,SAAS,6BAA6B,MAAc,SAAiB;AAC1E,QAAM,OACJ,KACG,MAAM,GAAG,EACT,GAAG,EAAE,GACJ,QAAQ,WAAW,EAAE,KAAK;AAEhC,QAAM,eAAe;AAAA,IACnB,CAAC,KAAK,SAAS,KAAK,GAAG,GAAG;AAAA,IAC1B,CAAC,KAAK,SAAS,KAAK,GAAG,KAAK;AAAA,EAAA;AAI9B,MAAI,aAAa,KAAK,QAAQ,WAAW,EAAE;AAC3C,aAAW,CAAC,QAAQ,OAAO,KAAK,cAAc;AAC5C,iBAAa,WAAW,WAAW,QAAQ,OAAO;AAAA,EACpD;AAGA,SAAO;AAAA,UACC,IAAI;AAAA,8BACgB,UAAU;AAAA,0BACd,IAAI;AAAA;AAAA;AAG9B;"}

package/dist/generate_demo_list/parts/sortDemoObjectKeys.d.ts

@@ -0,0 +1,2 @@
+export declare function sortDemoObjectKeys<T = any>(given: Record<string, T>): Record<string, T>;
+//# sourceMappingURL=sortDemoObjectKeys.d.ts.map

package/dist/generate_demo_list/parts/sortDemoObjectKeys.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sortDemoObjectKeys.d.ts","sourceRoot":"","sources":["../../../lib/generate_demo_list/parts/sortDemoObjectKeys.ts"],"names":[],"mappings":"AAAA,wBAAgB,kBAAkB,CAAC,CAAC,GAAG,GAAG,EAAE,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,CAAC,CAAC,CAEvF"}

package/dist/generate_demo_list/parts/sortDemoObjectKeys.js

@@ -0,0 +1,7 @@
+function sortDemoObjectKeys(given) {
+  return Object.fromEntries(Object.entries(given).sort(([a], [b]) => a.localeCompare(b)));
+}
+export {
+  sortDemoObjectKeys
+};
+//# sourceMappingURL=sortDemoObjectKeys.js.map

package/dist/generate_demo_list/parts/sortDemoObjectKeys.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sortDemoObjectKeys.js","sources":["../../../lib/generate_demo_list/parts/sortDemoObjectKeys.ts"],"sourcesContent":["export function sortDemoObjectKeys<T = any>(given: Record<string, T>): Record<string, T> {\n  return Object.fromEntries(Object.entries(given).sort(([a], [b]) => a.localeCompare(b)))\n}\n"],"names":[],"mappings":"AAAO,SAAS,mBAA4B,OAA6C;AACvF,SAAO,OAAO,YAAY,OAAO,QAAQ,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC,CAAC;AACxF;"}

package/dist/generate_demo_list/parts/transformDemoListToRecord.d.ts

@@ -0,0 +1,2 @@
+export declare function transformDemoListToRecord(given: Record<string, string[]>): Record<string, Record<string, string>>;
+//# sourceMappingURL=transformDemoListToRecord.d.ts.map

package/dist/generate_demo_list/parts/transformDemoListToRecord.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"transformDemoListToRecord.d.ts","sourceRoot":"","sources":["../../../lib/generate_demo_list/parts/transformDemoListToRecord.ts"],"names":[],"mappings":"AAAA,wBAAgB,yBAAyB,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAsBjH"}

package/dist/generate_demo_list/parts/transformDemoListToRecord.js

@@ -0,0 +1,18 @@
+function transformDemoListToRecord(given) {
+  const result = {};
+  for (const [key, filePaths] of Object.entries(given)) {
+    const componentMap = {};
+    for (const filePath of filePaths) {
+      const filename = filePath.split("/").pop();
+      if (!filename) continue;
+      const componentName = filename.replace(/\.tsx?$/, "");
+      componentMap[componentName] = componentName;
+    }
+    result[key] = componentMap;
+  }
+  return result;
+}
+export {
+  transformDemoListToRecord
+};
+//# sourceMappingURL=transformDemoListToRecord.js.map

package/dist/generate_demo_list/parts/transformDemoListToRecord.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"transformDemoListToRecord.js","sources":["../../../lib/generate_demo_list/parts/transformDemoListToRecord.ts"],"sourcesContent":["export function transformDemoListToRecord(given: Record<string, string[]>): Record<string, Record<string, string>> {\n  const result: Record<string, Record<string, string>> = {}\n\n  for (const [key, filePaths] of Object.entries(given)) {\n    const componentMap: Record<string, string> = {}\n\n    for (const filePath of filePaths) {\n      // Extract the filename from the path\n      const filename = filePath.split(\"/\").pop()\n      if (!filename) continue\n\n      // Remove the .tsx extension\n      const componentName = filename.replace(/\\.tsx?$/, \"\")\n\n      // Map the component name to itself\n      componentMap[componentName] = componentName\n    }\n\n    result[key] = componentMap\n  }\n\n  return result\n}\n"],"names":[],"mappings":"AAAO,SAAS,0BAA0B,OAAyE;AACjH,QAAM,SAAiD,CAAA;AAEvD,aAAW,CAAC,KAAK,SAAS,KAAK,OAAO,QAAQ,KAAK,GAAG;AACpD,UAAM,eAAuC,CAAA;AAE7C,eAAW,YAAY,WAAW;AAEhC,YAAM,WAAW,SAAS,MAAM,GAAG,EAAE,IAAA;AACrC,UAAI,CAAC,SAAU;AAGf,YAAM,gBAAgB,SAAS,QAAQ,WAAW,EAAE;AAGpD,mBAAa,aAAa,IAAI;AAAA,IAChC;AAEA,WAAO,GAAG,IAAI;AAAA,EAChB;AAEA,SAAO;AACT;"}

package/dist/generate_image_list/generateImageList.d.ts

@@ -0,0 +1,3 @@
+import { ImageType } from '../static/img/ImageType';
+export declare function generateImageList(imageDirectory: string, existingImages: Record<string, ImageType>, outputPath: string): Promise<void>;
+//# sourceMappingURL=generateImageList.d.ts.map

package/dist/generate_image_list/generateImageList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"generateImageList.d.ts","sourceRoot":"","sources":["../../lib/generate_image_list/generateImageList.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAA;AA8BzD,wBAAsB,iBAAiB,CACrC,cAAc,EAAE,MAAM,EACtB,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,EACzC,UAAU,EAAE,MAAM,iBAMnB"}

package/dist/generate_image_list/generateImageList.js

@@ -0,0 +1,106 @@
+import imageSize from "../node_modules/image-size/dist/index.js";
+import { promises } from "node:fs";
+import path from "node:path";
+const IMAGE_EXTENSIONS = /* @__PURE__ */ new Set([".jpg", ".jpeg", ".png", ".gif", ".webp", ".avif", ".tiff", ".svg"]);
+async function runCmdAsync(cmd) {
+  const subprocess = Bun.spawn(cmd, { stdio: ["inherit", "inherit", "inherit"] });
+  await subprocess.exited;
+}
+function getMimeType(ext) {
+  switch (ext) {
+    case ".jpg":
+    case ".jpeg":
+      return "image/jpeg";
+    case ".png":
+      return "image/png";
+    case ".gif":
+      return "image/gif";
+    case ".webp":
+      return "image/webp";
+    case ".avif":
+      return "image/avif";
+    case ".tiff":
+      return "image/tiff";
+    case ".svg":
+      return "image/svg+xml";
+    default:
+      return "application/octet-stream";
+  }
+}
+async function generateImageList(imageDirectory, existingImages, outputPath) {
+  const imageMap = await processImageFiles(imageDirectory, existingImages);
+  const sorted = sortImageMap(imageMap);
+  await writeGeneratedImagesFile(sorted, outputPath);
+  await formatGeneratedImagesCodeFile(outputPath);
+}
+async function writeGeneratedImagesFile(imageMap, outputPath) {
+  const outputContent = `
+  import type { ImageType } from "~ui/static/img/ImageType"
+  // Auto-generated, manual changes will be lost
+export const imageList = ${JSON.stringify(imageMap, null, 2)} as const satisfies Record<string, ImageType>;
+`;
+  await Bun.write(outputPath, outputContent);
+  console.log(`Generated ${Object.keys(imageMap).length} images to ${outputPath}`);
+}
+async function processImageFiles(directory, existingImages) {
+  const imageMap = {};
+  for await (const filePath of walkDirectory(directory)) {
+    const ext = path.extname(filePath).toLowerCase();
+    if (!IMAGE_EXTENSIONS.has(ext)) {
+      console.log("ignoring " + ext, filePath);
+      continue;
+    }
+    try {
+      const buffer = await promises.readFile(filePath);
+      const dimensions = imageSize(buffer);
+      if (!dimensions.width || !dimensions.height) continue;
+      const relativePath = path.relative(directory, filePath);
+      const fileName = path.basename(filePath, ext);
+      let key = fileName.replace(/-/g, "_");
+      if (/^\d/.test(fileName)) {
+        key = "i" + key;
+      }
+      const prevAlt = existingImages[key]?.alt;
+      const alt = prevAlt || fileName.replace(/[-_]/g, " ");
+      const mimeType = getMimeType(ext);
+      imageMap[key] = {
+        path: relativePath,
+        width: dimensions.width,
+        height: dimensions.height,
+        alt,
+        mimeType
+      };
+    } catch (error) {
+      console.error(`Error processing ${filePath}:`, error);
+    }
+  }
+  return imageMap;
+}
+async function* walkDirectory(dir) {
+  const entries = await promises.readdir(dir, { withFileTypes: true });
+  for (const entry of entries) {
+    const fullPath = path.join(dir, entry.name);
+    if (entry.isDirectory()) {
+      yield* walkDirectory(fullPath);
+    } else if (entry.isFile()) {
+      yield fullPath;
+    }
+  }
+}
+function sortImageMap(m) {
+  return Object.keys(m).sort().reduce(
+    (sorted, key) => {
+      sorted[key] = m[key];
+      return sorted;
+    },
+    {}
+  );
+}
+async function formatGeneratedImagesCodeFile(outputPath) {
+  const cmd = `bun run biome check --write ${outputPath}`.split(" ");
+  await runCmdAsync(cmd);
+}
+export {
+  generateImageList
+};
+//# sourceMappingURL=generateImageList.js.map

package/dist/generate_image_list/generateImageList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"generateImageList.js","sources":["../../lib/generate_image_list/generateImageList.ts"],"sourcesContent":["import imageSize from \"image-size\"\nimport { promises as fs } from \"node:fs\"\nimport path from \"node:path\"\nimport type { ImageType } from \"~ui/static/img/ImageType\"\nconst IMAGE_EXTENSIONS = new Set([\".jpg\", \".jpeg\", \".png\", \".gif\", \".webp\", \".avif\", \".tiff\", \".svg\"])\n\nasync function runCmdAsync(cmd: string[]): Promise<void> {\n  const subprocess = Bun.spawn(cmd, { stdio: [\"inherit\", \"inherit\", \"inherit\"] })\n  await subprocess.exited\n}\n\nfunction getMimeType(ext: string): string {\n  switch (ext) {\n    case \".jpg\":\n    case \".jpeg\":\n      return \"image/jpeg\"\n    case \".png\":\n      return \"image/png\"\n    case \".gif\":\n      return \"image/gif\"\n    case \".webp\":\n      return \"image/webp\"\n    case \".avif\":\n      return \"image/avif\"\n    case \".tiff\":\n      return \"image/tiff\"\n    case \".svg\":\n      return \"image/svg+xml\"\n    default:\n      return \"application/octet-stream\"\n  }\n}\n\nexport async function generateImageList(\n  imageDirectory: string,\n  existingImages: Record<string, ImageType>,\n  outputPath: string,\n) {\n  const imageMap = await processImageFiles(imageDirectory, existingImages)\n  const sorted = sortImageMap(imageMap)\n  await writeGeneratedImagesFile(sorted, outputPath)\n  await formatGeneratedImagesCodeFile(outputPath)\n}\n\nasync function writeGeneratedImagesFile(imageMap: Record<string, ImageType>, outputPath: string): Promise<void> {\n  const outputContent = `\n  import type { ImageType } from \"~ui/static/img/ImageType\"\n  // Auto-generated, manual changes will be lost\nexport const imageList = ${JSON.stringify(imageMap, null, 2)} as const satisfies Record<string, ImageType>;\n`\n  await Bun.write(outputPath, outputContent)\n  console.log(`Generated ${Object.keys(imageMap).length} images to ${outputPath}`)\n}\n\nasync function processImageFiles(\n  directory: string,\n  existingImages: Record<string, any>,\n): Promise<Record<string, ImageType>> {\n  const imageMap: Record<string, ImageType> = {}\n\n  for await (const filePath of walkDirectory(directory)) {\n    const ext = path.extname(filePath).toLowerCase()\n    if (!IMAGE_EXTENSIONS.has(ext)) {\n      console.log(\"ignoring \" + ext, filePath)\n      continue\n    }\n\n    try {\n      const buffer = await fs.readFile(filePath)\n      const dimensions = imageSize(buffer)\n      if (!dimensions.width || !dimensions.height) continue\n\n      const relativePath = path.relative(directory, filePath)\n      const fileName = path.basename(filePath, ext)\n      let key = fileName.replace(/-/g, \"_\")\n      if (/^\\d/.test(fileName)) {\n        key = \"i\" + key\n      }\n\n      const prevAlt = existingImages[key]?.alt\n      const alt = prevAlt || fileName.replace(/[-_]/g, \" \")\n      const mimeType = getMimeType(ext)\n\n      imageMap[key] = {\n        path: relativePath,\n        width: dimensions.width,\n        height: dimensions.height,\n        alt,\n        mimeType,\n      }\n    } catch (error) {\n      console.error(`Error processing ${filePath}:`, error)\n    }\n  }\n\n  return imageMap\n}\n\nasync function* walkDirectory(dir: string): AsyncGenerator<string> {\n  const entries = await fs.readdir(dir, { withFileTypes: true })\n  for (const entry of entries) {\n    const fullPath = path.join(dir, entry.name)\n    if (entry.isDirectory()) {\n      yield* walkDirectory(fullPath)\n    } else if (entry.isFile()) {\n      yield fullPath\n    }\n  }\n}\n\nfunction sortImageMap(m: Record<string, ImageType>): Record<string, ImageType> {\n  return Object.keys(m)\n    .sort()\n    .reduce(\n      (sorted, key) => {\n        sorted[key] = m[key]!\n        return sorted\n      },\n      {} as Record<string, ImageType>,\n    )\n  }\n\nasync function formatGeneratedImagesCodeFile(outputPath: string) {\n  const cmd = `bun run biome check --write ${outputPath}`.split(\" \")\n  await runCmdAsync(cmd)\n}\n"],"names":["fs"],"mappings":"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"}

package/dist/i18n/ttt.d.ts

@@ -0,0 +1,3 @@
+export declare function ttt(s: string): string;
+export declare function ttt1(s: string, x1: string): string;
+//# sourceMappingURL=ttt.d.ts.map

package/dist/i18n/ttt.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ttt.d.ts","sourceRoot":"","sources":["../../lib/i18n/ttt.ts"],"names":[],"mappings":"AAAA,wBAAgB,GAAG,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,CAErC;AAED,wBAAgB,IAAI,CAAC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,GAAG,MAAM,CAElD"}

package/dist/i18n/ttt.js

@@ -0,0 +1,11 @@
+function ttt(s) {
+  return s;
+}
+function ttt1(s, x1) {
+  return s.replace("[X]", x1);
+}
+export {
+  ttt,
+  ttt1
+};
+//# sourceMappingURL=ttt.js.map

package/dist/i18n/ttt.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ttt.js","sources":["../../lib/i18n/ttt.ts"],"sourcesContent":["export function ttt(s: string): string {\n  return s\n}\n\nexport function ttt1(s: string, x1: string): string {\n  return s.replace(\"[X]\", x1)\n}\n"],"names":[],"mappings":"AAAO,SAAS,IAAI,GAAmB;AACrC,SAAO;AACT;AAEO,SAAS,KAAK,GAAW,IAAoB;AAClD,SAAO,EAAE,QAAQ,OAAO,EAAE;AAC5B;"}

package/dist/input/check/CheckBoolean.d.ts

@@ -0,0 +1,13 @@
+import { SignalObject } from '../../utils/createSignalObject';
+import { MayHaveButtonVariant } from '../../utils/MayHaveButtonVariant';
+import { MayHaveClass } from '../../utils/MayHaveClass';
+import { MayHaveDisabled } from '../../utils/MayHaveDisabled';
+import { MayHaveId } from '../../utils/MayHaveId';
+import { MayHaveInnerClass } from '../../utils/MayHaveInnerClass';
+export interface CheckBooleanProps extends MayHaveId, MayHaveButtonVariant, MayHaveClass, MayHaveInnerClass, MayHaveDisabled {
+    valueSignal: SignalObject<boolean>;
+    valueText: (value: boolean) => string;
+    optionClass?: string;
+}
+export declare function CheckBoolean(p: CheckBooleanProps): import("solid-js").JSX.Element;
+//# sourceMappingURL=CheckBoolean.d.ts.map

package/dist/input/check/CheckBoolean.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckBoolean.d.ts","sourceRoot":"","sources":["../../../lib/input/check/CheckBoolean.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAA;AAChE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,gCAAgC,CAAA;AAC1E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AAC1D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAA;AAChE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAA;AACpD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAA;AAEpE,MAAM,WAAW,iBACf,SAAQ,SAAS,EACf,oBAAoB,EACpB,YAAY,EACZ,iBAAiB,EACjB,eAAe;IACjB,WAAW,EAAE,YAAY,CAAC,OAAO,CAAC,CAAA;IAClC,SAAS,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,MAAM,CAAA;IACrC,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED,wBAAgB,YAAY,CAAC,CAAC,EAAE,iBAAiB,kCA2ChD"}

package/dist/input/check/CheckBoolean.js

@@ -0,0 +1,79 @@
+import { template, insert, createComponent, memo, effect, setAttribute, className } from "solid-js/web";
+import { mdiCheckboxMarkedCircle, mdiCheckboxBlankCircleOutline } from "@mdi/js";
+import { buttonVariant } from "../../interactive/button/buttonCva.js";
+import { ButtonIcon } from "../../interactive/button/ButtonIcon.js";
+import { classMerge } from "../../utils/classMerge.js";
+var _tmpl$ = /* @__PURE__ */ template(`<div><div class="flex gap-2">`);
+function CheckBoolean(p) {
+  const currentValue = () => p.valueSignal.get();
+  return (() => {
+    var _el$ = _tmpl$(), _el$2 = _el$.firstChild;
+    insert(_el$2, createComponent(ButtonIcon, {
+      role: "option",
+      get ["aria-selected"]() {
+        return !currentValue();
+      },
+      get icon() {
+        return !currentValue() ? mdiCheckboxMarkedCircle : mdiCheckboxBlankCircleOutline;
+      },
+      onClick: () => p.valueSignal.set(false),
+      get variant() {
+        return memo(() => !!!currentValue())() ? p.variant ?? buttonVariant.filled : buttonVariant.outline;
+      },
+      get ["class"]() {
+        return classMerge("justify-start text-left", p.innerClass, p.optionClass);
+      },
+      get disabled() {
+        return p.disabled;
+      },
+      get children() {
+        return p.valueText(false);
+      }
+    }), null);
+    insert(_el$2, createComponent(ButtonIcon, {
+      role: "option",
+      get ["aria-selected"]() {
+        return currentValue();
+      },
+      get icon() {
+        return currentValue() ? mdiCheckboxMarkedCircle : mdiCheckboxBlankCircleOutline;
+      },
+      onClick: () => p.valueSignal.set(true),
+      get variant() {
+        return memo(() => !!currentValue())() ? p.variant ?? buttonVariant.filled : buttonVariant.outline;
+      },
+      get ["class"]() {
+        return classMerge("justify-start text-left", p.innerClass, p.optionClass);
+      },
+      get disabled() {
+        return p.disabled;
+      },
+      get children() {
+        return p.valueText(true);
+      }
+    }), null);
+    effect((_p$) => {
+      var _v$ = p.id, _v$2 = classMerge(
+        "group border border-input",
+        "px-2 py-2",
+        "ring-offset-background",
+        "rounded-md",
+        "focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2",
+        "flex flex-col justify-center gap-1",
+        // layout
+        p.class
+      );
+      _v$ !== _p$.e && setAttribute(_el$, "id", _p$.e = _v$);
+      _v$2 !== _p$.t && className(_el$, _p$.t = _v$2);
+      return _p$;
+    }, {
+      e: void 0,
+      t: void 0
+    });
+    return _el$;
+  })();
+}
+export {
+  CheckBoolean
+};
+//# sourceMappingURL=CheckBoolean.js.map

package/dist/input/check/CheckBoolean.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckBoolean.js","sources":["../../../lib/input/check/CheckBoolean.tsx"],"sourcesContent":["import { mdiCheckboxBlankCircleOutline, mdiCheckboxMarkedCircle } from \"@mdi/js\"\nimport { buttonVariant } from \"~ui/interactive/button/buttonCva\"\nimport { ButtonIcon } from \"~ui/interactive/button/ButtonIcon\"\nimport { classMerge } from \"~ui/utils/classMerge\"\nimport type { SignalObject } from \"~ui/utils/createSignalObject\"\nimport type { MayHaveButtonVariant } from \"~ui/utils/MayHaveButtonVariant\"\nimport type { MayHaveClass } from \"~ui/utils/MayHaveClass\"\nimport type { MayHaveDisabled } from \"~ui/utils/MayHaveDisabled\"\nimport type { MayHaveId } from \"~ui/utils/MayHaveId\"\nimport type { MayHaveInnerClass } from \"~ui/utils/MayHaveInnerClass\"\n\nexport interface CheckBooleanProps\n  extends MayHaveId,\n    MayHaveButtonVariant,\n    MayHaveClass,\n    MayHaveInnerClass,\n    MayHaveDisabled {\n  valueSignal: SignalObject<boolean>\n  valueText: (value: boolean) => string\n  optionClass?: string\n}\n\nexport function CheckBoolean(p: CheckBooleanProps) {\n  const currentValue = () => p.valueSignal.get()\n\n  return (\n    <div\n      id={p.id}\n      class={classMerge(\n        \"group border border-input\",\n        \"px-2 py-2\",\n        \"ring-offset-background\",\n        \"rounded-md\",\n        \"focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2\",\n        \"flex flex-col justify-center gap-1\", // layout\n        p.class,\n      )}\n    >\n      <div class=\"flex gap-2\">\n        <ButtonIcon\n          role=\"option\"\n          aria-selected={!currentValue()}\n          icon={!currentValue() ? mdiCheckboxMarkedCircle : mdiCheckboxBlankCircleOutline}\n          onClick={() => p.valueSignal.set(false)}\n          variant={!currentValue() ? (p.variant ?? buttonVariant.filled) : buttonVariant.outline}\n          class={classMerge(\"justify-start text-left\", p.innerClass, p.optionClass)}\n          disabled={p.disabled}\n        >\n          {p.valueText(false)}\n        </ButtonIcon>\n\n        <ButtonIcon\n          role=\"option\"\n          aria-selected={currentValue()}\n          icon={currentValue() ? mdiCheckboxMarkedCircle : mdiCheckboxBlankCircleOutline}\n          onClick={() => p.valueSignal.set(true)}\n          variant={currentValue() ? (p.variant ?? buttonVariant.filled) : buttonVariant.outline}\n          class={classMerge(\"justify-start text-left\", p.innerClass, p.optionClass)}\n          disabled={p.disabled}\n        >\n          {p.valueText(true)}\n        </ButtonIcon>\n      </div>\n    </div>\n  )\n}\n"],"names":["CheckBoolean","p","currentValue","valueSignal","get","_el$","_tmpl$","_el$2","firstChild","_$insert","_$createComponent","ButtonIcon","role","icon","mdiCheckboxMarkedCircle","mdiCheckboxBlankCircleOutline","onClick","set","variant","_$memo","buttonVariant","filled","outline","classMerge","innerClass","optionClass","disabled","children","valueText","_$effect","_p$","_v$","id","_v$2","class","e","_$setAttribute","t","_$className","undefined"],"mappings":";;;;;;AAsBO,SAASA,aAAaC,GAAsB;AACjD,QAAMC,eAAeA,MAAMD,EAAEE,YAAYC,IAAAA;AAEzC,UAAA,MAAA;AAAA,QAAAC,OAAAC,OAAAA,GAAAC,QAAAF,KAAAG;AAAAC,WAAAF,OAAAG,gBAcOC,YAAU;AAAA,MACTC,MAAI;AAAA,MAAA,KAAA,eAAA,IAAA;AAAA,eACW,CAACV,aAAAA;AAAAA,MAAc;AAAA,MAAA,IAC9BW,OAAI;AAAA,eAAE,CAACX,iBAAiBY,0BAA0BC;AAAAA,MAA6B;AAAA,MAC/EC,SAASA,MAAMf,EAAEE,YAAYc,IAAI,KAAK;AAAA,MAAC,IACvCC,UAAO;AAAA,eAAEC,KAAA,MAAA,CAAA,CAAA,CAACjB,aAAAA,CAAc,EAAA,IAAID,EAAEiB,WAAWE,cAAcC,SAAUD,cAAcE;AAAAA,MAAO;AAAA,MAAA,KAAA,OAAA,IAAA;AAAA,eAC/EC,WAAW,2BAA2BtB,EAAEuB,YAAYvB,EAAEwB,WAAW;AAAA,MAAC;AAAA,MAAA,IACzEC,WAAQ;AAAA,eAAEzB,EAAEyB;AAAAA,MAAQ;AAAA,MAAA,IAAAC,WAAA;AAAA,eAEnB1B,EAAE2B,UAAU,KAAK;AAAA,MAAC;AAAA,IAAA,CAAA,GAAA,IAAA;AAAAnB,WAAAF,OAAAG,gBAGpBC,YAAU;AAAA,MACTC,MAAI;AAAA,MAAA,KAAA,eAAA,IAAA;AAAA,eACWV,aAAAA;AAAAA,MAAc;AAAA,MAAA,IAC7BW,OAAI;AAAA,eAAEX,aAAAA,IAAiBY,0BAA0BC;AAAAA,MAA6B;AAAA,MAC9EC,SAASA,MAAMf,EAAEE,YAAYc,IAAI,IAAI;AAAA,MAAC,IACtCC,UAAO;AAAA,eAAEC,KAAA,MAAA,CAAA,CAAAjB,cAAc,EAAA,IAAID,EAAEiB,WAAWE,cAAcC,SAAUD,cAAcE;AAAAA,MAAO;AAAA,MAAA,KAAA,OAAA,IAAA;AAAA,eAC9EC,WAAW,2BAA2BtB,EAAEuB,YAAYvB,EAAEwB,WAAW;AAAA,MAAC;AAAA,MAAA,IACzEC,WAAQ;AAAA,eAAEzB,EAAEyB;AAAAA,MAAQ;AAAA,MAAA,IAAAC,WAAA;AAAA,eAEnB1B,EAAE2B,UAAU,IAAI;AAAA,MAAC;AAAA,IAAA,CAAA,GAAA,IAAA;AAAAC,WAAAC,CAAAA,QAAA;AAAA,UAAAC,MAjClB9B,EAAE+B,IAAEC,OACDV;AAAAA,QACL;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,QACAtB,EAAEiC;AAAAA,MAAAA;AACHH,cAAAD,IAAAK,KAAAC,aAAA/B,MAAA,MAAAyB,IAAAK,IAAAJ,GAAA;AAAAE,eAAAH,IAAAO,KAAAC,UAAAjC,MAAAyB,IAAAO,IAAAJ,IAAA;AAAA,aAAAH;AAAAA,IAAA,GAAA;AAAA,MAAAK,GAAAI;AAAAA,MAAAF,GAAAE;AAAAA,IAAAA,CAAA;AAAA,WAAAlC;AAAAA,EAAA,GAAA;AA6BP;"}

package/dist/input/check/CheckBooleanSingle.d.ts

@@ -0,0 +1,13 @@
+import { SignalObject } from '../../utils/createSignalObject';
+import { MayHaveButtonVariant } from '../../utils/MayHaveButtonVariant';
+import { MayHaveClass } from '../../utils/MayHaveClass';
+import { MayHaveDisabled } from '../../utils/MayHaveDisabled';
+import { MayHaveId } from '../../utils/MayHaveId';
+import { MayHaveInnerClass } from '../../utils/MayHaveInnerClass';
+export interface CheckBooleanSingleProps extends MayHaveId, MayHaveButtonVariant, MayHaveClass, MayHaveInnerClass, MayHaveDisabled {
+    valueSignal: SignalObject<boolean>;
+    valueText: (value: boolean) => string;
+    optionClass?: string;
+}
+export declare function CheckBooleanSingle(p: CheckBooleanSingleProps): import("solid-js").JSX.Element;
+//# sourceMappingURL=CheckBooleanSingle.d.ts.map

package/dist/input/check/CheckBooleanSingle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckBooleanSingle.d.ts","sourceRoot":"","sources":["../../../lib/input/check/CheckBooleanSingle.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAA;AAChE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,gCAAgC,CAAA;AAC1E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AAC1D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAA;AAChE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAA;AACpD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAA;AAEpE,MAAM,WAAW,uBACf,SAAQ,SAAS,EACf,oBAAoB,EACpB,YAAY,EACZ,iBAAiB,EACjB,eAAe;IACjB,WAAW,EAAE,YAAY,CAAC,OAAO,CAAC,CAAA;IAClC,SAAS,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,MAAM,CAAA;IACrC,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED,wBAAgB,kBAAkB,CAAC,CAAC,EAAE,uBAAuB,kCA8B5D"}

package/dist/input/check/CheckBooleanSingle.js

@@ -0,0 +1,61 @@
+import { template, insert, createComponent, effect, setAttribute, className } from "solid-js/web";
+import { mdiCheckboxMarkedCircle, mdiCheckboxBlankCircleOutline } from "@mdi/js";
+import { buttonVariant } from "../../interactive/button/buttonCva.js";
+import { ButtonIcon } from "../../interactive/button/ButtonIcon.js";
+import { classMerge } from "../../utils/classMerge.js";
+var _tmpl$ = /* @__PURE__ */ template(`<div>`);
+function CheckBooleanSingle(p) {
+  const label = () => p.valueText(p.valueSignal.get());
+  const isSelected = () => p.valueSignal.get();
+  return (() => {
+    var _el$ = _tmpl$();
+    insert(_el$, createComponent(ButtonIcon, {
+      role: "option",
+      get ["aria-selected"]() {
+        return isSelected();
+      },
+      get icon() {
+        return isSelected() ? mdiCheckboxMarkedCircle : mdiCheckboxBlankCircleOutline;
+      },
+      onClick: () => toggleOption(p),
+      get variant() {
+        return p.variant ?? buttonVariant.filled;
+      },
+      get ["class"]() {
+        return classMerge("justify-start text-left", p.innerClass, p.optionClass);
+      },
+      get disabled() {
+        return p.disabled;
+      },
+      get children() {
+        return label();
+      }
+    }));
+    effect((_p$) => {
+      var _v$ = p.id, _v$2 = classMerge(
+        "group border border-input",
+        "px-2 py-2",
+        "ring-offset-background",
+        "rounded-md",
+        "focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2",
+        "flex flex-col justify-center",
+        // layout
+        p.class
+      );
+      _v$ !== _p$.e && setAttribute(_el$, "id", _p$.e = _v$);
+      _v$2 !== _p$.t && className(_el$, _p$.t = _v$2);
+      return _p$;
+    }, {
+      e: void 0,
+      t: void 0
+    });
+    return _el$;
+  })();
+}
+function toggleOption(p) {
+  p.valueSignal.set(!p.valueSignal.get());
+}
+export {
+  CheckBooleanSingle
+};
+//# sourceMappingURL=CheckBooleanSingle.js.map

package/dist/input/check/CheckBooleanSingle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckBooleanSingle.js","sources":["../../../lib/input/check/CheckBooleanSingle.tsx"],"sourcesContent":["import { mdiCheckboxBlankCircleOutline, mdiCheckboxMarkedCircle } from \"@mdi/js\"\nimport { buttonVariant } from \"~ui/interactive/button/buttonCva\"\nimport { ButtonIcon } from \"~ui/interactive/button/ButtonIcon\"\nimport { classMerge } from \"~ui/utils/classMerge\"\nimport type { SignalObject } from \"~ui/utils/createSignalObject\"\nimport type { MayHaveButtonVariant } from \"~ui/utils/MayHaveButtonVariant\"\nimport type { MayHaveClass } from \"~ui/utils/MayHaveClass\"\nimport type { MayHaveDisabled } from \"~ui/utils/MayHaveDisabled\"\nimport type { MayHaveId } from \"~ui/utils/MayHaveId\"\nimport type { MayHaveInnerClass } from \"~ui/utils/MayHaveInnerClass\"\n\nexport interface CheckBooleanSingleProps\n  extends MayHaveId,\n    MayHaveButtonVariant,\n    MayHaveClass,\n    MayHaveInnerClass,\n    MayHaveDisabled {\n  valueSignal: SignalObject<boolean>\n  valueText: (value: boolean) => string\n  optionClass?: string\n}\n\nexport function CheckBooleanSingle(p: CheckBooleanSingleProps) {\n  const label = () => p.valueText(p.valueSignal.get())\n  const isSelected = () => p.valueSignal.get()\n\n  return (\n    <div\n      id={p.id}\n      class={classMerge(\n        \"group border border-input\",\n        \"px-2 py-2\",\n        \"ring-offset-background\",\n        \"rounded-md\",\n        \"focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2\",\n        \"flex flex-col justify-center\", // layout\n        p.class,\n      )}\n    >\n      <ButtonIcon\n        role=\"option\"\n        aria-selected={isSelected()}\n        icon={isSelected() ? mdiCheckboxMarkedCircle : mdiCheckboxBlankCircleOutline}\n        onClick={() => toggleOption(p)}\n        variant={p.variant ?? buttonVariant.filled}\n        class={classMerge(\"justify-start text-left\", p.innerClass, p.optionClass)}\n        disabled={p.disabled}\n      >\n        {label()}\n      </ButtonIcon>\n    </div>\n  )\n}\n\nfunction toggleOption(p: CheckBooleanSingleProps) {\n  p.valueSignal.set(!p.valueSignal.get())\n}\n"],"names":["CheckBooleanSingle","p","label","valueText","valueSignal","get","isSelected","_el$","_tmpl$","_$insert","_$createComponent","ButtonIcon","role","icon","mdiCheckboxMarkedCircle","mdiCheckboxBlankCircleOutline","onClick","toggleOption","variant","buttonVariant","filled","classMerge","innerClass","optionClass","disabled","children","_$effect","_p$","_v$","id","_v$2","class","e","_$setAttribute","t","_$className","undefined","set"],"mappings":";;;;;;AAsBO,SAASA,mBAAmBC,GAA4B;AAC7D,QAAMC,QAAQA,MAAMD,EAAEE,UAAUF,EAAEG,YAAYC,KAAK;AACnD,QAAMC,aAAaA,MAAML,EAAEG,YAAYC,IAAAA;AAEvC,UAAA,MAAA;AAAA,QAAAE,OAAAC,OAAAA;AAAAC,WAAAF,MAAAG,gBAaKC,YAAU;AAAA,MACTC,MAAI;AAAA,MAAA,KAAA,eAAA,IAAA;AAAA,eACWN,WAAAA;AAAAA,MAAY;AAAA,MAAA,IAC3BO,OAAI;AAAA,eAAEP,WAAAA,IAAeQ,0BAA0BC;AAAAA,MAA6B;AAAA,MAC5EC,SAASA,MAAMC,aAAahB,CAAC;AAAA,MAAC,IAC9BiB,UAAO;AAAA,eAAEjB,EAAEiB,WAAWC,cAAcC;AAAAA,MAAM;AAAA,MAAA,KAAA,OAAA,IAAA;AAAA,eACnCC,WAAW,2BAA2BpB,EAAEqB,YAAYrB,EAAEsB,WAAW;AAAA,MAAC;AAAA,MAAA,IACzEC,WAAQ;AAAA,eAAEvB,EAAEuB;AAAAA,MAAQ;AAAA,MAAA,IAAAC,WAAA;AAAA,eAEnBvB,MAAAA;AAAAA,MAAO;AAAA,IAAA,CAAA,CAAA;AAAAwB,WAAAC,CAAAA,QAAA;AAAA,UAAAC,MApBN3B,EAAE4B,IAAEC,OACDT;AAAAA,QACL;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,QACApB,EAAE8B;AAAAA,MAAAA;AACHH,cAAAD,IAAAK,KAAAC,aAAA1B,MAAA,MAAAoB,IAAAK,IAAAJ,GAAA;AAAAE,eAAAH,IAAAO,KAAAC,UAAA5B,MAAAoB,IAAAO,IAAAJ,IAAA;AAAA,aAAAH;AAAAA,IAAA,GAAA;AAAA,MAAAK,GAAAI;AAAAA,MAAAF,GAAAE;AAAAA,IAAAA,CAAA;AAAA,WAAA7B;AAAAA,EAAA,GAAA;AAeP;AAEA,SAASU,aAAahB,GAA4B;AAChDA,IAAEG,YAAYiC,IAAI,CAACpC,EAAEG,YAAYC,KAAK;AACxC;"}

package/dist/input/check/CheckMultiple.d.ts

@@ -0,0 +1,14 @@
+import { SignalObject } from '../../utils/createSignalObject';
+import { MayHaveButtonVariant } from '../../utils/MayHaveButtonVariant';
+import { MayHaveClass } from '../../utils/MayHaveClass';
+import { MayHaveDisabled } from '../../utils/MayHaveDisabled';
+import { MayHaveId } from '../../utils/MayHaveId';
+import { MayHaveInnerClass } from '../../utils/MayHaveInnerClass';
+export interface CheckMultipleProps<T extends string> extends MayHaveId, MayHaveButtonVariant, MayHaveClass, MayHaveInnerClass, MayHaveDisabled {
+    valueSignal: SignalObject<T[]>;
+    getOptions: () => T[];
+    valueText?: (value: T) => string;
+    optionClass?: string;
+}
+export declare function CheckMultiple<T extends string = string>(p: CheckMultipleProps<T>): import("solid-js").JSX.Element;
+//# sourceMappingURL=CheckMultiple.d.ts.map