@caidentity/testicon 0.0.1

package/README.md

@@ -0,0 +1,21 @@
+# @caidentity/testicon
+
+React icon package generated from your Design Library objects.
+
+- Version: 0.0.1
+- Install: `npm install @caidentity/testicon`
+
+## Usage
+
+```tsx
+import { IconBase } from '@caidentity/testicon'
+import { Home } from '@caidentity/testicon'
+
+export function Example() {
+  return (
+    <div style={{ display: 'flex', gap: 12 }}>
+      <Home size={24} title="Home" />
+    </div>
+  )
+}
+```

package/package.json

@@ -0,0 +1,29 @@
+{
+  "name": "@caidentity/testicon",
+  "version": "0.0.1",
+  "description": "Icons for @caidentity/testicon",
+  "license": "MIT",
+  "keywords": [
+    "ICON",
+    "testicon",
+    "icons",
+    "react",
+    "svg",
+    "design-library"
+  ],
+  "type": "module",
+  "main": "./src/index.ts",
+  "module": "./src/index.ts",
+  "types": "./src/index.ts",
+  "exports": {
+    ".": {
+      "types": "./src/index.ts",
+      "import": "./src/index.ts"
+    }
+  },
+  "peerDependencies": {
+    "react": ">=17.0.0",
+    "react-dom": ">=17.0.0"
+  },
+  "sideEffects": false
+}

package/src/Icon.tsx

@@ -0,0 +1,48 @@
+import React, { SVGProps } from 'react'
+
+export interface IconProps extends SVGProps<SVGSVGElement> {
+  name: string
+  size?: number | string
+  title?: string
+}
+
+const iconRegistry = {
+  "frame": {
+    "svg": "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"800\" height=\"600\" viewBox=\"0 0 800 600\">\n<metadata><![CDATA[{\"pageId\":\"page-1\",\"viewMode\":\"frames\",\"frame\":{\"id\":\"frame-ugsm68m-1765604797950\",\"name\":\"Frame\",\"x\":317,\"y\":38,\"w\":800,\"h\":600,\"overflow\":\"hidden\"},\"shapeIds\":[\"path_wyhsf97\"]}]]></metadata>\n<g transform=\"translate(-317, -38)\"><g id=\"flattened_fills\"><path data-flattened=\"true\" fill=\"#000000\" fill-opacity=\"1\" stroke=\"none\" d=\"M 568 205 L 792 205 Q 800 205 800 213 L 800 377 Q 800 385 792 385 L 568 385 Q 560 385 560 377 L 560 213 Q 560 205 568 205 Z\" fillRule=\"nonzero\" /></g><path d=\"M 8 0 L 232 0 Q 240 0 240 8 L 240 172 Q 240 180 232 180 L 8 180 Q 0 180 0 172 L 0 8 Q 0 0 8 0 Z\" fill=\"none\" fill-opacity=\"0\" stroke=\"#000000\" stroke-opacity=\"1\" strokeWidth=\"2\" strokeLinecap=\"butt\" strokeLinejoin=\"miter\" transform=\"translate(560,205)\" /></g>",
+    "viewBox": "0 0 800 600"
+  }
+}
+
+export const Icon: React.FC<IconProps> = ({
+  name,
+  size = 24,
+  title,
+  className,
+  ...props
+}) => {
+  const iconData = iconRegistry[name.toLowerCase()]
+
+  if (!iconData) {
+    console.warn(`Icon "${name}" not found`)
+    return null
+  }
+
+  return (
+    <svg
+      width={size}
+      height={size}
+      viewBox={iconData.viewBox}
+      fill="currentColor"
+      className={className}
+      aria-hidden={title ? undefined : true}
+      aria-labelledby={title ? `${name}-title` : undefined}
+      role="img"
+      {...props}
+    >
+      {title && <title id={`${name}-title`}>{title}</title>}
+      <g dangerouslySetInnerHTML={{ __html: iconData.svg }} />
+    </svg>
+  )
+}
+
+export default Icon

package/src/icons/manifest.json

@@ -0,0 +1,10 @@
+[
+  {
+    "id": "frame-ugsm68m-1765604797950",
+    "name": "Frame",
+    "component": "frame",
+    "width": 800,
+    "height": 600,
+    "viewBox": "0 0 800 600"
+  }
+]

package/src/icons/manifest.ts

@@ -0,0 +1,21 @@
+// Generated manifest for icon lookup/runtime metadata
+export type IconManifestEntry = {
+  id: string
+  name: string
+  component: string
+  width: number
+  height: number
+  viewBox: string
+  tags?: string[]
+}
+
+export const iconsManifest: IconManifestEntry[] = [
+  {
+    "id": "frame-ugsm68m-1765604797950",
+    "name": "Frame",
+    "component": "frame",
+    "width": 800,
+    "height": 600,
+    "viewBox": "0 0 800 600"
+  }
+] as IconManifestEntry[]

package/src/icons.tsx

@@ -0,0 +1,6 @@
+// Icon registry utilities
+export const iconNames = [
+  "frame"
+] as const
+
+export type IconName = typeof iconNames[number]

package/src/index.ts

@@ -0,0 +1,2 @@
+export { Icon } from './Icon'
+export { iconsManifest } from './icons/manifest'

package/tsconfig.json

@@ -0,0 +1,16 @@
+{
+  "compilerOptions": {
+    "target": "ES2019",
+    "module": "ESNext",
+    "jsx": "react-jsx",
+    "strict": true,
+    "esModuleInterop": true,
+    "skipLibCheck": true,
+    "forceConsistentCasingInFileNames": true,
+    "declaration": true,
+    "outDir": "dist",
+    "moduleResolution": "Bundler",
+    "types": ["react", "react-dom"]
+  },
+  "include": ["src"]
+}