@tmorrow/cre8-wc 1.2.4 → 1.2.5

package/lib/scripts/generate-react-wrappers.js

@@ -0,0 +1,292 @@
+import * as fs from 'fs';
+import * as path from 'path';
+/**
+ * Convert CEM v1 (modules/declarations) to the Tag[] format used by the generator.
+ */
+function cemToTags(manifest) {
+    if (manifest.tags)
+        return manifest.tags;
+    if (!manifest.modules)
+        return [];
+    const tags = [];
+    for (const mod of manifest.modules) {
+        if (!mod.declarations)
+            continue;
+        for (const decl of mod.declarations) {
+            if (decl.kind === 'class' && decl.tagName && decl.customElement) {
+                tags.push({
+                    name: decl.tagName,
+                    path: './' + mod.path,
+                    description: decl.description,
+                    attributes: decl.attributes?.map(a => ({
+                        ...a,
+                        type: typeof a.type === 'object' && a.type !== null ? a.type.text : a.type,
+                    })),
+                    events: decl.events,
+                    slots: decl.slots,
+                });
+            }
+        }
+    }
+    return tags;
+}
+function toPascalCase(str) {
+    return str
+        .split('-')
+        .map((part) => part.charAt(0).toUpperCase() + part.slice(1))
+        .join('');
+}
+function getReactPropType(type) {
+    if (!type)
+        return 'any';
+    // Handle truncated types (e.g., "... 5 more ...")
+    if (type.includes('...') && type.includes('more')) {
+        return 'string';
+    }
+    // Handle unknown/custom types that aren't standard
+    const unknownTypes = [
+        'ChartTypeRegistry', 'CalendarModal', 'status', 'Color', 'Shape',
+        'Cre8SelectOption', 'Cre8SelectOptionGroup', 'Chart'
+    ];
+    for (const unknownType of unknownTypes) {
+        if (type.includes(unknownType)) {
+            return 'any';
+        }
+    }
+    // Handle union types with only quoted strings
+    if (type.includes('|')) {
+        // Check if it's a valid union type (only strings, numbers, booleans, undefined, or quoted values)
+        const parts = type.split('|').map(p => p.trim());
+        const isValidUnion = parts.every(p => p === 'undefined' ||
+            p === 'string' ||
+            p === 'number' ||
+            p === 'boolean' ||
+            p.startsWith('"') ||
+            p === 'string | undefined' ||
+            p === 'number | undefined' ||
+            p === 'boolean | undefined');
+        if (isValidUnion) {
+            return type;
+        }
+        return 'any';
+    }
+    // Handle common types
+    switch (type.toLowerCase()) {
+        case 'string':
+            return 'string';
+        case 'number':
+            return 'number';
+        case 'boolean':
+        case 'boolean | undefined':
+            return 'boolean';
+        default:
+            // If it looks like a custom type (starts with capital letter), use any
+            if (/^[A-Z]/.test(type)) {
+                return 'any';
+            }
+            return type;
+    }
+}
+function toValidEventName(eventName) {
+    // Convert dots and dashes to camelCase
+    return eventName
+        .split(/[.-]/)
+        .map((part, index) => index === 0 ? part : part.charAt(0).toUpperCase() + part.slice(1))
+        .join('');
+}
+function generateReactWrapper(tag) {
+    const componentName = toPascalCase(tag.name);
+    const elementClassName = componentName;
+    const tagName = tag.name;
+    // Get the import path from the tag path
+    const importPath = tag.path
+        .replace('./components/', '')
+        .replace('.ts', '');
+    // Generate props interface
+    const propsLines = [];
+    if (tag.attributes) {
+        for (const attr of tag.attributes) {
+            const propName = attr.name.includes('-')
+                ? attr.name.replace(/-([a-z])/g, (_, c) => c.toUpperCase())
+                : attr.name;
+            const propType = getReactPropType(attr.type);
+            const description = attr.description ? `  /** ${attr.description.trim().replace(/\n/g, ' ')} */\n` : '';
+            propsLines.push(`${description}  ${propName}?: ${propType};`);
+        }
+    }
+    // Add children prop for slots
+    if (tag.slots && tag.slots.length > 0) {
+        propsLines.push('  children?: React.ReactNode;');
+    }
+    // Generate event props
+    const eventProps = [];
+    if (tag.events) {
+        for (const event of tag.events) {
+            const validEventName = toValidEventName(event.name);
+            const eventPropName = 'on' + validEventName.charAt(0).toUpperCase() + validEventName.slice(1);
+            eventProps.push(`  ${eventPropName}?: (event: CustomEvent) => void;`);
+        }
+    }
+    const allProps = [...propsLines, ...eventProps].join('\n');
+    // Generate the component
+    return `import { createComponent } from '@lit/react';
+import { ${elementClassName} as ${elementClassName}Element } from '@tmorrow/cre8-wc/lib/components/${importPath}';
+import React from 'react';
+
+export interface ${componentName}Props {
+${allProps}
+}
+
+/**
+ * ${tag.description?.trim().split('\n')[0] || componentName + ' component'}
+ */
+export const ${componentName} = createComponent({
+  react: React,
+  tagName: '${tagName}',
+  elementClass: ${elementClassName}Element,
+${tag.events && tag.events.length > 0 ? `  events: {
+${tag.events.map(e => {
+        const validEventName = toValidEventName(e.name);
+        const eventPropName = 'on' + validEventName.charAt(0).toUpperCase() + validEventName.slice(1);
+        return `    ${eventPropName}: '${e.name}'`;
+    }).join(',\n')}
+  }` : ''}
+});
+
+export default ${componentName};
+`;
+}
+function generateIndexFile(tags) {
+    // Track which components are exported from which folder
+    const folderExports = new Map();
+    for (const tag of tags) {
+        if (!tag.name.startsWith('cre8-'))
+            continue;
+        const componentName = toPascalCase(tag.name);
+        const importPath = tag.path
+            .replace('./components/', '')
+            .replace('.ts', '');
+        const folderName = toPascalCase(importPath.split('/')[0]);
+        if (!folderExports.has(folderName)) {
+            folderExports.set(folderName, []);
+        }
+        folderExports.get(folderName).push(componentName);
+    }
+    const exports = [];
+    for (const [folderName, components] of folderExports) {
+        // Only export the main component (one matching folder name with Cre8 prefix)
+        const expectedName = 'Cre8' + folderName;
+        const mainComponent = components.find(c => c === expectedName) || components[0];
+        exports.push(`export { ${mainComponent} } from './components/${folderName}';`);
+    }
+    return `// Auto-generated React wrappers
+${exports.join('\n')}
+`;
+}
+async function main() {
+    const manifestPath = path.join(process.cwd(), 'custom-elements.json');
+    const outputDir = path.join(process.cwd(), 'react-wrappers');
+    // Read manifest
+    const manifest = JSON.parse(fs.readFileSync(manifestPath, 'utf-8'));
+    // Create output directory
+    if (!fs.existsSync(outputDir)) {
+        fs.mkdirSync(outputDir, { recursive: true });
+    }
+    const componentsDir = path.join(outputDir, 'components');
+    if (!fs.existsSync(componentsDir)) {
+        fs.mkdirSync(componentsDir, { recursive: true });
+    }
+    // Convert manifest to tags format
+    const tags = cemToTags(manifest);
+    // Generate wrapper for each tag
+    const generatedComponents = [];
+    for (const tag of tags) {
+        if (!tag.name.startsWith('cre8-'))
+            continue;
+        const componentName = toPascalCase(tag.name);
+        const folderName = tag.path
+            .replace('./components/', '')
+            .replace('.ts', '')
+            .split('/')[0];
+        const componentDir = path.join(componentsDir, toPascalCase(folderName));
+        if (!fs.existsSync(componentDir)) {
+            fs.mkdirSync(componentDir, { recursive: true });
+        }
+        const wrapperCode = generateReactWrapper(tag);
+        const outputPath = path.join(componentDir, `${componentName}.tsx`);
+        fs.writeFileSync(outputPath, wrapperCode);
+        // Also create index.tsx
+        fs.writeFileSync(path.join(componentDir, 'index.tsx'), `export * from './${componentName}';\n`);
+        generatedComponents.push(componentName);
+        console.log(`Generated: ${componentName}`);
+    }
+    // Generate main index file
+    const indexContent = generateIndexFile(tags);
+    fs.writeFileSync(path.join(outputDir, 'index.ts'), indexContent);
+    // Read parent package version for syncing
+    const parentPkg = JSON.parse(fs.readFileSync(path.join(process.cwd(), 'package.json'), 'utf-8'));
+    const version = parentPkg.version;
+    // Generate package.json
+    const packageJson = {
+        name: '@tmorrow/cre8-react',
+        version,
+        description: 'React wrappers for cre8 Web Components (@tmorrow/cre8-wc)',
+        license: parentPkg.license || 'MIT',
+        type: 'module',
+        main: 'dist/index.js',
+        types: 'dist/index.d.ts',
+        module: 'dist/index.js',
+        exports: {
+            '.': {
+                import: './dist/index.js',
+                types: './dist/index.d.ts',
+            },
+            './components/*': {
+                import: './dist/components/*',
+                types: './dist/components/*',
+            },
+        },
+        files: ['dist'],
+        repository: {
+            type: 'git',
+            url: 'https://github.com/tmorrowdev/Cre8-Components.git',
+            directory: 'packages/cre8-wc/react-wrappers',
+        },
+        keywords: ['react', 'web-components', 'lit', 'cre8', 'design-system'],
+        peerDependencies: {
+            react: '>=18',
+            'react-dom': '>=18',
+        },
+        dependencies: {
+            '@lit/react': parentPkg.dependencies?.['@lit/react'] || '^1.0.8',
+            '@tmorrow/cre8-wc': `^${version}`,
+        },
+    };
+    fs.writeFileSync(path.join(outputDir, 'package.json'), JSON.stringify(packageJson, null, 2) + '\n');
+    // Generate tsconfig.json
+    const tsconfig = {
+        compilerOptions: {
+            target: 'ES2021',
+            module: 'ESNext',
+            moduleResolution: 'bundler',
+            declaration: true,
+            declarationMap: true,
+            outDir: 'dist',
+            rootDir: '.',
+            strict: true,
+            esModuleInterop: true,
+            skipLibCheck: true,
+            jsx: 'react-jsx',
+            paths: {
+                '@tmorrow/cre8-wc': ['../lib'],
+                '@tmorrow/cre8-wc/*': ['../*'],
+            },
+        },
+        include: ['index.ts', 'components/**/*.tsx'],
+        exclude: ['dist', 'node_modules'],
+    };
+    fs.writeFileSync(path.join(outputDir, 'tsconfig.json'), JSON.stringify(tsconfig, null, 2) + '\n');
+    console.log(`\nGenerated ${generatedComponents.length} React wrappers in ${outputDir}`);
+}
+main().catch(console.error);
+//# sourceMappingURL=generate-react-wrappers.js.map

