@payfit/unity-illustrations 2.17.4 → 2.17.6

package/dist/esm/components/illustration/figma/IllustratedIcon.figma.d.ts

@@ -0,0 +1,7 @@
+declare namespace _default {
+    export let id: string;
+    export { code as example };
+    export let imports: string[];
+}
+export default _default;
+declare const code: any;

package/dist/esm/components/illustration/figma/IllustratedPictureLarge.figma.d.ts

@@ -0,0 +1,7 @@
+declare namespace _default {
+    export let id: string;
+    export { code as example };
+    export let imports: string[];
+}
+export default _default;
+declare const code: any;

package/dist/esm/components/illustration/figma/IllustratedPictureMedium.figma.d.ts

@@ -0,0 +1,7 @@
+declare namespace _default {
+    export let id: string;
+    export { code as example };
+    export let imports: string[];
+}
+export default _default;
+declare const code: any;

package/dist/esm/components/illustration/figma/IllustratedPictureSmall.figma.d.ts

@@ -0,0 +1,7 @@
+declare namespace _default {
+    export let id: string;
+    export { code as example };
+    export let imports: string[];
+}
+export default _default;
+declare const code: any;

package/dist/esm/components/lazy-illustration/figma/LazyIllustratedIcon.figma.d.ts

@@ -0,0 +1,7 @@
+declare namespace _default {
+    export let id: string;
+    export { code as example };
+    export let imports: string[];
+}
+export default _default;
+declare const code: any;

package/dist/esm/components/lazy-illustration/figma/LazyIllustratedPictureLarge.figma.d.ts

@@ -0,0 +1,7 @@
+declare namespace _default {
+    export let id: string;
+    export { code as example };
+    export let imports: string[];
+}
+export default _default;
+declare const code: any;

package/dist/esm/components/lazy-illustration/figma/LazyIllustratedPictureMedium.figma.d.ts

@@ -0,0 +1,7 @@
+declare namespace _default {
+    export let id: string;
+    export { code as example };
+    export let imports: string[];
+}
+export default _default;
+declare const code: any;

package/dist/esm/components/lazy-illustration/figma/LazyIllustratedPictureSmall.figma.d.ts

@@ -0,0 +1,7 @@
+declare namespace _default {
+    export let id: string;
+    export { code as example };
+    export let imports: string[];
+}
+export default _default;
+declare const code: any;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@payfit/unity-illustrations",
-  "version": "2.17.4",
+  "version": "2.17.6",
   "module": "./dist/esm/index.js",
   "type": "module",
   "sideEffects": false,
@@ -33,11 +33,13 @@
     "svgo": "3.3.2"
   },
   "devDependencies": {
+    "@figma/code-connect": "1.4.1",
     "@payfit/code-pushup-tools": "0.0.0-use.local",
+    "@payfit/figma-tools": "0.0.0-use.local",
     "@payfit/hr-app-eslint": "0.0.0-use.local",
     "@payfit/hr-apps-tsconfigs": "0.0.0-use.local",
     "@payfit/storybook-config": "0.0.0-use.local",
-    "@payfit/unity-themes": "2.17.4",
+    "@payfit/unity-themes": "2.17.6",
     "@payfit/vite-configs": "0.0.0-use.local",
     "@storybook/addon-a11y": "10.2.17",
     "@storybook/addon-docs": "10.2.17",
@@ -56,7 +58,7 @@
     "vite": "7.1.12"
   },
   "peerDependencies": {
-    "@payfit/unity-themes": "2.17.4",
+    "@payfit/unity-themes": "2.17.6",
     "react": "18.3.1",
     "react-dom": "18.3.1"
   }

package/src/components/illustration/figma/IllustratedIcon.figma.js

@@ -0,0 +1,153 @@
+// url=https://www.figma.com/design/NYcgOc3qMmcEDNqD6kD8J4?node-id=104-1898
+// component=Illustration
+// source=https://github.com/PayFit/hr-apps/blob/master/libs/shared/unity/illustrations/src/components/illustration/Illustration.tsx
+
+/**
+ * AUTO-GENERATED - DO NOT EDIT
+ *
+ * Template file for Figma Code Connect - Illustration component (Icons)
+ *
+ * Handles dynamic mapping of:
+ * - Name property -> PascalCase code name
+ * - With background property -> "WithBackground" suffix
+ * - Size property -> React size value
+ */
+
+const figma = require('figma')
+const instance = figma.selectedInstance
+
+const nameValue = instance.getEnum('Name', {
+  administrative_document: 'AdministrativeDocument',
+  annual_taxes: 'AnnualTaxes',
+  baby_bottle: 'BabyBottle',
+  bell: 'Bell',
+  bicycle: 'Bicycle',
+  blank_payslip: 'BlankPayslip',
+  box: 'Box',
+  buoy: 'Buoy',
+  calculator: 'Calculator',
+  card: 'Card',
+  character_headphone: 'CharacterHeadphone',
+  checkbox: 'Checkbox',
+  clock: 'Clock',
+  closed_lock: 'ClosedLock',
+  computer_documentation: 'ComputerDocumentation',
+  confettis: 'Confettis',
+  contact: 'Contact',
+  conversation: 'Conversation',
+  data: 'Data',
+  discount: 'Discount',
+  document: 'Document',
+  document_error: 'DocumentError',
+  document_filing: 'DocumentFiling',
+  e_signature: 'ESignature',
+  email_notification: 'EmailNotification',
+  emergency_contact: 'EmergencyContact',
+  employment_contract: 'EmploymentContract',
+  empty_document: 'EmptyDocument',
+  empty_state: 'EmptyState',
+  exceeding_threshold: 'ExceedingThreshold',
+  exceptional_compensation: 'ExceptionalCompensation',
+  expenses: 'Expenses',
+  FAQ: 'FAQ',
+  field_glasses: 'FieldGlasses',
+  free_share: 'FreeShare',
+  full_calendar: 'FullCalendar',
+  gear: 'Gear',
+  gift: 'Gift',
+  golden_ribbon: 'GoldenRibbon',
+  graph: 'Graph',
+  half_calendar: 'HalfCalendar',
+  hammer: 'Hammer',
+  hand_hello: 'HandHello',
+  happy_character: 'HappyCharacter',
+  health: 'Health',
+  health_insurance: 'HealthInsurance',
+  holiday_voucher: 'HolidayVoucher',
+  identity_card: 'IdentityCard',
+  information_update: 'InformationUpdate',
+  JEC: 'JEC',
+  JEI_JEU_JEC: 'JeiJeuJec',
+  kanoon: 'Kanoon',
+  kpmg: 'Kpmg',
+  legal_help: 'LegalHelp',
+  letter_box: 'LetterBox',
+  light_bulb: 'LightBulb',
+  little_rocket: 'LittleRocket',
+  lunch_voucher: 'LunchVoucher',
+  magnifying_glass: 'MagnifyingGlass',
+  meal_plate: 'MealPlate',
+  meal_voucher: 'MealVoucher',
+  meal_voucher_card: 'MealVoucherCard',
+  mobility: 'Mobility',
+  money_lending: 'MoneyLending',
+  notes: 'Notes',
+  official_letter: 'OfficialLetter',
+  open_lock: 'OpenLock',
+  organismes_payment: 'OrganismesPayment',
+  paid_leave: 'PaidLeave',
+  payment_information: 'PaymentInformation',
+  payslip: 'Payslip',
+  payslip_coins: 'PayslipCoins',
+  pen: 'Pen',
+  people: 'People',
+  performance: 'Performance',
+  person_headphone: 'PersonHeadphone',
+  personal_details: 'PersonalDetails',
+  piggy_bank: 'PiggyBank',
+  piggy_bank_coins: 'PiggyBankCoins',
+  plant: 'Plant',
+  provident_scheme: 'ProvidentScheme',
+  remote_work: 'RemoteWork',
+  report: 'Report',
+  salary: 'Salary',
+  salary_advance: 'SalaryAdvance',
+  salary_payment: 'SalaryPayment',
+  salary_seizure: 'SalarySeizure',
+  sand_castle: 'SandCastle',
+  schedule: 'Schedule',
+  set_up_task: 'SetUpTask',
+  setting_slider: 'SettingSlider',
+  sick_leave: 'SickLeave',
+  small_puzzle: 'SmallPuzzle',
+  smiling_character: 'SmilingCharacter',
+  spreadsheet: 'Spreadsheet',
+  stethoscope: 'Stethoscope',
+  stock_options: 'StockOptions',
+  stopwatch: 'Stopwatch',
+  sunshade: 'Sunshade',
+  task_to_do: 'TaskToDo',
+  template: 'Template',
+  thumbtack: 'Thumbtack',
+  time_tracking: 'TimeTracking',
+  tips_jar: 'TipsJar',
+  token_coin: 'TokenCoin',
+  validation_window: 'ValidationWindow',
+  work_expense: 'WorkExpense',
+  working_time: 'WorkingTime',
+})
+
+const withBackgroundValue = instance.getBoolean('With background')
+const sizeValue = instance.getEnum('Size', {
+  small: 'sm',
+  medium: 'md',
+  large: 'lg',
+})
+
+const finalSrc = withBackgroundValue ? nameValue + 'WithBackground' : nameValue
+
+const code = figma.tsx`<Illustration
+  src={${finalSrc}}
+  size="${sizeValue}"
+  variant="icon"
+  alt="${finalSrc} illustration"
+/>`
+
+export default {
+  id: 'illustration-icon',
+  example: code,
+  imports: [
+    "import { Illustration } from '@payfit/unity-illustrations'",
+    `import ${finalSrc} from '@payfit/unity-illustrations/assets/${finalSrc}'`,
+  ],
+}

package/src/components/illustration/figma/IllustratedPictureLarge.figma.js

@@ -0,0 +1,146 @@
+// url=https://www.figma.com/design/NYcgOc3qMmcEDNqD6kD8J4?node-id=216-3916
+// component=Illustration
+// source=https://github.com/PayFit/hr-apps/blob/master/libs/shared/unity/illustrations/src/components/illustration/Illustration.tsx
+
+/**
+ * AUTO-GENERATED - DO NOT EDIT
+ *
+ * Template file for Figma Code Connect - Illustration component (Pictures - Large)
+ *
+ * Handles dynamic mapping of:
+ * - Name property -> PascalCase code name
+ * - Type property -> "EmptyState" prefix for empty-state type
+ */
+
+const figma = require('figma')
+const instance = figma.selectedInstance
+
+const nameValue = instance.getEnum('Name', {
+  accounting: 'Accounting',
+  activation_button: 'ActivationButton',
+  activation_toggle: 'ActivationToggle',
+  add_employee: 'AddEmployee',
+  alphabet_cube: 'AlphabetCube',
+  analysis: 'Analysis',
+  automation_in_progress: 'AutomationInProgress',
+  big_idea: 'BigIdea',
+  binoculars: 'Binoculars',
+  biscuit: 'Biscuit',
+  biscuit_crumbs: 'BiscuitCrumbs',
+  book: 'Book',
+  brainstorming: 'Brainstorming',
+  calendar: 'Calendar',
+  chat: 'Chat',
+  christmas_sock: 'ChristmasSock',
+  christmas_sock_and_confettis: 'ChristmasSockAndConfettis',
+  collaboration: 'Collaboration',
+  collective_research: 'CollectiveResearch',
+  computer_mail: 'ComputerMail',
+  confetti_cannon: 'ConfettiCannon',
+  contract_signature: 'ContractSignature',
+  cross_legged: 'CrossLegged',
+  cup_of_coffee: 'CupOfCoffee',
+  dancing: 'Dancing',
+  dancing_people: 'DancingPeople',
+  dancing_skier: 'DancingSkier',
+  desert: 'Desert',
+  dialogue: 'Dialogue',
+  discussion: 'Discussion',
+  doctor: 'Doctor',
+  document_creation: 'DocumentCreation',
+  document_scan: 'DocumentScan',
+  document_scanning: 'DocumentScanning',
+  email_login: 'EmailLogin',
+  empty_folder: 'EmptyFolder',
+  evaluation: 'Evaluation',
+  filing_documents: 'FilingDocuments',
+  flowchart: 'Flowchart',
+  graphic: 'Graphic',
+  hands: 'Hands',
+  high_five: 'HighFive',
+  highlight_books: 'HighlightBooks',
+  idea: 'Idea',
+  incident_panel: 'IncidentPanel',
+  indicate_something: 'IndicateSomething',
+  jetlang_calculator: 'JetlangCalculator',
+  library: 'Library',
+  maintenance: 'Maintenance',
+  marteler: 'Marteler',
+  moon: 'Moon',
+  mug: 'Mug',
+  panel: 'Panel',
+  paper_plane: 'PaperPlane',
+  party: 'Party',
+  payfitters_with_badge: 'PayfittersWithBadge',
+  payroll_error: 'PayrollError',
+  person: 'Person',
+  phone_message: 'PhoneMessage',
+  planet: 'Planet',
+  post_it: 'PostIt',
+  progression: 'Progression',
+  promotion: 'Promotion',
+  puzzle: 'Puzzle',
+  puzzle_piece: 'PuzzlePiece',
+  reading_a_book: 'ReadingABook',
+  receiving_pay: 'ReceivingPay',
+  rehire_employee: 'RehireEmployee',
+  remote: 'Remote',
+  research: 'Research',
+  rocket: 'Rocket',
+  safe_deposit_box: 'SafeDepositBox',
+  sale: 'Sale',
+  security_fields: 'SecurityFields',
+  signature: 'Signature',
+  sitting_on_the_sofa: 'SittingOnTheSofa',
+  solve_problem: 'SolveProblem',
+  speaker_fingertips: 'SpeakerFingertips',
+  speaker_welcome: 'SpeakerWelcome',
+  speaker_with_microphone: 'SpeakerWithMicrophone',
+  stack_of_book_2: 'StackOfBook2',
+  stair_treads: 'StairTreads',
+  taking_note: 'TakingNote',
+  target: 'Target',
+  team_building: 'TeamBuilding',
+  telescope: 'Telescope',
+  template_form: 'TemplateForm',
+  thumbsup: 'Thumbsup',
+  timer: 'Timer',
+  to_do: 'ToDo',
+  toggle_off: 'ToggleOff',
+  toggle_on: 'ToggleOn',
+  trophy: 'Trophy',
+  trophy_won: 'TrophyWon',
+  visually_impaired: 'VisuallyImpaired',
+  visually_impaired_winter: 'VisuallyImpairedWinter',
+  walking_people: 'WalkingPeople',
+  winter_party: 'WinterParty',
+  work_at_office: 'WorkAtOffice',
+  work_from_anywhere: 'WorkFromAnywhere',
+  wrench: 'Wrench',
+  write_book: 'WriteBook',
+})
+
+const typeValue = instance.getEnum('Type', {
+  generic: 'generic',
+  specific: 'specific',
+  'empty-state': 'empty-state',
+})
+
+// Apply EmptyState prefix dynamically based on Type
+const finalSrc =
+  typeValue === 'empty-state' ? 'EmptyState' + nameValue : nameValue
+
+const code = figma.tsx`<Illustration
+  src={${finalSrc}}
+  variant="picture"
+  alt="${finalSrc} illustration"
+/>`
+
+export default {
+  id: 'illustration-picture-large',
+  example: code,
+  imports: [
+    "import { Illustration } from '@payfit/unity-illustrations'",
+    `import ${finalSrc} from '@payfit/unity-illustrations/assets/${finalSrc}'`,
+  ],
+}