package/lib/scripts/generate-react-wrappers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"generate-react-wrappers.js","sourceRoot":"","sources":["../../scripts/generate-react-wrappers.ts"],"names":[],"mappings":"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","sourcesContent":["import * as fs from 'fs';\nimport * as path from 'path';\n\ninterface Attribute {\n  name: string;\n  description?: string;\n  type?: string;\n  default?: string;\n}\n\ninterface Event {\n  name: string;\n  description?: string;\n}\n\ninterface Slot {\n  name: string;\n  description?: string;\n}\n\ninterface Tag {\n  name: string;\n  path: string;\n  description?: string;\n  attributes?: Attribute[];\n  events?: Event[];\n  slots?: Slot[];\n}\n\ninterface CustomElementsManifest {\n  version?: string;\n  schemaVersion?: string;\n  tags?: Tag[];\n  modules?: CemModule[];\n}\n\ninterface CemModule {\n  kind: string;\n  path: string;\n  declarations?: CemDeclaration[];\n}\n\ninterface CemDeclaration {\n  kind: string;\n  name: string;\n  tagName?: string;\n  customElement?: boolean;\n  description?: string;\n  attributes?: Attribute[];\n  events?: Event[];\n  slots?: Slot[];\n}\n\n/**\n * Convert CEM v1 (modules/declarations) to the Tag[] format used by the generator.\n */\nfunction cemToTags(manifest: CustomElementsManifest): Tag[] {\n  if (manifest.tags) return manifest.tags;\n  if (!manifest.modules) return [];\n\n  const tags: Tag[] = [];\n  for (const mod of manifest.modules) {\n    if (!mod.declarations) continue;\n    for (const decl of mod.declarations) {\n      if (decl.kind === 'class' && decl.tagName && decl.customElement) {\n        tags.push({\n          name: decl.tagName,\n          path: './' + mod.path,\n          description: decl.description,\n          attributes: decl.attributes?.map(a => ({\n            ...a,\n            type: typeof a.type === 'object' && a.type !== null ? (a.type as any).text : a.type,\n          })),\n          events: decl.events,\n          slots: decl.slots,\n        });\n      }\n    }\n  }\n  return tags;\n}\n\nfunction toPascalCase(str: string): string {\n  return str\n    .split('-')\n    .map((part) => part.charAt(0).toUpperCase() + part.slice(1))\n    .join('');\n}\n\nfunction getReactPropType(type: string | undefined): string {\n  if (!type) return 'any';\n\n  // Handle truncated types (e.g., \"... 5 more ...\")\n  if (type.includes('...') && type.includes('more')) {\n    return 'string';\n  }\n\n  // Handle unknown/custom types that aren't standard\n  const unknownTypes = [\n    'ChartTypeRegistry', 'CalendarModal', 'status', 'Color', 'Shape',\n    'Cre8SelectOption', 'Cre8SelectOptionGroup', 'Chart'\n  ];\n  for (const unknownType of unknownTypes) {\n    if (type.includes(unknownType)) {\n      return 'any';\n    }\n  }\n\n  // Handle union types with only quoted strings\n  if (type.includes('|')) {\n    // Check if it's a valid union type (only strings, numbers, booleans, undefined, or quoted values)\n    const parts = type.split('|').map(p => p.trim());\n    const isValidUnion = parts.every(p =>\n      p === 'undefined' ||\n      p === 'string' ||\n      p === 'number' ||\n      p === 'boolean' ||\n      p.startsWith('\"') ||\n      p === 'string | undefined' ||\n      p === 'number | undefined' ||\n      p === 'boolean | undefined'\n    );\n    if (isValidUnion) {\n      return type;\n    }\n    return 'any';\n  }\n\n  // Handle common types\n  switch (type.toLowerCase()) {\n    case 'string':\n      return 'string';\n    case 'number':\n      return 'number';\n    case 'boolean':\n    case 'boolean | undefined':\n      return 'boolean';\n    default:\n      // If it looks like a custom type (starts with capital letter), use any\n      if (/^[A-Z]/.test(type)) {\n        return 'any';\n      }\n      return type;\n  }\n}\n\nfunction toValidEventName(eventName: string): string {\n  // Convert dots and dashes to camelCase\n  return eventName\n    .split(/[.-]/)\n    .map((part, index) =>\n      index === 0 ? part : part.charAt(0).toUpperCase() + part.slice(1)\n    )\n    .join('');\n}\n\nfunction generateReactWrapper(tag: Tag): string {\n  const componentName = toPascalCase(tag.name);\n  const elementClassName = componentName;\n  const tagName = tag.name;\n\n  // Get the import path from the tag path\n  const importPath = tag.path\n    .replace('./components/', '')\n    .replace('.ts', '');\n\n  // Generate props interface\n  const propsLines: string[] = [];\n\n  if (tag.attributes) {\n    for (const attr of tag.attributes) {\n      const propName = attr.name.includes('-')\n        ? attr.name.replace(/-([a-z])/g, (_, c) => c.toUpperCase())\n        : attr.name;\n      const propType = getReactPropType(attr.type);\n      const description = attr.description ? `  /** ${attr.description.trim().replace(/\\n/g, ' ')} */\\n` : '';\n      propsLines.push(`${description}  ${propName}?: ${propType};`);\n    }\n  }\n\n  // Add children prop for slots\n  if (tag.slots && tag.slots.length > 0) {\n    propsLines.push('  children?: React.ReactNode;');\n  }\n\n  // Generate event props\n  const eventProps: string[] = [];\n  if (tag.events) {\n    for (const event of tag.events) {\n      const validEventName = toValidEventName(event.name);\n      const eventPropName = 'on' + validEventName.charAt(0).toUpperCase() + validEventName.slice(1);\n      eventProps.push(`  ${eventPropName}?: (event: CustomEvent) => void;`);\n    }\n  }\n\n  const allProps = [...propsLines, ...eventProps].join('\\n');\n\n  // Generate the component\n  return `import { createComponent } from '@lit/react';\nimport { ${elementClassName} as ${elementClassName}Element } from '@tmorrow/cre8-wc/lib/components/${importPath}';\nimport React from 'react';\n\nexport interface ${componentName}Props {\n${allProps}\n}\n\n/**\n * ${tag.description?.trim().split('\\n')[0] || componentName + ' component'}\n */\nexport const ${componentName} = createComponent({\n  react: React,\n  tagName: '${tagName}',\n  elementClass: ${elementClassName}Element,\n${tag.events && tag.events.length > 0 ? `  events: {\n${tag.events.map(e => {\n    const validEventName = toValidEventName(e.name);\n    const eventPropName = 'on' + validEventName.charAt(0).toUpperCase() + validEventName.slice(1);\n    return `    ${eventPropName}: '${e.name}'`;\n  }).join(',\\n')}\n  }` : ''}\n});\n\nexport default ${componentName};\n`;\n}\n\nfunction generateIndexFile(tags: Tag[]): string {\n  // Track which components are exported from which folder\n  const folderExports = new Map<string, string[]>();\n\n  for (const tag of tags) {\n    if (!tag.name.startsWith('cre8-')) continue;\n\n    const componentName = toPascalCase(tag.name);\n    const importPath = tag.path\n      .replace('./components/', '')\n      .replace('.ts', '');\n    const folderName = toPascalCase(importPath.split('/')[0]);\n\n    if (!folderExports.has(folderName)) {\n      folderExports.set(folderName, []);\n    }\n    folderExports.get(folderName)!.push(componentName);\n  }\n\n  const exports: string[] = [];\n  for (const [folderName, components] of folderExports) {\n    // Only export the main component (one matching folder name with Cre8 prefix)\n    const expectedName = 'Cre8' + folderName;\n    const mainComponent = components.find(c => c === expectedName) || components[0];\n    exports.push(`export { ${mainComponent} } from './components/${folderName}';`);\n  }\n\n  return `// Auto-generated React wrappers\n${exports.join('\\n')}\n`;\n}\n\nasync function main() {\n  const manifestPath = path.join(process.cwd(), 'custom-elements.json');\n  const outputDir = path.join(process.cwd(), 'react-wrappers');\n\n  // Read manifest\n  const manifest: CustomElementsManifest = JSON.parse(\n    fs.readFileSync(manifestPath, 'utf-8')\n  );\n\n  // Create output directory\n  if (!fs.existsSync(outputDir)) {\n    fs.mkdirSync(outputDir, { recursive: true });\n  }\n\n  const componentsDir = path.join(outputDir, 'components');\n  if (!fs.existsSync(componentsDir)) {\n    fs.mkdirSync(componentsDir, { recursive: true });\n  }\n\n  // Convert manifest to tags format\n  const tags = cemToTags(manifest);\n\n  // Generate wrapper for each tag\n  const generatedComponents: string[] = [];\n\n  for (const tag of tags) {\n    if (!tag.name.startsWith('cre8-')) continue;\n\n    const componentName = toPascalCase(tag.name);\n    const folderName = tag.path\n      .replace('./components/', '')\n      .replace('.ts', '')\n      .split('/')[0];\n\n    const componentDir = path.join(componentsDir, toPascalCase(folderName));\n    if (!fs.existsSync(componentDir)) {\n      fs.mkdirSync(componentDir, { recursive: true });\n    }\n\n    const wrapperCode = generateReactWrapper(tag);\n    const outputPath = path.join(componentDir, `${componentName}.tsx`);\n\n    fs.writeFileSync(outputPath, wrapperCode);\n\n    // Also create index.tsx\n    fs.writeFileSync(\n      path.join(componentDir, 'index.tsx'),\n      `export * from './${componentName}';\\n`\n    );\n\n    generatedComponents.push(componentName);\n    console.log(`Generated: ${componentName}`);\n  }\n\n  // Generate main index file\n  const indexContent = generateIndexFile(tags);\n  fs.writeFileSync(path.join(outputDir, 'index.ts'), indexContent);\n\n  // Read parent package version for syncing\n  const parentPkg = JSON.parse(fs.readFileSync(path.join(process.cwd(), 'package.json'), 'utf-8'));\n  const version = parentPkg.version;\n\n  // Generate package.json\n  const packageJson = {\n    name: '@tmorrow/cre8-react',\n    version,\n    description: 'React wrappers for cre8 Web Components (@tmorrow/cre8-wc)',\n    license: parentPkg.license || 'MIT',\n    type: 'module',\n    main: 'dist/index.js',\n    types: 'dist/index.d.ts',\n    module: 'dist/index.js',\n    exports: {\n      '.': {\n        import: './dist/index.js',\n        types: './dist/index.d.ts',\n      },\n      './components/*': {\n        import: './dist/components/*',\n        types: './dist/components/*',\n      },\n    },\n    files: ['dist'],\n    repository: {\n      type: 'git',\n      url: 'https://github.com/tmorrowdev/Cre8-Components.git',\n      directory: 'packages/cre8-wc/react-wrappers',\n    },\n    keywords: ['react', 'web-components', 'lit', 'cre8', 'design-system'],\n    peerDependencies: {\n      react: '>=18',\n      'react-dom': '>=18',\n    },\n    dependencies: {\n      '@lit/react': parentPkg.dependencies?.['@lit/react'] || '^1.0.8',\n      '@tmorrow/cre8-wc': `^${version}`,\n    },\n  };\n  fs.writeFileSync(\n    path.join(outputDir, 'package.json'),\n    JSON.stringify(packageJson, null, 2) + '\\n'\n  );\n\n  // Generate tsconfig.json\n  const tsconfig = {\n    compilerOptions: {\n      target: 'ES2021',\n      module: 'ESNext',\n      moduleResolution: 'bundler',\n      declaration: true,\n      declarationMap: true,\n      outDir: 'dist',\n      rootDir: '.',\n      strict: true,\n      esModuleInterop: true,\n      skipLibCheck: true,\n      jsx: 'react-jsx',\n      paths: {\n        '@tmorrow/cre8-wc': ['../lib'],\n        '@tmorrow/cre8-wc/*': ['../*'],\n      },\n    },\n    include: ['index.ts', 'components/**/*.tsx'],\n    exclude: ['dist', 'node_modules'],\n  };\n  fs.writeFileSync(\n    path.join(outputDir, 'tsconfig.json'),\n    JSON.stringify(tsconfig, null, 2) + '\\n'\n  );\n\n  console.log(`\\nGenerated ${generatedComponents.length} React wrappers in ${outputDir}`);\n}\n\nmain().catch(console.error);\n"]}