package/src/components/illustration/figma/IllustratedPictureMedium.figma.js

@@ -0,0 +1,146 @@
+// url=https://www.figma.com/design/NYcgOc3qMmcEDNqD6kD8J4?node-id=214-5807
+// component=Illustration
+// source=https://github.com/PayFit/hr-apps/blob/master/libs/shared/unity/illustrations/src/components/illustration/Illustration.tsx
+
+/**
+ * AUTO-GENERATED - DO NOT EDIT
+ *
+ * Template file for Figma Code Connect - Illustration component (Pictures - Medium)
+ *
+ * Handles dynamic mapping of:
+ * - Name property -> PascalCase code name
+ * - Type property -> "EmptyState" prefix for empty-state type
+ */
+
+const figma = require('figma')
+const instance = figma.selectedInstance
+
+const nameValue = instance.getEnum('Name', {
+  accounting: 'Accounting',
+  activation_button: 'ActivationButton',
+  activation_toggle: 'ActivationToggle',
+  add_employee: 'AddEmployee',
+  alphabet_cube: 'AlphabetCube',
+  analysis: 'Analysis',
+  automation_in_progress: 'AutomationInProgress',
+  big_idea: 'BigIdea',
+  binoculars: 'Binoculars',
+  biscuit: 'Biscuit',
+  biscuit_crumbs: 'BiscuitCrumbs',
+  book: 'Book',
+  brainstorming: 'Brainstorming',
+  calendar: 'Calendar',
+  chat: 'Chat',
+  christmas_sock: 'ChristmasSock',
+  christmas_sock_and_confettis: 'ChristmasSockAndConfettis',
+  collaboration: 'Collaboration',
+  collective_research: 'CollectiveResearch',
+  computer_mail: 'ComputerMail',
+  confetti_cannon: 'ConfettiCannon',
+  contract_signature: 'ContractSignature',
+  cross_legged: 'CrossLegged',
+  cup_of_coffee: 'CupOfCoffee',
+  dancing: 'Dancing',
+  dancing_people: 'DancingPeople',
+  dancing_skier: 'DancingSkier',
+  desert: 'Desert',
+  dialogue: 'Dialogue',
+  discussion: 'Discussion',
+  doctor: 'Doctor',
+  document_creation: 'DocumentCreation',
+  document_scan: 'DocumentScan',
+  document_scanning: 'DocumentScanning',
+  email_login: 'EmailLogin',
+  empty_folder: 'EmptyFolder',
+  evaluation: 'Evaluation',
+  filing_documents: 'FilingDocuments',
+  flowchart: 'Flowchart',
+  graphic: 'Graphic',
+  hands: 'Hands',
+  high_five: 'HighFive',
+  highlight_books: 'HighlightBooks',
+  idea: 'Idea',
+  incident_panel: 'IncidentPanel',
+  indicate_something: 'IndicateSomething',
+  jetlang_calculator: 'JetlangCalculator',
+  library: 'Library',
+  maintenance: 'Maintenance',
+  marteler: 'Marteler',
+  moon: 'Moon',
+  mug: 'Mug',
+  panel: 'Panel',
+  paper_plane: 'PaperPlane',
+  party: 'Party',
+  payfitters_with_badge: 'PayfittersWithBadge',
+  payroll_error: 'PayrollError',
+  person: 'Person',
+  phone_message: 'PhoneMessage',
+  planet: 'Planet',
+  post_it: 'PostIt',
+  progression: 'Progression',
+  promotion: 'Promotion',
+  puzzle: 'Puzzle',
+  puzzle_piece: 'PuzzlePiece',
+  reading_a_book: 'ReadingABook',
+  receiving_pay: 'ReceivingPay',
+  rehire_employee: 'RehireEmployee',
+  remote: 'Remote',
+  research: 'Research',
+  rocket: 'Rocket',
+  safe_deposit_box: 'SafeDepositBox',
+  sale: 'Sale',
+  security_fields: 'SecurityFields',
+  signature: 'Signature',
+  sitting_on_the_sofa: 'SittingOnTheSofa',
+  solve_problem: 'SolveProblem',
+  speaker_fingertips: 'SpeakerFingertips',
+  speaker_welcome: 'SpeakerWelcome',
+  speaker_with_microphone: 'SpeakerWithMicrophone',
+  stack_of_book_2: 'StackOfBook2',
+  stair_treads: 'StairTreads',
+  taking_note: 'TakingNote',
+  target: 'Target',
+  team_building: 'TeamBuilding',
+  telescope: 'Telescope',
+  template_form: 'TemplateForm',
+  thumbsup: 'Thumbsup',
+  timer: 'Timer',
+  to_do: 'ToDo',
+  toggle_off: 'ToggleOff',
+  toggle_on: 'ToggleOn',
+  trophy: 'Trophy',
+  trophy_won: 'TrophyWon',
+  visually_impaired: 'VisuallyImpaired',
+  visually_impaired_winter: 'VisuallyImpairedWinter',
+  walking_people: 'WalkingPeople',
+  winter_party: 'WinterParty',
+  work_at_office: 'WorkAtOffice',
+  work_from_anywhere: 'WorkFromAnywhere',
+  wrench: 'Wrench',
+  write_book: 'WriteBook',
+})
+
+const typeValue = instance.getEnum('Type', {
+  generic: 'generic',
+  specific: 'specific',
+  'empty-state': 'empty-state',
+})
+
+// Apply EmptyState prefix dynamically based on Type
+const finalSrc =
+  typeValue === 'empty-state' ? 'EmptyState' + nameValue : nameValue
+
+const code = figma.tsx`<Illustration
+  src={${finalSrc}}
+  variant="picture"
+  alt="${finalSrc} illustration"
+/>`
+
+export default {
+  id: 'illustration-picture-medium',
+  example: code,
+  imports: [
+    "import { Illustration } from '@payfit/unity-illustrations'",
+    `import ${finalSrc} from '@payfit/unity-illustrations/assets/${finalSrc}'`,
+  ],
+}

package/src/components/illustration/figma/IllustratedPictureSmall.figma.js

@@ -0,0 +1,146 @@
+// url=https://www.figma.com/design/NYcgOc3qMmcEDNqD6kD8J4?node-id=214-3597
+// component=Illustration
+// source=https://github.com/PayFit/hr-apps/blob/master/libs/shared/unity/illustrations/src/components/illustration/Illustration.tsx
+
+/**
+ * AUTO-GENERATED - DO NOT EDIT
+ *
+ * Template file for Figma Code Connect - Illustration component (Pictures - Small)
+ *
+ * Handles dynamic mapping of:
+ * - Name property -> PascalCase code name
+ * - Type property -> "EmptyState" prefix for empty-state type
+ */
+
+const figma = require('figma')
+const instance = figma.selectedInstance
+
+const nameValue = instance.getEnum('Name', {
+  accounting: 'Accounting',
+  activation_button: 'ActivationButton',
+  activation_toggle: 'ActivationToggle',
+  add_employee: 'AddEmployee',
+  alphabet_cube: 'AlphabetCube',
+  analysis: 'Analysis',
+  automation_in_progress: 'AutomationInProgress',
+  big_idea: 'BigIdea',
+  binoculars: 'Binoculars',
+  biscuit: 'Biscuit',
+  biscuit_crumbs: 'BiscuitCrumbs',
+  book: 'Book',
+  brainstorming: 'Brainstorming',
+  calendar: 'Calendar',
+  chat: 'Chat',
+  christmas_sock: 'ChristmasSock',
+  christmas_sock_and_confettis: 'ChristmasSockAndConfettis',
+  collaboration: 'Collaboration',
+  collective_research: 'CollectiveResearch',
+  computer_mail: 'ComputerMail',
+  confetti_cannon: 'ConfettiCannon',
+  contract_signature: 'ContractSignature',
+  cross_legged: 'CrossLegged',
+  cup_of_coffee: 'CupOfCoffee',
+  dancing: 'Dancing',
+  dancing_people: 'DancingPeople',
+  dancing_skier: 'DancingSkier',
+  desert: 'Desert',
+  dialogue: 'Dialogue',
+  discussion: 'Discussion',
+  doctor: 'Doctor',
+  document_creation: 'DocumentCreation',
+  document_scan: 'DocumentScan',
+  document_scanning: 'DocumentScanning',
+  email_login: 'EmailLogin',
+  empty_folder: 'EmptyFolder',
+  evaluation: 'Evaluation',
+  filing_documents: 'FilingDocuments',
+  flowchart: 'Flowchart',
+  graphic: 'Graphic',
+  hands: 'Hands',
+  high_five: 'HighFive',
+  highlight_books: 'HighlightBooks',
+  idea: 'Idea',
+  incident_panel: 'IncidentPanel',
+  indicate_something: 'IndicateSomething',
+  jetlang_calculator: 'JetlangCalculator',
+  library: 'Library',
+  maintenance: 'Maintenance',
+  marteler: 'Marteler',
+  moon: 'Moon',
+  mug: 'Mug',
+  panel: 'Panel',
+  paper_plane: 'PaperPlane',
+  party: 'Party',
+  payfitters_with_badge: 'PayfittersWithBadge',
+  payroll_error: 'PayrollError',
+  person: 'Person',
+  phone_message: 'PhoneMessage',
+  planet: 'Planet',
+  post_it: 'PostIt',
+  progression: 'Progression',
+  promotion: 'Promotion',
+  puzzle: 'Puzzle',
+  puzzle_piece: 'PuzzlePiece',
+  reading_a_book: 'ReadingABook',
+  receiving_pay: 'ReceivingPay',
+  rehire_employee: 'RehireEmployee',
+  remote: 'Remote',
+  research: 'Research',
+  rocket: 'Rocket',
+  safe_deposit_box: 'SafeDepositBox',
+  sale: 'Sale',
+  security_fields: 'SecurityFields',
+  signature: 'Signature',
+  sitting_on_the_sofa: 'SittingOnTheSofa',
+  solve_problem: 'SolveProblem',
+  speaker_fingertips: 'SpeakerFingertips',
+  speaker_welcome: 'SpeakerWelcome',
+  speaker_with_microphone: 'SpeakerWithMicrophone',
+  stack_of_book_2: 'StackOfBook2',
+  stair_treads: 'StairTreads',
+  taking_note: 'TakingNote',
+  target: 'Target',
+  team_building: 'TeamBuilding',
+  telescope: 'Telescope',
+  template_form: 'TemplateForm',
+  thumbsup: 'Thumbsup',
+  timer: 'Timer',
+  to_do: 'ToDo',
+  toggle_off: 'ToggleOff',
+  toggle_on: 'ToggleOn',
+  trophy: 'Trophy',
+  trophy_won: 'TrophyWon',
+  visually_impaired: 'VisuallyImpaired',
+  visually_impaired_winter: 'VisuallyImpairedWinter',
+  walking_people: 'WalkingPeople',
+  winter_party: 'WinterParty',
+  work_at_office: 'WorkAtOffice',
+  work_from_anywhere: 'WorkFromAnywhere',
+  wrench: 'Wrench',
+  write_book: 'WriteBook',
+})
+
+const typeValue = instance.getEnum('Type', {
+  generic: 'generic',
+  specific: 'specific',
+  'empty-state': 'empty-state',
+})
+
+// Apply EmptyState prefix dynamically based on Type
+const finalSrc =
+  typeValue === 'empty-state' ? 'EmptyState' + nameValue : nameValue
+
+const code = figma.tsx`<Illustration
+  src={${finalSrc}}
+  variant="picture"
+  alt="${finalSrc} illustration"
+/>`
+
+export default {
+  id: 'illustration-picture-small',
+  example: code,
+  imports: [
+    "import { Illustration } from '@payfit/unity-illustrations'",
+    `import ${finalSrc} from '@payfit/unity-illustrations/assets/${finalSrc}'`,
+  ],
+}