package/lib/toBeAccessible.d.ts

@@ -0,0 +1,9 @@
+declare global {
+    namespace jest {
+        interface Matchers<R> {
+            toBeAccessible(): R;
+        }
+    }
+}
+export {};
+//# sourceMappingURL=toBeAccessible.d.ts.map

package/lib/toBeAccessible.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toBeAccessible.d.ts","sourceRoot":"","sources":["../toBeAccessible.ts"],"names":[],"mappings":"AAuBA,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,IAAI,CAAC;QACb,UAAU,QAAQ,CAAC,CAAC;YAClB,cAAc,IAAI,CAAC,CAAC;SACrB;KACF;CACF"}

package/lib/toBeAccessible.js

@@ -0,0 +1,18 @@
+/* eslint-disable @typescript-eslint/no-namespace */
+import { expect } from '@jest/globals';
+import { axe, toHaveNoViolations } from 'jest-axe';
+const defaultAxeOptions = {
+    runOnly: {
+        type: 'tag',
+        // Note that although WCAG 2.1 is inclusive of WCAG 2.0 in their guidelines, axe-core currently
+        // still separates these tags so we must include them for coverage.
+        values: ['wcag2a', 'wcag2aa', 'wcag21a', 'wcag21aa'],
+    },
+};
+// axeOptions: https://github.com/dequelabs/axe-core/blob/master/doc/API.md#options-parameter
+const toBeAccessible = async (html) => {
+    const results = await axe(html, { ...defaultAxeOptions, frameWaitTime: 10000 });
+    return toHaveNoViolations.toHaveNoViolations(results);
+};
+expect.extend({ toBeAccessible });
+//# sourceMappingURL=toBeAccessible.js.map

package/lib/toBeAccessible.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toBeAccessible.js","sourceRoot":"","sources":["../toBeAccessible.ts"],"names":[],"mappings":"AAAA,oDAAoD;AAEpD,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACvC,OAAO,EAAE,GAAG,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAEnD,MAAM,iBAAiB,GAAG;IACtB,OAAO,EAAE;QACL,IAAI,EAAE,KAAc;QACxB,+FAA+F;QAC/F,mEAAmE;QAC/D,MAAM,EAAE,CAAC,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,CAAC;KACvD;CACJ,CAAC;AAEF,6FAA6F;AAC7F,MAAM,cAAc,GAAG,KAAK,EAAE,IAAiB,EAAE,EAAE;IAC/C,MAAM,OAAO,GAAG,MAAM,GAAG,CAAC,IAAI,EAAE,EAAE,GAAG,iBAAiB,EAAE,aAAa,EAAE,KAAK,EAAE,CAAC,CAAC;IAChF,OAAO,kBAAkB,CAAC,kBAAkB,CAAC,OAAO,CAAC,CAAC;AAC1D,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,CAAC,EAAE,cAAc,EAAE,CAAC,CAAC","sourcesContent":["/* eslint-disable @typescript-eslint/no-namespace */\n\nimport { expect } from '@jest/globals';\nimport { axe, toHaveNoViolations } from 'jest-axe';\n\nconst defaultAxeOptions = {\n    runOnly: {\n        type: 'tag' as const,\n    // Note that although WCAG 2.1 is inclusive of WCAG 2.0 in their guidelines, axe-core currently\n    // still separates these tags so we must include them for coverage.\n        values: ['wcag2a', 'wcag2aa', 'wcag21a', 'wcag21aa'],\n    },\n};\n\n// axeOptions: https://github.com/dequelabs/axe-core/blob/master/doc/API.md#options-parameter\nconst toBeAccessible = async (html: HTMLElement) => {\n    const results = await axe(html, { ...defaultAxeOptions, frameWaitTime: 10000 });\n    return toHaveNoViolations.toHaveNoViolations(results);\n};\n\nexpect.extend({ toBeAccessible });\n\n\ndeclare global {\n  namespace jest {\n    interface Matchers<R> {\n      toBeAccessible(): R;\n    }\n  }\n}\n"]}

package/lib/utilities/is-mobile.d.ts

@@ -0,0 +1,5 @@
+export declare const screenSizes: {
+    [key: string]: number;
+};
+export declare const isMobile: (screen?: string) => boolean;
+//# sourceMappingURL=is-mobile.d.ts.map

package/lib/utilities/is-mobile.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"is-mobile.d.ts","sourceRoot":"","sources":["../../utilities/is-mobile.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW,EAAE;IACxB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;CAQvB,CAAC;AAGF,eAAO,MAAM,QAAQ,GAAI,eAAc,KAAG,OAAiE,CAAC"}

package/lib/utilities/is-mobile.js

@@ -0,0 +1,10 @@
+export const screenSizes = {
+    xsm: 375,
+    sm: 560,
+    md: 768,
+    lg: 960,
+    xl: 1200,
+    xxl: 1600,
+};
+export const isMobile = (screen = '768') => !window.matchMedia(`(min-width: ${screen}px)`).matches;
+//# sourceMappingURL=is-mobile.js.map

package/lib/utilities/is-mobile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"is-mobile.js","sourceRoot":"","sources":["../../utilities/is-mobile.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,WAAW,GAEpB;IACA,GAAG,EAAE,GAAG;IACR,EAAE,EAAE,GAAG;IACP,EAAE,EAAE,GAAG;IACP,EAAE,EAAE,GAAG;IACP,EAAE,EAAE,IAAI;IACR,GAAG,EAAE,IAAI;CACZ,CAAC;AAGF,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,MAAM,GAAG,KAAK,EAAW,EAAE,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,eAAe,MAAM,KAAK,CAAC,CAAC,OAAO,CAAC","sourcesContent":["export const screenSizes: {\n  [key: string]: number;\n} = {\n    xsm: 375,\n    sm: 560,\n    md: 768,\n    lg: 960,\n    xl: 1200,\n    xxl: 1600,\n};\n\n\nexport const isMobile = (screen = '768'): boolean => !window.matchMedia(`(min-width: ${screen}px)`).matches;\n"]}

package/lib/utilities/story-helpers.d.ts

@@ -0,0 +1,9 @@
+export declare const sanitizeInput: (value: string, ...extraAllowedTags: string[]) => string;
+/**
+ * Adding this default export to satisfy the `import/prefer-default-export` eslint rule.
+ *
+ * Remove this once more functions are added to this file, OR
+ * rename this from `story-helpers.ts` if the only planned function is for sanitizeInput
+ */
+export default sanitizeInput;
+//# sourceMappingURL=story-helpers.d.ts.map

package/lib/utilities/story-helpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"story-helpers.d.ts","sourceRoot":"","sources":["../../utilities/story-helpers.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,aAAa,GAAI,OAAO,MAAM,EAAE,GAAG,kBAAkB,MAAM,EAAE,WAGxE,CAAC;AAEH;;;;;GAKG;AACH,eAAe,aAAa,CAAC"}

package/lib/utilities/story-helpers.js

@@ -0,0 +1,14 @@
+import sanitizeHtml from 'sanitize-html';
+// Need to sanitize some fields we show in Storybook via `unsafeHTML` with user provided data
+export const sanitizeInput = (value, ...extraAllowedTags) => sanitizeHtml(value, {
+    allowedTags: [...sanitizeHtml.defaults.allowedTags, ...extraAllowedTags],
+    allowedAttributes: false,
+});
+/**
+ * Adding this default export to satisfy the `import/prefer-default-export` eslint rule.
+ *
+ * Remove this once more functions are added to this file, OR
+ * rename this from `story-helpers.ts` if the only planned function is for sanitizeInput
+ */
+export default sanitizeInput;
+//# sourceMappingURL=story-helpers.js.map

package/lib/utilities/story-helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"story-helpers.js","sourceRoot":"","sources":["../../utilities/story-helpers.ts"],"names":[],"mappings":"AAAA,OAAO,YAAY,MAAM,eAAe,CAAC;AAEzC,6FAA6F;AAC7F,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,KAAa,EAAE,GAAG,gBAA0B,EAAE,EAAE,CAAC,YAAY,CAAC,KAAK,EAAE;IAC/F,WAAW,EAAE,CAAC,GAAG,YAAY,CAAC,QAAQ,CAAC,WAAW,EAAE,GAAG,gBAAgB,CAAC;IACxE,iBAAiB,EAAE,KAAK;CAC3B,CAAC,CAAC;AAEH;;;;;GAKG;AACH,eAAe,aAAa,CAAC","sourcesContent":["import sanitizeHtml from 'sanitize-html';\n\n// Need to sanitize some fields we show in Storybook via `unsafeHTML` with user provided data\nexport const sanitizeInput = (value: string, ...extraAllowedTags: string[]) => sanitizeHtml(value, {\n    allowedTags: [...sanitizeHtml.defaults.allowedTags, ...extraAllowedTags],\n    allowedAttributes: false,\n});\n\n/**\n * Adding this default export to satisfy the `import/prefer-default-export` eslint rule.\n *\n * Remove this once more functions are added to this file, OR\n * rename this from `story-helpers.ts` if the only planned function is for sanitizeInput\n */\nexport default sanitizeInput;\n"]}

package/lib/vite.config.cdn.d.ts

@@ -0,0 +1,18 @@
+/**
+ * CDN Build Configuration
+ *
+ * This configuration creates a bundled build suitable for CDN deployment.
+ * It bundles all dependencies (lit, lit-html, classnames, design tokens)
+ * into a single file that can be loaded via <script> tag.
+ *
+ * Usage:
+ *   <script src="https://cdn.example.com/cre8-wc.min.js"></script>
+ *   <!-- All cre8-* components are now available -->
+ *   <cre8-button>Click me</cre8-button>
+ *
+ * Or as ES module:
+ *   <script type="module" src="https://cdn.example.com/cre8-wc.esm.js"></script>
+ */
+declare const _default: import("vite").UserConfig;
+export default _default;
+//# sourceMappingURL=vite.config.cdn.d.ts.map

package/lib/vite.config.cdn.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"vite.config.cdn.d.ts","sourceRoot":"","sources":["../vite.config.cdn.ts"],"names":[],"mappings":"AAGA;;;;;;;;;;;;;;GAcG;;AACH,wBAkEG"}