package/src/components/lazy-illustration/figma/LazyIllustratedIcon.figma.js

@@ -0,0 +1,150 @@
+// url=https://www.figma.com/design/NYcgOc3qMmcEDNqD6kD8J4?node-id=104-1898
+// component=LazyIllustration
+// source=https://github.com/PayFit/hr-apps/blob/master/libs/shared/unity/illustrations/src/components/lazy-illustration/LazyIllustration.tsx
+
+/**
+ * AUTO-GENERATED - DO NOT EDIT
+ *
+ * Template file for Figma Code Connect - LazyIllustration component (Icons)
+ *
+ * Handles dynamic mapping of:
+ * - Name property -> PascalCase code name
+ * - With background property -> "WithBackground" suffix
+ * - Size property -> React size value
+ */
+
+const figma = require('figma')
+const instance = figma.selectedInstance
+
+const nameValue = instance.getEnum('Name', {
+  administrative_document: 'AdministrativeDocument',
+  annual_taxes: 'AnnualTaxes',
+  baby_bottle: 'BabyBottle',
+  bell: 'Bell',
+  bicycle: 'Bicycle',
+  blank_payslip: 'BlankPayslip',
+  box: 'Box',
+  buoy: 'Buoy',
+  calculator: 'Calculator',
+  card: 'Card',
+  character_headphone: 'CharacterHeadphone',
+  checkbox: 'Checkbox',
+  clock: 'Clock',
+  closed_lock: 'ClosedLock',
+  computer_documentation: 'ComputerDocumentation',
+  confettis: 'Confettis',
+  contact: 'Contact',
+  conversation: 'Conversation',
+  data: 'Data',
+  discount: 'Discount',
+  document: 'Document',
+  document_error: 'DocumentError',
+  document_filing: 'DocumentFiling',
+  e_signature: 'ESignature',
+  email_notification: 'EmailNotification',
+  emergency_contact: 'EmergencyContact',
+  employment_contract: 'EmploymentContract',
+  empty_document: 'EmptyDocument',
+  empty_state: 'EmptyState',
+  exceeding_threshold: 'ExceedingThreshold',
+  exceptional_compensation: 'ExceptionalCompensation',
+  expenses: 'Expenses',
+  FAQ: 'FAQ',
+  field_glasses: 'FieldGlasses',
+  free_share: 'FreeShare',
+  full_calendar: 'FullCalendar',
+  gear: 'Gear',
+  gift: 'Gift',
+  golden_ribbon: 'GoldenRibbon',
+  graph: 'Graph',
+  half_calendar: 'HalfCalendar',
+  hammer: 'Hammer',
+  hand_hello: 'HandHello',
+  happy_character: 'HappyCharacter',
+  health: 'Health',
+  health_insurance: 'HealthInsurance',
+  holiday_voucher: 'HolidayVoucher',
+  identity_card: 'IdentityCard',
+  information_update: 'InformationUpdate',
+  JEC: 'JEC',
+  JEI_JEU_JEC: 'JeiJeuJec',
+  kanoon: 'Kanoon',
+  kpmg: 'Kpmg',
+  legal_help: 'LegalHelp',
+  letter_box: 'LetterBox',
+  light_bulb: 'LightBulb',
+  little_rocket: 'LittleRocket',
+  lunch_voucher: 'LunchVoucher',
+  magnifying_glass: 'MagnifyingGlass',
+  meal_plate: 'MealPlate',
+  meal_voucher: 'MealVoucher',
+  meal_voucher_card: 'MealVoucherCard',
+  mobility: 'Mobility',
+  money_lending: 'MoneyLending',
+  notes: 'Notes',
+  official_letter: 'OfficialLetter',
+  open_lock: 'OpenLock',
+  organismes_payment: 'OrganismesPayment',
+  paid_leave: 'PaidLeave',
+  payment_information: 'PaymentInformation',
+  payslip: 'Payslip',
+  payslip_coins: 'PayslipCoins',
+  pen: 'Pen',
+  people: 'People',
+  performance: 'Performance',
+  person_headphone: 'PersonHeadphone',
+  personal_details: 'PersonalDetails',
+  piggy_bank: 'PiggyBank',
+  piggy_bank_coins: 'PiggyBankCoins',
+  plant: 'Plant',
+  provident_scheme: 'ProvidentScheme',
+  remote_work: 'RemoteWork',
+  report: 'Report',
+  salary: 'Salary',
+  salary_advance: 'SalaryAdvance',
+  salary_payment: 'SalaryPayment',
+  salary_seizure: 'SalarySeizure',
+  sand_castle: 'SandCastle',
+  schedule: 'Schedule',
+  set_up_task: 'SetUpTask',
+  setting_slider: 'SettingSlider',
+  sick_leave: 'SickLeave',
+  small_puzzle: 'SmallPuzzle',
+  smiling_character: 'SmilingCharacter',
+  spreadsheet: 'Spreadsheet',
+  stethoscope: 'Stethoscope',
+  stock_options: 'StockOptions',
+  stopwatch: 'Stopwatch',
+  sunshade: 'Sunshade',
+  task_to_do: 'TaskToDo',
+  template: 'Template',
+  thumbtack: 'Thumbtack',
+  time_tracking: 'TimeTracking',
+  tips_jar: 'TipsJar',
+  token_coin: 'TokenCoin',
+  validation_window: 'ValidationWindow',
+  work_expense: 'WorkExpense',
+  working_time: 'WorkingTime',
+})
+
+const withBackgroundValue = instance.getBoolean('With background')
+const sizeValue = instance.getEnum('Size', {
+  small: 'sm',
+  medium: 'md',
+  large: 'lg',
+})
+
+const finalSrc = withBackgroundValue ? nameValue + 'WithBackground' : nameValue
+
+const code = figma.tsx`<LazyIllustration
+  src="${finalSrc}"
+  size="${sizeValue}"
+  variant="icon"
+  alt="${finalSrc} illustration"
+/>`
+
+export default {
+  id: 'lazyillustration-icon',
+  example: code,
+  imports: ["import { LazyIllustration } from '@payfit/unity-illustrations'"],
+}

package/src/components/lazy-illustration/figma/LazyIllustratedPictureLarge.figma.js

@@ -0,0 +1,143 @@
+// url=https://www.figma.com/design/NYcgOc3qMmcEDNqD6kD8J4?node-id=216-3916
+// component=LazyIllustration
+// source=https://github.com/PayFit/hr-apps/blob/master/libs/shared/unity/illustrations/src/components/lazy-illustration/LazyIllustration.tsx
+
+/**
+ * AUTO-GENERATED - DO NOT EDIT
+ *
+ * Template file for Figma Code Connect - LazyIllustration component (Pictures - Large)
+ *
+ * Handles dynamic mapping of:
+ * - Name property -> PascalCase code name
+ * - Type property -> "EmptyState" prefix for empty-state type
+ */
+
+const figma = require('figma')
+const instance = figma.selectedInstance
+
+const nameValue = instance.getEnum('Name', {
+  accounting: 'Accounting',
+  activation_button: 'ActivationButton',
+  activation_toggle: 'ActivationToggle',
+  add_employee: 'AddEmployee',
+  alphabet_cube: 'AlphabetCube',
+  analysis: 'Analysis',
+  automation_in_progress: 'AutomationInProgress',
+  big_idea: 'BigIdea',
+  binoculars: 'Binoculars',
+  biscuit: 'Biscuit',
+  biscuit_crumbs: 'BiscuitCrumbs',
+  book: 'Book',
+  brainstorming: 'Brainstorming',
+  calendar: 'Calendar',
+  chat: 'Chat',
+  christmas_sock: 'ChristmasSock',
+  christmas_sock_and_confettis: 'ChristmasSockAndConfettis',
+  collaboration: 'Collaboration',
+  collective_research: 'CollectiveResearch',
+  computer_mail: 'ComputerMail',
+  confetti_cannon: 'ConfettiCannon',
+  contract_signature: 'ContractSignature',
+  cross_legged: 'CrossLegged',
+  cup_of_coffee: 'CupOfCoffee',
+  dancing: 'Dancing',
+  dancing_people: 'DancingPeople',
+  dancing_skier: 'DancingSkier',
+  desert: 'Desert',
+  dialogue: 'Dialogue',
+  discussion: 'Discussion',
+  doctor: 'Doctor',
+  document_creation: 'DocumentCreation',
+  document_scan: 'DocumentScan',
+  document_scanning: 'DocumentScanning',
+  email_login: 'EmailLogin',
+  empty_folder: 'EmptyFolder',
+  evaluation: 'Evaluation',
+  filing_documents: 'FilingDocuments',
+  flowchart: 'Flowchart',
+  graphic: 'Graphic',
+  hands: 'Hands',
+  high_five: 'HighFive',
+  highlight_books: 'HighlightBooks',
+  idea: 'Idea',
+  incident_panel: 'IncidentPanel',
+  indicate_something: 'IndicateSomething',
+  jetlang_calculator: 'JetlangCalculator',
+  library: 'Library',
+  maintenance: 'Maintenance',
+  marteler: 'Marteler',
+  moon: 'Moon',
+  mug: 'Mug',
+  panel: 'Panel',
+  paper_plane: 'PaperPlane',
+  party: 'Party',
+  payfitters_with_badge: 'PayfittersWithBadge',
+  payroll_error: 'PayrollError',
+  person: 'Person',
+  phone_message: 'PhoneMessage',
+  planet: 'Planet',
+  post_it: 'PostIt',
+  progression: 'Progression',
+  promotion: 'Promotion',
+  puzzle: 'Puzzle',
+  puzzle_piece: 'PuzzlePiece',
+  reading_a_book: 'ReadingABook',
+  receiving_pay: 'ReceivingPay',
+  rehire_employee: 'RehireEmployee',
+  remote: 'Remote',
+  research: 'Research',
+  rocket: 'Rocket',
+  safe_deposit_box: 'SafeDepositBox',
+  sale: 'Sale',
+  security_fields: 'SecurityFields',
+  signature: 'Signature',
+  sitting_on_the_sofa: 'SittingOnTheSofa',
+  solve_problem: 'SolveProblem',
+  speaker_fingertips: 'SpeakerFingertips',
+  speaker_welcome: 'SpeakerWelcome',
+  speaker_with_microphone: 'SpeakerWithMicrophone',
+  stack_of_book_2: 'StackOfBook2',
+  stair_treads: 'StairTreads',
+  taking_note: 'TakingNote',
+  target: 'Target',
+  team_building: 'TeamBuilding',
+  telescope: 'Telescope',
+  template_form: 'TemplateForm',
+  thumbsup: 'Thumbsup',
+  timer: 'Timer',
+  to_do: 'ToDo',
+  toggle_off: 'ToggleOff',
+  toggle_on: 'ToggleOn',
+  trophy: 'Trophy',
+  trophy_won: 'TrophyWon',
+  visually_impaired: 'VisuallyImpaired',
+  visually_impaired_winter: 'VisuallyImpairedWinter',
+  walking_people: 'WalkingPeople',
+  winter_party: 'WinterParty',
+  work_at_office: 'WorkAtOffice',
+  work_from_anywhere: 'WorkFromAnywhere',
+  wrench: 'Wrench',
+  write_book: 'WriteBook',
+})
+
+const typeValue = instance.getEnum('Type', {
+  generic: 'generic',
+  specific: 'specific',
+  'empty-state': 'empty-state',
+})
+
+// Apply EmptyState prefix dynamically based on Type
+const finalSrc =
+  typeValue === 'empty-state' ? 'EmptyState' + nameValue : nameValue
+
+const code = figma.tsx`<LazyIllustration
+  src="${finalSrc}"
+  variant="picture"
+  alt="${finalSrc} illustration"
+/>`
+
+export default {
+  id: 'lazyillustration-picture-large',
+  example: code,
+  imports: ["import { LazyIllustration } from '@payfit/unity-illustrations'"],
+}