package/lib/vite.config.cdn.js

@@ -0,0 +1,87 @@
+import { defineConfig } from 'vite';
+import { resolve } from 'path';
+/**
+ * CDN Build Configuration
+ *
+ * This configuration creates a bundled build suitable for CDN deployment.
+ * It bundles all dependencies (lit, lit-html, classnames, design tokens)
+ * into a single file that can be loaded via <script> tag.
+ *
+ * Usage:
+ *   <script src="https://cdn.example.com/cre8-wc.min.js"></script>
+ *   <!-- All cre8-* components are now available -->
+ *   <cre8-button>Click me</cre8-button>
+ *
+ * Or as ES module:
+ *   <script type="module" src="https://cdn.example.com/cre8-wc.esm.js"></script>
+ */
+export default defineConfig({
+    build: {
+        lib: {
+            entry: resolve(__dirname, 'cdn-entry.ts'),
+            name: 'Cre8WC',
+            formats: ['es', 'iife'],
+            fileName: (format) => {
+                if (format === 'es')
+                    return 'cre8-wc.esm.js';
+                if (format === 'iife')
+                    return 'cre8-wc.min.js';
+                return `cre8-wc.${format}.js`;
+            },
+        },
+        outDir: 'cdn',
+        emptyOutDir: true,
+        minify: 'esbuild',
+        sourcemap: true,
+        rollupOptions: {
+            output: {
+                // Ensure all code is in one file
+                inlineDynamicImports: true,
+                // Global variable name for IIFE build
+                name: 'Cre8WC',
+                // Preserve exports for ES module build
+                exports: 'named',
+                assetFileNames: (assetInfo) => {
+                    if (/\.(css|scss)$/.test(assetInfo.name)) {
+                        return 'cre8-wc.css';
+                    }
+                    if (/\.(woff|woff2|eot|ttf|otf)$/.test(assetInfo.name)) {
+                        return `fonts/[name].[ext]`;
+                    }
+                    return `assets/[name].[ext]`;
+                },
+            },
+            // Don't mark anything as external - bundle everything
+            external: [],
+        },
+        // Increase chunk size warning limit since we're bundling everything
+        chunkSizeWarningLimit: 2000,
+        copyPublicDir: false,
+    },
+    css: {
+        preprocessorOptions: {
+            scss: {
+                additionalData: `@import "./design-tokens/core/scss/theming/head.module.css";`,
+                includePaths: [
+                    resolve(__dirname, 'node_modules')
+                ]
+            }
+        }
+    },
+    resolve: {
+        alias: {
+            '@tmorrow/cre8-wc/icons': resolve(__dirname, 'icons'),
+        },
+        extensions: ['.js', '.cjs', '.ts', '.jsx', '.tsx', '.scss', '.css', '.otf', '.ttf', '.yml']
+    },
+    esbuild: {
+        loader: 'ts',
+        include: /\.(ts|js)$/,
+        exclude: [],
+    },
+    define: {
+        // Ensure lit doesn't try to use dev mode in production
+        'process.env.NODE_ENV': JSON.stringify('production'),
+    },
+});
+//# sourceMappingURL=vite.config.cdn.js.map