package/src/components/lazy-illustration/figma/LazyIllustratedPictureMedium.figma.js

@@ -0,0 +1,143 @@
+// url=https://www.figma.com/design/NYcgOc3qMmcEDNqD6kD8J4?node-id=214-5807
+// component=LazyIllustration
+// source=https://github.com/PayFit/hr-apps/blob/master/libs/shared/unity/illustrations/src/components/lazy-illustration/LazyIllustration.tsx
+
+/**
+ * AUTO-GENERATED - DO NOT EDIT
+ *
+ * Template file for Figma Code Connect - LazyIllustration component (Pictures - Medium)
+ *
+ * Handles dynamic mapping of:
+ * - Name property -> PascalCase code name
+ * - Type property -> "EmptyState" prefix for empty-state type
+ */
+
+const figma = require('figma')
+const instance = figma.selectedInstance
+
+const nameValue = instance.getEnum('Name', {
+  accounting: 'Accounting',
+  activation_button: 'ActivationButton',
+  activation_toggle: 'ActivationToggle',
+  add_employee: 'AddEmployee',
+  alphabet_cube: 'AlphabetCube',
+  analysis: 'Analysis',
+  automation_in_progress: 'AutomationInProgress',
+  big_idea: 'BigIdea',
+  binoculars: 'Binoculars',
+  biscuit: 'Biscuit',
+  biscuit_crumbs: 'BiscuitCrumbs',
+  book: 'Book',
+  brainstorming: 'Brainstorming',
+  calendar: 'Calendar',
+  chat: 'Chat',
+  christmas_sock: 'ChristmasSock',
+  christmas_sock_and_confettis: 'ChristmasSockAndConfettis',
+  collaboration: 'Collaboration',
+  collective_research: 'CollectiveResearch',
+  computer_mail: 'ComputerMail',
+  confetti_cannon: 'ConfettiCannon',
+  contract_signature: 'ContractSignature',
+  cross_legged: 'CrossLegged',
+  cup_of_coffee: 'CupOfCoffee',
+  dancing: 'Dancing',
+  dancing_people: 'DancingPeople',
+  dancing_skier: 'DancingSkier',
+  desert: 'Desert',
+  dialogue: 'Dialogue',
+  discussion: 'Discussion',
+  doctor: 'Doctor',
+  document_creation: 'DocumentCreation',
+  document_scan: 'DocumentScan',
+  document_scanning: 'DocumentScanning',
+  email_login: 'EmailLogin',
+  empty_folder: 'EmptyFolder',
+  evaluation: 'Evaluation',
+  filing_documents: 'FilingDocuments',
+  flowchart: 'Flowchart',
+  graphic: 'Graphic',
+  hands: 'Hands',
+  high_five: 'HighFive',
+  highlight_books: 'HighlightBooks',
+  idea: 'Idea',
+  incident_panel: 'IncidentPanel',
+  indicate_something: 'IndicateSomething',
+  jetlang_calculator: 'JetlangCalculator',
+  library: 'Library',
+  maintenance: 'Maintenance',
+  marteler: 'Marteler',
+  moon: 'Moon',
+  mug: 'Mug',
+  panel: 'Panel',
+  paper_plane: 'PaperPlane',
+  party: 'Party',
+  payfitters_with_badge: 'PayfittersWithBadge',
+  payroll_error: 'PayrollError',
+  person: 'Person',
+  phone_message: 'PhoneMessage',
+  planet: 'Planet',
+  post_it: 'PostIt',
+  progression: 'Progression',
+  promotion: 'Promotion',
+  puzzle: 'Puzzle',
+  puzzle_piece: 'PuzzlePiece',
+  reading_a_book: 'ReadingABook',
+  receiving_pay: 'ReceivingPay',
+  rehire_employee: 'RehireEmployee',
+  remote: 'Remote',
+  research: 'Research',
+  rocket: 'Rocket',
+  safe_deposit_box: 'SafeDepositBox',
+  sale: 'Sale',
+  security_fields: 'SecurityFields',
+  signature: 'Signature',
+  sitting_on_the_sofa: 'SittingOnTheSofa',
+  solve_problem: 'SolveProblem',
+  speaker_fingertips: 'SpeakerFingertips',
+  speaker_welcome: 'SpeakerWelcome',
+  speaker_with_microphone: 'SpeakerWithMicrophone',
+  stack_of_book_2: 'StackOfBook2',
+  stair_treads: 'StairTreads',
+  taking_note: 'TakingNote',
+  target: 'Target',
+  team_building: 'TeamBuilding',
+  telescope: 'Telescope',
+  template_form: 'TemplateForm',
+  thumbsup: 'Thumbsup',
+  timer: 'Timer',
+  to_do: 'ToDo',
+  toggle_off: 'ToggleOff',
+  toggle_on: 'ToggleOn',
+  trophy: 'Trophy',
+  trophy_won: 'TrophyWon',
+  visually_impaired: 'VisuallyImpaired',
+  visually_impaired_winter: 'VisuallyImpairedWinter',
+  walking_people: 'WalkingPeople',
+  winter_party: 'WinterParty',
+  work_at_office: 'WorkAtOffice',
+  work_from_anywhere: 'WorkFromAnywhere',
+  wrench: 'Wrench',
+  write_book: 'WriteBook',
+})
+
+const typeValue = instance.getEnum('Type', {
+  generic: 'generic',
+  specific: 'specific',
+  'empty-state': 'empty-state',
+})
+
+// Apply EmptyState prefix dynamically based on Type
+const finalSrc =
+  typeValue === 'empty-state' ? 'EmptyState' + nameValue : nameValue
+
+const code = figma.tsx`<LazyIllustration
+  src="${finalSrc}"
+  variant="picture"
+  alt="${finalSrc} illustration"
+/>`
+
+export default {
+  id: 'lazyillustration-picture-medium',
+  example: code,
+  imports: ["import { LazyIllustration } from '@payfit/unity-illustrations'"],
+}

package/src/components/lazy-illustration/figma/LazyIllustratedPictureSmall.figma.js

@@ -0,0 +1,143 @@
+// url=https://www.figma.com/design/NYcgOc3qMmcEDNqD6kD8J4?node-id=214-3597
+// component=LazyIllustration
+// source=https://github.com/PayFit/hr-apps/blob/master/libs/shared/unity/illustrations/src/components/lazy-illustration/LazyIllustration.tsx
+
+/**
+ * AUTO-GENERATED - DO NOT EDIT
+ *
+ * Template file for Figma Code Connect - LazyIllustration component (Pictures - Small)
+ *
+ * Handles dynamic mapping of:
+ * - Name property -> PascalCase code name
+ * - Type property -> "EmptyState" prefix for empty-state type
+ */
+
+const figma = require('figma')
+const instance = figma.selectedInstance
+
+const nameValue = instance.getEnum('Name', {
+  accounting: 'Accounting',
+  activation_button: 'ActivationButton',
+  activation_toggle: 'ActivationToggle',
+  add_employee: 'AddEmployee',
+  alphabet_cube: 'AlphabetCube',
+  analysis: 'Analysis',
+  automation_in_progress: 'AutomationInProgress',
+  big_idea: 'BigIdea',
+  binoculars: 'Binoculars',
+  biscuit: 'Biscuit',
+  biscuit_crumbs: 'BiscuitCrumbs',
+  book: 'Book',
+  brainstorming: 'Brainstorming',
+  calendar: 'Calendar',
+  chat: 'Chat',
+  christmas_sock: 'ChristmasSock',
+  christmas_sock_and_confettis: 'ChristmasSockAndConfettis',
+  collaboration: 'Collaboration',
+  collective_research: 'CollectiveResearch',
+  computer_mail: 'ComputerMail',
+  confetti_cannon: 'ConfettiCannon',
+  contract_signature: 'ContractSignature',
+  cross_legged: 'CrossLegged',
+  cup_of_coffee: 'CupOfCoffee',
+  dancing: 'Dancing',
+  dancing_people: 'DancingPeople',
+  dancing_skier: 'DancingSkier',
+  desert: 'Desert',
+  dialogue: 'Dialogue',
+  discussion: 'Discussion',
+  doctor: 'Doctor',
+  document_creation: 'DocumentCreation',
+  document_scan: 'DocumentScan',
+  document_scanning: 'DocumentScanning',
+  email_login: 'EmailLogin',
+  empty_folder: 'EmptyFolder',
+  evaluation: 'Evaluation',
+  filing_documents: 'FilingDocuments',
+  flowchart: 'Flowchart',
+  graphic: 'Graphic',
+  hands: 'Hands',
+  high_five: 'HighFive',
+  highlight_books: 'HighlightBooks',
+  idea: 'Idea',
+  incident_panel: 'IncidentPanel',
+  indicate_something: 'IndicateSomething',
+  jetlang_calculator: 'JetlangCalculator',
+  library: 'Library',
+  maintenance: 'Maintenance',
+  marteler: 'Marteler',
+  moon: 'Moon',
+  mug: 'Mug',
+  panel: 'Panel',
+  paper_plane: 'PaperPlane',
+  party: 'Party',
+  payfitters_with_badge: 'PayfittersWithBadge',
+  payroll_error: 'PayrollError',
+  person: 'Person',
+  phone_message: 'PhoneMessage',
+  planet: 'Planet',
+  post_it: 'PostIt',
+  progression: 'Progression',
+  promotion: 'Promotion',
+  puzzle: 'Puzzle',
+  puzzle_piece: 'PuzzlePiece',
+  reading_a_book: 'ReadingABook',
+  receiving_pay: 'ReceivingPay',
+  rehire_employee: 'RehireEmployee',
+  remote: 'Remote',
+  research: 'Research',
+  rocket: 'Rocket',
+  safe_deposit_box: 'SafeDepositBox',
+  sale: 'Sale',
+  security_fields: 'SecurityFields',
+  signature: 'Signature',
+  sitting_on_the_sofa: 'SittingOnTheSofa',
+  solve_problem: 'SolveProblem',
+  speaker_fingertips: 'SpeakerFingertips',
+  speaker_welcome: 'SpeakerWelcome',
+  speaker_with_microphone: 'SpeakerWithMicrophone',
+  stack_of_book_2: 'StackOfBook2',
+  stair_treads: 'StairTreads',
+  taking_note: 'TakingNote',
+  target: 'Target',
+  team_building: 'TeamBuilding',
+  telescope: 'Telescope',
+  template_form: 'TemplateForm',
+  thumbsup: 'Thumbsup',
+  timer: 'Timer',
+  to_do: 'ToDo',
+  toggle_off: 'ToggleOff',
+  toggle_on: 'ToggleOn',
+  trophy: 'Trophy',
+  trophy_won: 'TrophyWon',
+  visually_impaired: 'VisuallyImpaired',
+  visually_impaired_winter: 'VisuallyImpairedWinter',
+  walking_people: 'WalkingPeople',
+  winter_party: 'WinterParty',
+  work_at_office: 'WorkAtOffice',
+  work_from_anywhere: 'WorkFromAnywhere',
+  wrench: 'Wrench',
+  write_book: 'WriteBook',
+})
+
+const typeValue = instance.getEnum('Type', {
+  generic: 'generic',
+  specific: 'specific',
+  'empty-state': 'empty-state',
+})
+
+// Apply EmptyState prefix dynamically based on Type
+const finalSrc =
+  typeValue === 'empty-state' ? 'EmptyState' + nameValue : nameValue
+
+const code = figma.tsx`<LazyIllustration
+  src="${finalSrc}"
+  variant="picture"
+  alt="${finalSrc} illustration"
+/>`
+
+export default {
+  id: 'lazyillustration-picture-small',
+  example: code,
+  imports: ["import { LazyIllustration } from '@payfit/unity-illustrations'"],
+}