package/lib/vite.config.cdn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"vite.config.cdn.js","sourceRoot":"","sources":["../vite.config.cdn.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,MAAM,CAAC;AACpC,OAAO,EAAE,OAAO,EAAE,MAAM,MAAM,CAAC;AAE/B;;;;;;;;;;;;;;GAcG;AACH,eAAe,YAAY,CAAC;IAC1B,KAAK,EAAE;QACL,GAAG,EAAE;YACH,KAAK,EAAE,OAAO,CAAC,SAAS,EAAE,cAAc,CAAC;YACzC,IAAI,EAAE,QAAQ;YACd,OAAO,EAAE,CAAC,IAAI,EAAE,MAAM,CAAC;YACvB,QAAQ,EAAE,CAAC,MAAM,EAAE,EAAE;gBACnB,IAAI,MAAM,KAAK,IAAI;oBAAE,OAAO,gBAAgB,CAAC;gBAC7C,IAAI,MAAM,KAAK,MAAM;oBAAE,OAAO,gBAAgB,CAAC;gBAC/C,OAAO,WAAW,MAAM,KAAK,CAAC;YAChC,CAAC;SACF;QACD,MAAM,EAAE,KAAK;QACb,WAAW,EAAE,IAAI;QACjB,MAAM,EAAE,SAAS;QACjB,SAAS,EAAE,IAAI;QACf,aAAa,EAAE;YACb,MAAM,EAAE;gBACN,iCAAiC;gBACjC,oBAAoB,EAAE,IAAI;gBAC1B,sCAAsC;gBACtC,IAAI,EAAE,QAAQ;gBACd,uCAAuC;gBACvC,OAAO,EAAE,OAAO;gBAChB,cAAc,EAAE,CAAC,SAAS,EAAE,EAAE;oBAC5B,IAAI,eAAe,CAAC,IAAI,CAAC,SAAS,CAAC,IAAK,CAAC,EAAE,CAAC;wBAC1C,OAAO,aAAa,CAAC;oBACvB,CAAC;oBACD,IAAI,6BAA6B,CAAC,IAAI,CAAC,SAAS,CAAC,IAAK,CAAC,EAAE,CAAC;wBACxD,OAAO,oBAAoB,CAAC;oBAC9B,CAAC;oBACD,OAAO,qBAAqB,CAAC;gBAC/B,CAAC;aACF;YACD,sDAAsD;YACtD,QAAQ,EAAE,EAAE;SACb;QACD,oEAAoE;QACpE,qBAAqB,EAAE,IAAI;QAC3B,aAAa,EAAE,KAAK;KACrB;IACD,GAAG,EAAE;QACH,mBAAmB,EAAE;YACnB,IAAI,EAAE;gBACJ,cAAc,EAAE,8DAA8D;gBAC9E,YAAY,EAAE;oBACZ,OAAO,CAAC,SAAS,EAAE,cAAc,CAAC;iBACnC;aACF;SACF;KACF;IACD,OAAO,EAAE;QACP,KAAK,EAAE;YACL,wBAAwB,EAAE,OAAO,CAAC,SAAS,EAAE,OAAO,CAAC;SACtD;QACD,UAAU,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC;KAC5F;IACD,OAAO,EAAE;QACP,MAAM,EAAE,IAAI;QACZ,OAAO,EAAE,YAAY;QACrB,OAAO,EAAE,EAAE;KACZ;IACD,MAAM,EAAE;QACN,uDAAuD;QACvD,sBAAsB,EAAE,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC;KACrD;CACF,CAAC,CAAC","sourcesContent":["import { defineConfig } from 'vite';\nimport { resolve } from 'path';\n\n/**\n * CDN Build Configuration\n *\n * This configuration creates a bundled build suitable for CDN deployment.\n * It bundles all dependencies (lit, lit-html, classnames, design tokens)\n * into a single file that can be loaded via <script> tag.\n *\n * Usage:\n *   <script src=\"https://cdn.example.com/cre8-wc.min.js\"></script>\n *   <!-- All cre8-* components are now available -->\n *   <cre8-button>Click me</cre8-button>\n *\n * Or as ES module:\n *   <script type=\"module\" src=\"https://cdn.example.com/cre8-wc.esm.js\"></script>\n */\nexport default defineConfig({\n  build: {\n    lib: {\n      entry: resolve(__dirname, 'cdn-entry.ts'),\n      name: 'Cre8WC',\n      formats: ['es', 'iife'],\n      fileName: (format) => {\n        if (format === 'es') return 'cre8-wc.esm.js';\n        if (format === 'iife') return 'cre8-wc.min.js';\n        return `cre8-wc.${format}.js`;\n      },\n    },\n    outDir: 'cdn',\n    emptyOutDir: true,\n    minify: 'esbuild',\n    sourcemap: true,\n    rollupOptions: {\n      output: {\n        // Ensure all code is in one file\n        inlineDynamicImports: true,\n        // Global variable name for IIFE build\n        name: 'Cre8WC',\n        // Preserve exports for ES module build\n        exports: 'named',\n        assetFileNames: (assetInfo) => {\n          if (/\\.(css|scss)$/.test(assetInfo.name!)) {\n            return 'cre8-wc.css';\n          }\n          if (/\\.(woff|woff2|eot|ttf|otf)$/.test(assetInfo.name!)) {\n            return `fonts/[name].[ext]`;\n          }\n          return `assets/[name].[ext]`;\n        },\n      },\n      // Don't mark anything as external - bundle everything\n      external: [],\n    },\n    // Increase chunk size warning limit since we're bundling everything\n    chunkSizeWarningLimit: 2000,\n    copyPublicDir: false,\n  },\n  css: {\n    preprocessorOptions: {\n      scss: {\n        additionalData: `@import \"./design-tokens/core/scss/theming/head.module.css\";`,\n        includePaths: [\n          resolve(__dirname, 'node_modules')\n        ]\n      }\n    }\n  },\n  resolve: {\n    alias: {\n      '@tmorrow/cre8-wc/icons': resolve(__dirname, 'icons'),\n    },\n    extensions: ['.js', '.cjs', '.ts', '.jsx', '.tsx', '.scss', '.css', '.otf', '.ttf', '.yml']\n  },\n  esbuild: {\n    loader: 'ts',\n    include: /\\.(ts|js)$/,\n    exclude: [],\n  },\n  define: {\n    // Ensure lit doesn't try to use dev mode in production\n    'process.env.NODE_ENV': JSON.stringify('production'),\n  },\n});\n"]}

package/lib/vite.config.d.ts

@@ -0,0 +1,3 @@
+declare const _default: import("vite").UserConfig;
+export default _default;
+//# sourceMappingURL=vite.config.d.ts.map

package/lib/vite.config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"vite.config.d.ts","sourceRoot":"","sources":["../vite.config.ts"],"names":[],"mappings":";AAkEA,wBA2IG"}